@-moz-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

@-o-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

@-moz-keyframes timer {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes timer {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes timer {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes timer {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

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

body {
  margin: 0;
}

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

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

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

progress {
  vertical-align: baseline;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

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

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

figure {
  margin: 1em 40px;
}

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

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

optgroup {
  font-weight: 700;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

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

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

#content,
.form-edit-view .form-content-wrapper,
.form-main,
.scrolling-content-wrapper,
.scrolling-sidebar-wrapper,
.tabbed-content {
  height: auto;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.form-widgets,
.scrolling-content-wrapper {
  overflow: auto;
}

#content {
  margin: 46px 0 0 0;
  list-style-position: inside;
}

.publicpage #content {
  min-height: 100%;
}

.app-page {
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 65px;
  overflow: hidden;
}

.publicpage,
.publicpage #content,
.publicpage .app-page,
.publicpage .form-main {
  overflow: visible;
  padding: 0;
  margin: 0;
  position: relative;
  top: initial;
  right: initial;
  bottom: initial;
  left: initial;
}

.scrolling-content {
  padding: 25px 15px 15px 15px;
}

.scrolling-content.no-scroll {
  height: inherit;
  overflow-y: hidden;
}

.table-inline-controls {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 11px;
  height: 51px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.table-inline-controls.scroll-shadow,
.table-inline-controls.second-shadow {
  -webkit-box-shadow: 0 0 25px -8px RGBA(0,0,0,.4);
  box-shadow: 0 0 25px -8px RGBA(0,0,0,.4);
}

.table-controls {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 75px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.table-controls .entry-actions-pagination {
  position: relative;
  top: 1px;
  font-size: 11px;
  text-transform: uppercase;
}

.table-controls.scroll-shadow,
.table-controls.second-shadow {
  -webkit-box-shadow: 0 0 25px -8px RGBA(0,0,0,.4);
  box-shadow: 0 0 25px -8px RGBA(0,0,0,.4);
}

.table-controls.draggable {
  cursor: move;
}

.table-control-search {
  position: relative;
  float: right;
}

.table-control-search .input__text {
  width: 200px;
  height: 32px;
  font-size: 12px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-control-search .input__text.focus {
  padding-right: 90px;
  width: 290px;
}

.table-control-search [type=submit] {
  height: 24px;
  line-height: 24px;
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 12px;
  color: #fff;
  padding: 0 12px;
  background: #16becc;
}

.table-control-search-pagination {
  float: right;
}

.table-control-search-pagination .pagination {
  clear: both;
}

.table-control-search-pagination .pagination .page-count {
  font-size: 11px;
  height: 18px;
  line-height: 18px;
}

.table-control-search-pagination .pagination .link {
  top: -2px;
}

.tabbed-content-wrapper {
  left: 240px;
  right: 0;
}

.cb {
  clear: both;
  height: 0;
  line-height: 1px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.fl {
  float: left!important;
}

.fr {
  float: right!important;
}

.br {
  clear: both;
  height: 1px;
  width: 100%;
  line-height: 1px;
}

.loading-indicator {
  display: none;
}

.body-tag-honest.loading .loading-indicator {
  display: block;
}

.homepage {
  margin: 0;
}

.static_about_view {
  overflow: inherit;
}

.tabbed-content {
  -webkit-box-shadow: 0 2px 7px RGBA(0,0,0,.1);
  box-shadow: 0 2px 7px RGBA(0,0,0,.1);
  padding: 20px 0 0 0;
  background-color: #fff;
  border: 1px solid #b4d6e1;
}

.content-titlebar {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 20px;
  position: relative;
  height: 80px;
  margin: 0 auto;
}

.content-titlebar h1,
.content-titlebar h2,
.content-titlebar h3 {
  position: absolute;
  top: 20px;
  left: 0;
  height: 40px;
  line-height: 40px;
  margin: 0;
  margin-right: 20px;
  font-size: 26px;
  float: left;
  width: 100%;
  text-align: center;
}

.content-titlebar h1 span {
  width: 1px;
  height: 20px;
  border-right: 1px solid #60545c;
  margin: 0 10px;
}

.content-titlebar h2 {
  font-size: 24px;
  top: 7px;
}

.content-titlebar h3 {
  font-size: 18px;
  top: 35px;
}

.splitter {
  height: 1px;
}

.back {
  color: #aaa;
  text-decoration: none;
}

.shadow-caster {
  position: absolute;
  top: -20px;
  left: 0;
  height: 20px;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.loaded .shadow-caster {
  transition: box-shadow 1s;
  -ms-transition: box-shadow 1s;
  -webkit-transition: box-shadow 1s;
}

.shadow-caster.scroll-shadow {
  -webkit-box-shadow: 0 0 25px -6px RGBA(0,0,0,.8);
  box-shadow: 0 0 25px -6px RGBA(0,0,0,.8);
}

.no-hover:hover {
  cursor: default!important;
  color: inherit!important;
  background-color: inherit!important;
}

.action-bar,
.fixed-content-buttons {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: transparent;
  position: relative;
  padding: 10px 0;
  padding-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid RGBA(0,0,0,0);
}

.action-bar.scroll-shadow,
.action-bar.second-shadow,
.fixed-content-buttons.scroll-shadow,
.fixed-content-buttons.second-shadow {
  -webkit-box-shadow: 0 0 25px -8px RGBA(0,0,0,.4);
  box-shadow: 0 0 25px -8px RGBA(0,0,0,.4);
  border-bottom: 1px solid RGBA(0,0,0,.2);
}

.action-bar .small-button,
.fixed-content-buttons .small-button {
  font-size: 11px;
  height: 34px;
  line-height: 34px;
  margin-right: 6px;
  padding: 0 10px;
  text-transform: uppercase;
}

.action-bar .small-button .sprite,
.fixed-content-buttons .small-button .sprite {
  top: 6px;
  left: -2px;
  margin-right: 3px;
}

.action-bar-buttons {
  padding: 2px 0;
  margin: 0 auto;
  display: table;
}

.entry-action-buttons {
  float: left;
}

.entry-actions-pagination {
  margin-right: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.sprite.dropdown-sprite {
  position: absolute;
  top: 9px;
  right: 8px;
  left: auto;
}

.general-list {
  list-style: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.general-list li {
  position: relative;
  padding: 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  cursor: pointer;
}

.general-list li:first-child {
  border-width: 1px 0;
}

.general-list li .general-basic-details {
  overflow: hidden;
}

.general-list li .general-basic-details,
.general-list li .general-buttons {
  height: 40px;
  line-height: 40px;
}

.general-list li .general-buttons {
  display: none;
}

.general-list li .general-basic-details {
  cursor: pointer;
}

.general-list li .disabled {
  cursor: default!important;
}

.general-list li .general-list-button {
  margin-left: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.general-list li.active {
  border-color: #16becc;
  background-color: #e8f3f7;
  border-width: 1px 0;
  margin-top: -1px;
}

.general-list li.active:first-child {
  margin-top: 0;
}

.general-list li.active .general-buttons {
  display: block;
}

.general-list li.active .general-buttons:hover {
  cursor: default;
}

.general-list li.active .general-buttons a:hover,
.general-list li.active .general-buttons span:hover {
  color: #16becc!important;
}

.general-list li.active .general-basic-details:hover {
  cursor: default;
}

.general-list li:hover .general-basic-details * {
  color: #16becc!important;
}

.general-list li.none {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}

.general-list li.active:hover .general-basic-details * {
  color: #60545c!important;
}

.general-list li .title {
  color: #60545c;
  font-size: 18px;
  margin-right: 20px;
  width: 300px;
  margin-left: 10px;
}

.general-list li .meta,
.general-list li .title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  float: left;
  line-height: 40px;
}

.general-list li .meta,
.general-list li .meta-right {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  margin-right: 14px;
}

.general-list li .meta-right {
  float: right;
  margin-right: 10px;
}

.general-list li .general-box {
  padding: 0 20px 15px 20px;
}

.general-list li .general-box .title {
  font-size: 16px;
  margin-bottom: 10px;
  margin-left: 0;
  float: none;
}

.general-list li>a {
  height: 40px;
  line-height: 40px;
  display: block;
}

.image-uploader-wrapper {
  float: left;
  display: table;
  margin-right: 20px;
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 80px;
  height: 80px;
  cursor: pointer;
}

.loaded .image-uploader-wrapper {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.image-uploader-wrapper .image,
.image-uploader-wrapper .no-image {
  width: 80px;
  height: 80px;
  display: inline-block;
  position: relative;
  top: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.image-uploader-wrapper .no-image {
  display: table;
}

.image-uploader-wrapper .image {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.loaded .image-uploader-wrapper .image {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.image-uploader-wrapper .cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

.image-uploader-wrapper span {
  vertical-align: middle;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  color: #60545c;
  text-shadow: 0 0 2px RGBA(255,255,255,.7);
  opacity: 0;
}

.loaded .image-uploader-wrapper span {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.image-uploader-wrapper .no-label {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
  width: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-uploader-wrapper .no-label.add-image {
  padding: 10px;
}

.image-uploader-wrapper .image-upload {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  opacity: 0;
  cursor: pointer;
}

.image-uploader-wrapper .image-upload:active,
.image-uploader-wrapper .image-upload:focus {
  outline: 0;
}

.image-uploader-wrapper.uploading .image {
  opacity: .5;
}

.image-uploader-wrapper.uploading .no-label {
  color: #60545c;
  text-shadow: 0 0 2px RGBA(255,255,255,.7);
}

.image-uploader-wrapper.no- {
  border: 1px solid #16becc;
}

.image-uploader-wrapper.no-:hover {
  border: 1px solid #60545c;
}

.image-uploader-wrapper.no-:hover .no-image {
  color: #60545c;
}

.image-uploader-wrapper.no- .no-image {
  color: #16becc;
}

.loaded .image-uploader-wrapper.no- .no-image {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.image-uploader-wrapper:hover {
  border: 1px solid #60545c;
}

.image-uploader-wrapper:hover .image {
  opacity: .2;
}

.image-uploader-wrapper:hover span {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.back {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #16becc;
  position: relative;
}

.content-titlebar {
  position: relative;
  background: #fff;
}

.content-titlebar * {
  position: relative;
}

.content-titlebar h1,
.content-titlebar h2.subtitle {
  text-align: center;
  float: initial;
  position: absolute;
  width: 100%;
  top: 20px;
  left: 0;
  margin: 0;
}

.content-titlebar h1.has-subtitle {
  top: 11px;
}

.content-titlebar h2.subtitle {
  top: 36px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  color: #60545c;
  font-size: 11px;
}

.page-action-buttons .button.outlined,
.page-action-buttons .button.primary {
  border-color: #16becc!important;
  color: #16becc;
}

.page-action-buttons .button.plain {
  color: #16becc;
  border-color: transparent!important;
}

.page-action-buttons .button.plain:hover,
.page-action-buttons .button.primary:hover {
  color: #16becc!important;
}

.app-page {
  background-color: #f9f9f9;
}

.app-page .tabbed-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.saved-banner {
  float: left;
  margin-left: 20px;
  height: 42px;
  line-height: 40px;
  font-size: 14px;
}

.pie-chart .legend {
  list-style: none;
  line-height: 160%;
}

.pie-chart .legend .entry {
  width: 100%;
}

.pie-chart .legend .count {
  float: right;
}

.pie-with-number {
  display: table;
  vertical-align: middle;
  position: relative;
}

.pie-with-number .pie-number {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.pie-with-number .pie {
  position: absolute;
  top: 0;
  left: 0;
}

.show-more-text {
  margin-left: 8px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #16becc;
  white-space: nowrap;
}

@-webkit-keyframes backgroundAnimate {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 -40px;
  }
}

@-moz-keyframes slideIn {
  from {
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
  }

  to {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
  }

  to {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@-o-keyframes slideIn {
  from {
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
  }

  to {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes slideIn {
  from {
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
  }

  to {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

.publicpage footer {
  display: block;
}

.footer.view {
  width: 100%;
  background: #e5e5e5;
  height: 41px;
  min-height: 41px;
  line-height: 41px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  overflow: hidden;
}

.footer.view a,
.footer.view span {
  padding: 0 10px;
}

.footer.view span {
  font-size: 9px;
}

.footer.view .divider {
  width: 2px;
  height: 20px;
  margin: 10px 0;
}

@font-face {
  font-family: ClanPro-Thin;
  src: url(fonts/ClanPro/ClanPro-Thin.otf);
}

@font-face {
  font-family: ClanPro-Book;
  src: url(fonts/ClanPro/ClanPro-Book.otf);
}

@font-face {
  font-family: ClanPro-Medium;
  src: url(fonts/ClanPro/ClanPro-Medium.otf);
}

@font-face {
  font-family: ClanPro-Medium;
  src: url(fonts/ClanPro/ClanPro-Medium.otf);
}

@font-face {
  font-family: OpenSans-Regular;
  src: url(fonts/OpenSans/OpenSans-Regular.ttf);
}

@font-face {
  font-family: OpenSans-Light;
  src: url(fonts/OpenSans/OpenSans-Light.ttf);
}

@font-face {
  font-family: LLCircular-Book;
  src: url(fonts/LLCircular/lineto-circular-pro-book.eot);
  src: url(fonts/LLCircular/lineto-circular-pro-book.eot#iefix&) format('embedded-opentype'),url(fonts/LLCircular/lineto-circular-pro-book.woff2) format('woff2'),url(fonts/LLCircular/lineto-circular-pro-book.woff) format('woff'),url(fonts/LLCircular/lineto-circular-pro-book.ttf) format('truetype'),url(fonts/LLCircular/lineto-circular-pro-book.svg#fontawesomeregular) format('svg');
}

@font-face {
  font-family: LLCircular-Medium;
  src: url(fonts/LLCircular/lineto-circular-pro-medium.eot);
  src: url(fonts/LLCircular/lineto-circular-pro-medium.eot#iefix&) format('embedded-opentype'),url(fonts/LLCircular/lineto-circular-pro-medium.woff2) format('woff2'),url(fonts/LLCircular/lineto-circular-pro-medium.woff) format('woff'),url(fonts/LLCircular/lineto-circular-pro-medium.ttf) format('truetype'),url(fonts/LLCircular/lineto-circular-pro-medium.svg#fontawesomeregular) format('svg');
}

body,
html {
  color: #60545c;
  background-color: #fff;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 13px;
  height: 100%;
  text-rendering: optimizeLegibility!important;
  -webkit-font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
}

.fonts-loaded body,
.fonts-loaded html {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

section {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
}

.a-like,
.fake-link,
a {
  color: #66adc7;
  text-decoration: none;
  cursor: pointer!important;
}

.a-like img,
.fake-link img,
a img {
  outline: 0;
}

.a-like:hover,
.fake-link:hover,
a:hover {
  color: #0a4e70;
}

.a-like:hover .Icon .Icon_fill,
.fake-link:hover .Icon .Icon_fill,
a:hover .Icon .Icon_fill {
  fill: #0a4e70;
}

.a-like:hover .Icon .Icon_stroke,
.fake-link:hover .Icon .Icon_stroke,
a:hover .Icon .Icon_stroke {
  stroke: #0a4e70;
}

.a-like .Icon .Icon_fill,
.fake-link .Icon .Icon_fill,
a .Icon .Icon_fill {
  fill: #66adc7;
}

.a-like .Icon .Icon_stroke,
.fake-link .Icon .Icon_stroke,
a .Icon .Icon_stroke {
  stroke: #66adc7;
}

.loaded .a-like,
.loaded .fake-link {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.loaded .a-like .Icon .Icon_fill,
.loaded .fake-link .Icon .Icon_fill {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.loaded .a-like .Icon .Icon_stroke,
.loaded .fake-link .Icon .Icon_stroke {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.u_unformattedLink {
  color: inherit;
}

.u_unformattedLink .Icon_fill {
  fill: inherit;
}

.u_unformattedLink .Icon_stroke {
  stroke: inherit;
}

.u_unformattedLink:hover {
  color: inherit;
}

.u_unformattedLink:hover .Icon_fill {
  fill: inherit;
}

.u_unformattedLink:hover .Icon_stroke {
  stroke: inherit;
}

img {
  border: 0;
}

pre {
  white-space: pre-wrap;
}

.strong,
strong {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .strong,
.fonts-loaded strong {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

li,
ul {
  margin: 0;
  padding: 0;
}

form p {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.timecounts-features-list-wrapper {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 120px;
}

.timecounts-feature {
  float: left;
  width: 410px;
  font-size: 28px;
}

.timecounts-feature h2 {
  font-size: 28px;
}

.timecounts-feature .details {
  padding: 5px 0 0 120px;
  font-size: 19px;
  line-height: 130%;
  letter-spacing: .05em;
  background: url(//s3.amazonaws.com/timecounts.staging/assets/homepage/crowd-c1af135858b5ba5de84da1a3d20e3e99.png) no-repeat 0 0;
  height: 120px;
  min-height: 120px;
}

.timecounts-feature.organizers {
  float: right;
}

.tabbar {
  height: 45px;
  margin-left: 30px;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .tabbar {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.tabbar-button-list {
  list-style: none;
}

.unsupported-browser .sprite {
  margin-top: 10px;
  -webkit-animation: warning;
  -ms-animation: warning;
  animation: warning;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.nav-button,
.tabbar-button,
.unsupported-browser {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  text-decoration: none;
  display: block;
  padding: 0 20px;
  height: 42px;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.selected .nav-button,
.selected .tabbar-button,
.selected .unsupported-browser {
  background: #0d4462;
}

.nav-button .unread-count,
.tabbar-button .unread-count,
.unsupported-browser .unread-count {
  border: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 2px 5px;
  margin-left: 5px;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .nav-button .unread-count,
.fonts-loaded .tabbar-button .unread-count,
.fonts-loaded .unsupported-browser .unread-count {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.loaded .nav-button .unread-count,
.loaded .tabbar-button .unread-count,
.loaded .unsupported-browser .unread-count {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.nav-button .divider,
.tabbar-button .divider,
.unsupported-browser .divider {
  width: 1px;
  height: 22.5px;
  line-height: 45px;
  position: relative;
  left: -20px;
  top: 10.25px;
  display: block;
  float: left;
}

.navbar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  margin: 0;
  width: 100%;
  height: 46px;
  padding: 0 0 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse {
  list-style: none;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
}

.nav-button {
  padding-left: 40px;
  float: none!important;
  display: block;
  min-width: 100px;
  text-align: left;
  text-decoration: none;
  margin-top: 0;
  height: 43px;
  line-height: 45px;
}

.user-select {
  background-color: #fff;
  z-index: 10;
  position: absolute;
  top: 45px;
  right: 0;
  list-style: none;
  display: none;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 200px;
}

.user-select li:first-child .nav-button {
  border-top: none;
}

.nav-active-user,
.user-select .nav-button {
  position: relative;
  min-width: inherit;
}

.nav-active-user img,
.user-select .nav-button img {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 24.5px;
  height: 24.5px;
  -webkit-border-radius: 24.5px;
  -moz-border-radius: 24.5px;
  border-radius: 24.5px;
}

.nav .active .nav-button {
  border-top-color: transparent;
}

.nav-collapse {
  height: 48px;
}

.nav-collapse:hover .user-select {
  display: inherit;
  -webkit-box-shadow: 0 10px 30px RGBA(0,0,0,.3);
  box-shadow: 0 10px 30px RGBA(0,0,0,.3);
  -webkit-animation: fadein .5s;
  -ms-animation: fadein .5s;
  animation: fadein .5s;
}

.loaded .nav-button,
.loaded .tabbar-button {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.nav-button:hover,
.tabbar-button:hover {
  color: #16becc!important;
}

.nav-button:hover .unread-count,
.tabbar-button:hover .unread-count {
  background-color: #16becc!important;
}

.loaded .nav-button:hover .unread-count,
.loaded .tabbar-button:hover .unread-count {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.headerbar {
  position: relative;
  top: 0;
  z-index: 5;
}

.loaded .headerbar {
  transition: top .3s linear;
  -ms-transition: top .3s linear;
  -webkit-transition: top .3s linear;
}

.headerbar.layout2 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  width: 100%;
}

.headerbar.layout2 .login {
  float: right;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 20px;
  margin: 10px 0;
  color: #fff;
  font-size: 14px;
  border-left: 1px solid #fff;
}

.headerbar.layout2 .brand-full {
  float: left;
}

.headerbar.layout2 .brand-full img {
  height: 50px;
}

.headerbar.layout2 .nav .active .nav-button {
  background: 0 0;
}

.brand {
  width: 26.5px;
  height: 26.5px;
  float: left;
  display: block;
  padding-top: 10px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  top: 0;
}

.brand img {
  height: 24.5px;
}

.processing-menu-button {
  position: relative;
}

.processing-menu-button:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  content: '⌃';
  position: absolute;
  display: block;
  top: -4px;
  right: 2px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-size: 19px;
}

.no-queue.processing-menu-button:after {
  display: none;
}

.processing-menu-button .progress-indicator {
  display: inline-block;
  height: 9px;
  width: 35px;
  position: relative;
  top: 1px;
  margin-right: 4px;
  background-image: -webkit-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  -webkit-background-size: 20px 20px;
  -webkit-animation-name: backgroundAnimate;
  -moz-animation-name: backgroundAnimate;
  -o-animation-name: backgroundAnimate;
  -ms-animation-name: backgroundAnimate;
  animation-name: backgroundAnimate;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
}

#timer {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #16becc;
}

#timer:not(:required) {
  border: 6px solid red;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 56px;
  height: 56px;
}

#timer:not(:required)::before {
  -webkit-animation: timer 1.25s infinite linear;
  -ms-animation: timer 1.25s infinite linear;
  animation: timer 1.25s infinite linear;
  -webkit-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  transform-origin: 3px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #00f;
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 19.2px;
  left: 19px;
  top: 19px;
}

#timer:not(:required)::after {
  -webkit-animation: timer 15s infinite linear;
  -ms-animation: timer 15s infinite linear;
  animation: timer 15s infinite linear;
  -webkit-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  transform-origin: 3px 3px;
  background: green;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 16px;
  left: 19px;
  top: 19px;
}

@-moz-keyframes warning {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  49% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes warning {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  49% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes warning {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  49% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes warning {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  49% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.sidebar,
.tabbed-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
}

.sidebar {
  left: 0;
  width: 240px;
  height: auto;
  overflow: hidden;
  padding: 0;
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sidebar li {
  position: relative;
}

.sidebar li:hover a,
.sidebar li:hover div,
.sidebar li:hover h3,
.sidebar li:hover span {
  color: #16becc!important;
}

.sidebar .selected:hover a,
.sidebar .selected:hover div,
.sidebar .selected:hover h3,
.sidebar .selected:hover span {
  color: #fff!important;
}

.sidebar li:first-child .sidebar-tab {
  border-width: 0;
}

.sidebar .selected {
  background-color: #16becc;
  border: none;
}

.sidebar .selected .sidebar-tab-title {
  color: #fff!important;
}

.sidebar .selected .sidebar-tab {
  border: none!important;
}

.sidebar li:last-child .sidebar-tab {
  border-bottom-width: 0;
}

.sidebar-add,
.sidebar-tab,
.sidebar-tab-clone,
.sidebar-title {
  padding: 20px 20px 20px 15px;
  margin-right: 20px;
  border-width: 0;
  border-style: solid;
  border-color: #b4d6e1;
  text-decoration: none;
  color: inherit;
  display: block;
}

.sidebar-tab {
  border-color: none;
  height: 30px;
  line-height: 30px;
  padding: 0 20px 0 0;
  margin: 10px;
  position: relative;
  cursor: pointer;
}

.sidebar-tab .sprite {
  top: 4px;
  left: -6px;
}

.sidebar-title {
  border: none;
  height: 35px;
  margin-right: 0;
}

.sidebar-title h3 {
  margin: 0;
  float: left;
  height: 30px;
  line-height: 30px;
}

.sidebar-title .add-group-button {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

.sidebar-add {
  height: 35px;
  text-align: right;
}

.sidebar-load-more {
  display: none;
}

.selected-tab-clone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  -ms-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.selected-tab-clone.scroll-shadow {
  -webkit-box-shadow: 0 0 25px -8px RGBA(0,0,0,.4);
  box-shadow: 0 0 25px -8px RGBA(0,0,0,.4);
}

.has-controls .selected-tab-clone {
  top: 50px;
}

.sidebar-controls-wrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sidebar-controls-wrapper .text-button {
  height: 30px;
  line-height: 30px;
}

.sidebar-controls-wrapper .text-button .sprite {
  top: 3px;
}

.has-controls .shadow-caster {
  top: 30px;
}

.sidebar-controls {
  background-color: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  min-height: 51px;
  display: none;
  padding: 10px 11px;
}

.sidebar-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  list-style: none;
  padding: 13px 10px 0 10px;
}

.sidebar-list .rename-group-field {
  font-size: 18px;
}

.sidebar-tab-title {
  display: block;
  font-size: 13px;
  color: #60545c;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-tab-data {
  margin-top: 6px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  letter-spacing: normal;
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  margin-top: 0;
  text-align: right;
  font-size: 12px;
}

.selected .sidebar-tab-data {
  color: #fff;
}

.sidebar li .sidebar-tab-data.unread,
.sidebar li:hover .sidebar-tab-data.unread {
  color: #fff!important;
  background-color: #16becc;
  height: 20px;
  line-height: 22px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-top: 5px;
  padding: 0 7px;
  font-size: 10px;
}

.sidebar li.selected .sidebar-tab-data.unread,
.sidebar li:hover.selected .sidebar-tab-data.unread {
  background-color: #fff;
  color: #16becc!important;
}

.sidebar li.end-section,
.sidebar li:hover.end-section {
  margin-bottom: 20px;
}

.delete-entry {
  position: absolute;
  top: 0;
  right: -8px;
  font-size: 16px;
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
  cursor: pointer;
}

.scrolling-sidebar-wrapper {
  overflow: auto;
}

.has-controls .scrolling-sidebar-wrapper {
  padding-top: 50px;
}

.public-sprite,
.sprite {
  display: inline-block;
  float: left;
  position: relative;
}

.text-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  line-height: 25px;
  height: 25px;
  font-size: 16px;
}

.button .public-sprite,
.button .sprite {
  top: 9px;
  left: -9px;
}

.small-submit-button,
input[type=submit].small-submit-button {
  background: #00bfce;
  color: #fff!important;
  height: 30px;
  line-height: 28px;
  padding: 0 11px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.small-submit-button:hover,
input[type=submit].small-submit-button:hover {
  background: #00acb9;
}

.small-submit-button.no-outline,
input[type=submit].small-submit-button.no-outline {
  border-color: transparent!important;
  color: #16becc!important;
}

.small-submit-button.no-outline:hover,
input[type=submit].small-submit-button.no-outline:hover {
  color: #60545c!important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent!important;
}

.small-submit-button .public-sprite,
.small-submit-button .sprite,
input[type=submit].small-submit-button .public-sprite,
input[type=submit].small-submit-button .sprite {
  position: relative;
  left: -3px;
  top: 2px;
}

.general-list-button,
.small-button,
.small-button-select,
.small-text-button {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #60545c;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  margin-right: 3px;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left;
  background-color: transparent;
  cursor: pointer;
}

.fonts-loaded .general-list-button,
.fonts-loaded .small-button,
.fonts-loaded .small-button-select,
.fonts-loaded .small-text-button {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.loaded .general-list-button,
.loaded .small-button,
.loaded .small-button-select,
.loaded .small-text-button {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.general-list-button.selected,
.small-button-select.selected,
.small-button.selected,
.small-text-button.selected {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.325);
  box-shadow: inset 0 0 6px rgba(0,0,0,.325);
}

.general-list-button.active,
.general-list-button:hover,
.small-button-select.active,
.small-button-select:hover,
.small-button.active,
.small-button:hover,
.small-text-button.active,
.small-text-button:hover {
  border-color: #60545c;
}

.general-list-button.white,
.small-button-select.white,
.small-button.white,
.small-text-button.white {
  background-color: #fff;
}

.general-list-button.no-outline,
.small-button-select.no-outline,
.small-button.no-outline,
.small-text-button.no-outline {
  border-color: transparent;
  color: #16becc;
}

.general-list-button:focus,
.small-button-select:focus,
.small-button:focus,
.small-text-button:focus {
  outline: 0;
}

.general-list-button.disabled,
.small-button-select.disabled,
.small-button.disabled,
.small-text-button.disabled {
  opacity: .3;
}

.general-list-button.caps,
.general-list-button.uppercase,
.small-button-select.caps,
.small-button-select.uppercase,
.small-button.caps,
.small-button.uppercase,
.small-text-button.caps,
.small-text-button.uppercase {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #60545c;
}

.general-list-button.outline,
.small-button-select.outline,
.small-button.outline,
.small-text-button.outline {
  border-color: #16becc;
  color: #16becc;
}

.general-list-button.primary,
.small-button-select.primary,
.small-button.primary,
.small-text-button.primary {
  border-color: #5dc744;
  background: #5dc744;
  color: #fff;
}

.general-list-button.primary:hover,
.small-button-select.primary:hover,
.small-button.primary:hover,
.small-text-button.primary:hover {
  color: #fff!important;
}

.general-list-button .public-sprite,
.general-list-button .sprite,
.small-button .public-sprite,
.small-button .sprite,
.small-button-select .public-sprite,
.small-button-select .sprite,
.small-text-button .public-sprite,
.small-text-button .sprite {
  position: relative;
  left: -5px;
  top: 2px;
}

.small-button {
  background-color: #fff;
}

.disabled .small-button {
  background-color: transparent;
}

.small-text-button {
  text-transform: uppercase;
  color: #16becc;
  text-decoration: none;
  background: 0 0;
  border: none;
  height: 30px;
  line-height: 30px;
}

.small-text-button:hover {
  color: #60545c;
}

.small-text-button .sprite {
  top: 4px;
}

.small-button-select select {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 28px;
  border: none;
  font-size: 12px;
}

.general-list-button {
  color: #60545c!important;
  background-color: transparent!important;
  border: none;
}

.general-list-button.selected {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.325);
  box-shadow: inset 0 0 6px rgba(0,0,0,.325);
}

.button.primary {
  color: #fff;
  background-color: #5dc744!important;
}

.button.primary:hover {
  -webkit-box-shadow: inset 0 3px 10px rgba(0,0,0,.425)!important;
  box-shadow: inset 0 3px 10px rgba(0,0,0,.425)!important;
  color: #fff!important;
}

.button.primary.fl {
  margin-left: 0;
  margin-right: 16px;
}

.button.secondary {
  color: #fff;
  background-color: #16becc!important;
}

.button.secondary:hover {
  color: #fff!important;
}

.button.secondary-plain {
  border-color: #16becc;
  color: #16becc;
  background-color: #fff;
}

.button.plain {
  background-color: transparent!important;
  border-color: #b4d6e1;
}

.button.save:hover {
  -webkit-box-shadow: inset 0 3px 10px rgba(0,0,0,.425);
  box-shadow: inset 0 3px 10px rgba(0,0,0,.425);
}

.button.no-outline {
  border: none;
  background: 0 0!important;
}

.button.outline {
  background: 0 0!important;
  border: 1px solid #16becc!important;
  color: #16becc!important;
}

.button.disabled {
  opacity: .3;
}

.button:focus {
  outline: 0;
}

.person-disclose-button-edit {
  overflow: hidden;
  text-align: left;
  background: transparent url(//s3.amazonaws.com/timecounts.staging/assets/icons/card-83ab77c77ede639f495fd83fb8911691.png) no-repeat 50% 50%;
  width: 19px;
  height: 19px;
  display: inline-block;
  float: right;
  position: relative;
  top: 8px;
}

.info-disclose-button,
.person-disclose-button {
  overflow: hidden;
  text-align: left;
  width: 25px;
  height: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: #16becc;
  display: inline-block;
  position: absolute;
  top: 19px;
  right: 0;
  border: 1px solid #16becc;
}

.loaded .info-disclose-button,
.loaded .person-disclose-button {
  transition: color .5s ease;
  -ms-transition: color .5s ease;
  -webkit-transition: color .5s ease;
}

.info-disclose-button:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  content: '⌃';
  position: absolute;
  top: 0;
  left: -4px;
  width: w;
  height: w;
  line-height: w;
  text-align: center;
  font-size: 22px;
}

.person-disclose-button .sprite {
  top: 1px;
  left: 8px;
}

.card-done-button {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .card-done-button {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.card-add-note-button {
  float: right;
  margin-top: -5px;
  margin-right: 20px;
}

.message-button {
  display: none;
}

.choose-file-button,
.create-new-form-button {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  top: 12px;
  border: 1px solid #b4d6e1;
  border-color: #b4d6e1;
  border-style: solid;
  border-width: 1px;
  border-top-color: #fff;
  border-right-color: #fff;
  height: 100px;
  width: 145px;
  float: left;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

.loaded .choose-file-button,
.loaded .create-new-form-button {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.choose-file-button input,
.choose-file-button label,
.create-new-form-button input,
.create-new-form-button label {
  cursor: pointer;
  height: 100px;
  width: 145px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.choose-file-button:after,
.create-new-form-button:after {
  content: ' ';
  top: -1px;
  right: -1px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent #16becc;
  background-color: #fff;
}

.loaded .choose-file-button:after,
.loaded .create-new-form-button:after {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.choose-file-button label,
.create-new-form-button label {
  color: #16becc;
}

.choose-file-button div,
.create-new-form-button div {
  font-size: 18px;
  color: #16becc;
}

.choose-file-button .plus,
.create-new-form-button .plus {
  font-size: 22px;
  line-height: 100%;
}

.choose-file-button:after,
.create-new-form-button:after {
  border-color: #f0f7f9 transparent transparent #16becc;
}

.choose-file-button:hover,
.create-new-form-button:hover {
  border-color: #16becc;
}

.choose-file-button:hover:after,
.create-new-form-button:hover:after {
  border-color: #f0f7f9 transparent transparent #16becc;
  top: -1px;
  right: -1px;
}

.choose-file-button input,
.create-new-form-button input {
  cursor: pointer;
}

.upload-image-submit {
  width: 120px;
  float: left;
}

.remove {
  font-size: 12px;
  color: grey;
  margin-left: 5px;
  cursor: pointer;
}

.text-like-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px;
  line-height: 30px;
}

.text-like-button .public-sprite,
.text-like-button .sprite {
  position: relative;
  top: 3px;
}

.card-group-add {
  float: left;
  height: 26px;
  line-height: 26px;
  margin-bottom: 2px;
}

.card-group-add .public-sprite,
.card-group-add .sprite {
  top: 1px;
}

.card-close-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 29px;
  left: 20px;
  font-size: 25px;
  cursor: pointer;
}

.select-menu {
  margin-left: -5px;
  color: #16becc;
  padding-left: 28px;
  padding-right: 30px;
  position: relative;
  min-width: 20px;
}

.select-menu input[type=checkbox] {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 0;
  margin: 0;
}

.select-menu.active,
.select-menu:hover {
  border: 1px solid #60545c;
}

.select-menu .icon {
  position: absolute;
  left: auto;
  right: 4px;
  top: 4px;
}

.table-control-button {
  text-align: center;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  float: left;
  padding: 0 5px;
  margin-right: 30px;
}

.fonts-loaded .table-control-button {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.table-control-button .button-core {
  width: 40px;
  height: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
}

.table-control-button .button-core.selected {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.325);
  box-shadow: inset 0 0 6px rgba(0,0,0,.325);
}

.table-control-button .button-core.active,
.table-control-button .button-core:hover {
  border-color: #60545c;
}

.table-control-button .button-core:focus {
  outline: 0;
}

.table-control-button .button-core.disabled {
  opacity: .3;
}

.table-control-button .button-core .public-sprite,
.table-control-button .button-core .sprite {
  margin: 0 auto;
  display: block;
  float: none;
  position: absolute;
  left: 7px;
  top: 5px;
}

.table-control-button.disabled .button-core .sprite {
  opacity: .15;
}

.table-control-button.search-button {
  float: right;
  margin-right: 0;
}

.table-control-button.search-button .button-core {
  width: 30px;
}

.table-control-button.search-button .sprite {
  top: 0;
  left: 0;
}

.table-control-advanced-search .table-control-button-label,
.table-control-all-button .table-control-button-label,
.table-control-button .table-control-button-label,
.table-control-shifts .table-control-button-label {
  margin-top: 4px;
  font-size: 12px;
}

.table-control-advanced-search {
  position: absolute;
  top: 15px;
  right: 15px;
  padding-left: 10px;
}

.table-control-advanced-search .toggle-advanced-search {
  cursor: pointer;
  color: #16becc;
  padding-right: 5px;
}

.table-control-advanced-search .toggle-advanced-search:hover {
  color: #60545c;
}

.table-control-advanced-search .toggle-advanced-search .toggle-label {
  float: right;
}

.table-control-advanced-search .toggle-advanced-search .sprite {
  float: right;
  position: relative;
  top: -4px;
}

.table-control-all-button {
  text-align: center;
  float: left;
  margin-right: 30px;
  padding: 0 5px;
}

.table-control-all-button .button-core {
  height: 35px;
}

.table-control-all-button .select-menu {
  height: 30px;
  line-height: 30px;
  margin: 0;
}

.table-control-all-button .select-menu input[type=checkbox] {
  top: 5px;
  left: 5px;
}

.modal-close-button,
.modal-text-button {
  float: left;
  height: 28px;
  line-height: 30px;
  font-size: 13px;
  padding: 0 8px;
  text-decoration: none;
  float: left;
  line-height: 28px;
  border: none;
  outline: 0;
  background: 0 0;
  color: #16becc;
  cursor: pointer;
  position: relative;
}

.loaded .modal-close-button,
.loaded .modal-text-button {
  transition: color .25s ease-in;
  -ms-transition: color .25s ease-in;
  -webkit-transition: color .25s ease-in;
}

.modal-close-button:hover,
.modal-text-button:hover {
  color: #60545c;
}

.message-reply-form .medium-toggle-buttons,
.people-list-typeahead .medium-toggle-buttons {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 3;
}

.message-reply-form .email-toggle,
.message-reply-form .sms-toggle,
.people-list-typeahead .email-toggle,
.people-list-typeahead .sms-toggle {
  width: 27px;
  height: 24px;
  float: right;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.message-reply-form .email-toggle.on,
.message-reply-form .sms-toggle.on,
.people-list-typeahead .email-toggle.on,
.people-list-typeahead .sms-toggle.on {
  background: #16becc;
  border: 1px solid #16becc;
}

.message-reply-form .email-toggle.off,
.message-reply-form .sms-toggle.off,
.people-list-typeahead .email-toggle.off,
.people-list-typeahead .sms-toggle.off {
  background: #fff;
}

.message-reply-form .email-toggle .sprite,
.message-reply-form .sms-toggle .sprite,
.people-list-typeahead .email-toggle .sprite,
.people-list-typeahead .sms-toggle .sprite {
  float: none;
  top: 4px;
  left: 5px;
}

.message-reply-form .email-toggle .strike-through,
.message-reply-form .sms-toggle .strike-through,
.people-list-typeahead .email-toggle .strike-through,
.people-list-typeahead .sms-toggle .strike-through {
  position: absolute;
  top: 0;
  left: 0;
}

.message-reply-form .sms-toggle.on,
.people-list-typeahead .sms-toggle.on {
  z-index: 1;
  border-left: 1px solid #fff;
}

.message-reply-form .email-toggle,
.people-list-typeahead .email-toggle {
  left: 1px;
}

.styled-select-button {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  background: #fff;
}

.loaded .styled-select-button {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.styled-select-button:hover {
  border-color: #60545c;
}

.styled-select-button.select {
  padding: 0 25px 0 8px;
}

.styled-select-button.select .icon {
  position: absolute;
  left: auto;
  top: 4px;
  right: 4px;
}

.styled-select-button.add {
  padding: 0 8px 0 19px;
}

.styled-select-button.add .icon {
  position: absolute;
  left: -4px;
  top: 4px;
}

.styled-select-button .label {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.styled-select-button .label,
.styled-select-button select {
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}

.styled-select-button select {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.styled-select-button.inline {
  border: none;
  background: 0 0;
  float: left;
  width: auto;
}

.styled-select-button.inline .label {
  text-transform: none;
  color: #16becc;
  float: left;
}

.styled-select-button.inline .label,
.styled-select-button.inline select {
  font-size: 12px;
}

.styled-select-button.inline .icon {
  position: relative;
  left: 0;
  right: 0;
  top: 4px;
}

.styled-select-button.inline .Icon {
  position: relative;
  float: left;
  top: -1px;
}

.styled-select-button.inline .Icon .Icon_fill {
  fill: #66adc7;
}

.styled-select-button.inline:hover .label {
  color: #0a4e70;
}

.styled-select-button.inline:hover .Icon_fill {
  fill: #0a4e70;
}

.load-more {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #16becc;
}

.split-button-curved .segment-badge-container,
.split-button-standard .segment-badge-container {
  position: absolute;
  top: -9px;
  right: 5px;
  float: left;
  z-index: 1;
}

.split-button-curved .segment-badge,
.split-button-standard .segment-badge {
  position: relative;
  left: 50%;
  top: 0;
  height: 18px;
  font-size: 11px;
  line-height: 18px;
  padding: 0 7px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  color: #fff;
  text-align: center;
}

.split-button-curved {
  background: #f5f5f3;
  border: 1px solid #b4d6e1;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 1px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.split-button-curved .segment {
  position: relative;
  float: left;
  cursor: pointer;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  border: 1px solid transparent;
  color: #60545c;
}

.loaded .split-button-curved .segment {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.split-button-curved .segment:hover {
  color: #16becc;
}

.split-button-curved .segment.selected {
  background: #fff;
  border-color: #b4d6e1;
}

.split-button-standard {
  background: #ebebe9;
  border: 1px solid #b2b2b2;
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 1px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.split-button-standard .segment {
  position: relative;
  float: left;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  padding: 0 14px;
  border: 1px solid transparent;
  color: #60545c;
}

.loaded .split-button-standard .segment {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.split-button-standard .segment:hover {
  color: #16becc;
}

.split-button-standard .segment.selected {
  background: #fff;
  border-color: #b4d6e1;
}

.table-sidebar-tabs {
  list-style: none;
  background: #fff;
}

.table-sidebar-tabs .table-sidebar-tab {
  float: left;
  padding: 10px;
  height: 37px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: -1px;
  background: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  display: inline-block;
  margin-right: 7px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.table-sidebar-tabs .table-sidebar-tab span {
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  -ms-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.table-sidebar-tabs .table-sidebar-tab.selected {
  border-bottom-color: #fff;
}

.table-sidebar-tabs .table-sidebar-tab:first-child {
  margin-left: 7px;
}

.table-sidebar-tabs .table-sidebar-tab:last-child {
  margin-right: 7px;
}

.table-sidebar-tabs .table-sidebar-tab:hover span {
  color: #16becc!important;
}

.table-sidebar-tabs .table-sidebar-tab .count {
  color: #bbb;
  margin-left: 5px;
}

.entry-checkbox {
  margin: 8px 10px 7px 0;
}

.entry-checkbox:checked.select-all-mode {
  background-color: #fff;
  color: #16becc;
}

.entry-actions-pagination,
.pagination {
  height: 36px;
  line-height: 36px;
  float: right;
  padding: 2px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.entry-actions-pagination .page-count,
.pagination .page-count {
  height: 36px;
  display: inline-block;
  float: left;
  margin-right: 5px;
}

.entry-actions-pagination .link,
.pagination .link {
  float: none;
  cursor: pointer;
  position: relative;
  top: 6px;
}

.entry-actions-pagination .left-arrow .sprite,
.pagination .left-arrow .sprite {
  margin-right: 1px;
}

.entry-actions-pagination .left-arrow.disabled:hover,
.pagination .left-arrow.disabled:hover {
  cursor: default;
}

.entry-actions-pagination .right-arrow .sprite,
.pagination .right-arrow .sprite {
  margin-left: 1px;
  margin-right: 4px;
}

.entry-actions-pagination .right-arrow.disabled:hover,
.pagination .right-arrow.disabled:hover {
  cursor: default;
}

.entry-actions-pagination.floating,
.pagination.floating {
  position: absolute;
  bottom: 0!important;
  right: 0!important;
  padding: 0 20px;
}

.entry-actions {
  position: relative;
}

.entry-actions a,
.entry-actions input,
.entry-actions label {
  float: left;
}

.entry-actions label {
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  margin-bottom: 0;
}

.entry-actions .person-selection-wrapper {
  border: 1px solid #000;
  float: left;
}

.entry-actions.inline {
  height: 40px;
}

.entry-action-buttons a.disabled,
.entry-action-buttons.disabled a {
  background: 0 0;
}

.entry-action-buttons a.disabled:hover,
.entry-action-buttons.disabled a:hover {
  cursor: default!important;
}

.entry-action-buttons.disabled .button-core .sprite {
  opacity: .15;
}

h1 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 60px;
  line-height: 60px;
  color: #16becc;
}

.fonts-loaded h1 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

h2 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 15px;
}

.fonts-loaded h2 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

h3 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 33px;
  line-height: 39px;
  color: #0a4e70;
  margin-bottom: 15px;
}

.fonts-loaded h3 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

h4 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  color: #80767d;
  font-size: 27px;
  line-height: 30px;
  margin-bottom: 9px;
}

.fonts-loaded h4 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

h5 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 9px;
}

.fonts-loaded h5 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

h6 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 9px;
}

.fonts-loaded h6 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

h6.abovePSmall {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 3px;
  color: #0a4e70;
}

.fonts-loaded h6.abovePSmall {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

p {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 9px;
}

.fonts-loaded p {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

p.small {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 9px;
}

.fonts-loaded p.small {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.datepicker-dropdown {
  line-height: 20px;
  background-color: #fff!important;
  padding: 5px;
  min-width: 160px;
}

.datepicker-dropdown table {
  border-collapse: inherit;
  width: 100%;
  text-align: center;
  color: #60545c;
}

.datepicker-dropdown tbody,
.datepicker-dropdown thead {
  vertical-align: middle;
}

.datepicker-dropdown thead th {
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-weight: 400;
  cursor: pointer;
}

.datepicker-dropdown thead th.datepicker-switch {
  width: 145px;
}

.datepicker-dropdown thead th:hover {
  border: 1px solid #b4d6e1;
}

.datepicker-dropdown thead tr th {
  color: #000;
}

.datepicker-dropdown thead tr:first-child th {
  color: #16becc;
}

.datepicker-dropdown td,
.datepicker-dropdown th {
  width: 20px;
  height: 20px;
  padding: 4px 5px;
  border: 1px solid #fff;
}

.datepicker-dropdown td.new,
.datepicker-dropdown th.new {
  opacity: .5;
}

.datepicker-dropdown td.active,
.datepicker-dropdown th.active {
  background-color: #16becc;
  color: #fff;
}

.datepicker-dropdown td span {
  display: block;
  width: 45px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  border: 1px solid #fff;
}

.datepicker-dropdown td.today {
  border: 1px solid #16becc;
}

.datepicker-dropdown td.disabled {
  opacity: .3;
}

.datepicker-dropdown td.disabled:hover {
  border: 1px solid #fff;
  cursor: inherit;
}

.datepicker-days td,
.datepicker-months td span,
.datepicker-years td span {
  cursor: pointer;
}

.datepicker-days td:hover,
.datepicker-months td span:hover,
.datepicker-years td span:hover {
  border: 1px solid #b4d6e1;
}

.formatted-datepicker {
  position: relative;
}

.formatted-datepicker .date-field {
  float: left;
  width: 40px;
  margin-right: 10px;
  position: relative;
}

.formatted-datepicker .date-field.year {
  width: 80px;
}

.formatted-datepicker .date-field label {
  margin: 0;
  padding: 0 3px;
}

.formatted-datepicker .date-field input,
.formatted-datepicker .date-field label {
  float: left;
}

.formatted-datepicker .form-control {
  opacity: 0;
  position: absolute!important;
  top: 0;
  left: 0;
  z-index: 0;
}

.formatted-datepicker.compact-date {
  border: 1px solid #b4d6e1;
  background: #fff;
  overflow: hidden;
  height: 38px;
}

.formatted-datepicker.compact-date .date-field {
  margin-right: 0;
}

.formatted-datepicker.compact-date .date-field .input__text {
  background: 0 0;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  height: 38px;
}

.formatted-datepicker.compact-date .date-field.day .input__text,
.formatted-datepicker.compact-date .date-field.month .input__text {
  padding-right: 0;
}

.formatted-datepicker.compact-date .date-field.year {
  width: 60px;
}

.formatted-datepicker.compact-date .date-field .input__text:focus {
  border-color: #b4d6e1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #16becc;
}

.dropdown,
.dropdown-add-hours,
.dropdown-add-notes,
.dropdown-create-conversation,
.dropdown-menu,
.dropdown-name-sort,
.dropdown-search,
.notification {
  list-style: none;
  background-color: #e0eff4;
  -webkit-box-shadow: 0 10px 30px RGBA(0,0,0,.3);
  box-shadow: 0 10px 30px RGBA(0,0,0,.3);
  float: left;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
}

.dropdown .dropdown-titlebar,
.dropdown-add-hours .dropdown-titlebar,
.dropdown-add-notes .dropdown-titlebar,
.dropdown-create-conversation .dropdown-titlebar,
.dropdown-menu .dropdown-titlebar,
.dropdown-name-sort .dropdown-titlebar,
.dropdown-search .dropdown-titlebar,
.notification .dropdown-titlebar {
  padding: 10px 30px;
  margin: 0;
}

.dropdown ul,
.dropdown-add-hours ul,
.dropdown-add-notes ul,
.dropdown-create-conversation ul,
.dropdown-menu ul,
.dropdown-name-sort ul,
.dropdown-search ul,
.notification ul {
  list-style: none;
}

.dropdown li,
.dropdown-add-hours li,
.dropdown-add-notes li,
.dropdown-create-conversation li,
.dropdown-menu li,
.dropdown-name-sort li,
.dropdown-search li,
.notification li {
  white-space: nowrap;
}

.dropdown li a,
.dropdown-add-hours li a,
.dropdown-add-notes li a,
.dropdown-create-conversation li a,
.dropdown-menu li a,
.dropdown-name-sort li a,
.dropdown-search li a,
.notification li a {
  line-height: 35px;
  height: 35px;
  display: block;
  padding: 0 20px;
  color: #646464;
  text-decoration: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.loaded .dropdown li a,
.loaded .dropdown-add-hours li a,
.loaded .dropdown-add-notes li a,
.loaded .dropdown-create-conversation li a,
.loaded .dropdown-menu li a,
.loaded .dropdown-name-sort li a,
.loaded .dropdown-search li a,
.loaded .notification li a {
  transition: none;
  -ms-transition: none;
  -webkit-transition: none;
}

.dropdown li a.active,
.dropdown li a:hover,
.dropdown-add-hours li a.active,
.dropdown-add-hours li a:hover,
.dropdown-add-notes li a.active,
.dropdown-add-notes li a:hover,
.dropdown-create-conversation li a.active,
.dropdown-create-conversation li a:hover,
.dropdown-menu li a.active,
.dropdown-menu li a:hover,
.dropdown-name-sort li a.active,
.dropdown-name-sort li a:hover,
.dropdown-search li a.active,
.dropdown-search li a:hover,
.notification li a.active,
.notification li a:hover {
  background-color: #fff;
}

.dropdown li.disabled a,
.dropdown-add-hours li.disabled a,
.dropdown-add-notes li.disabled a,
.dropdown-create-conversation li.disabled a,
.dropdown-menu li.disabled a,
.dropdown-name-sort li.disabled a,
.dropdown-search li.disabled a,
.notification li.disabled a {
  opacity: .4;
  cursor: not-allowed;
}

.dropdown li.disabled a:hover,
.dropdown-add-hours li.disabled a:hover,
.dropdown-add-notes li.disabled a:hover,
.dropdown-create-conversation li.disabled a:hover,
.dropdown-menu li.disabled a:hover,
.dropdown-name-sort li.disabled a:hover,
.dropdown-search li.disabled a:hover,
.notification li.disabled a:hover {
  background-color: transparent;
}

.dropdown .initial-menu,
.dropdown .sub-menu,
.dropdown-add-hours .initial-menu,
.dropdown-add-hours .sub-menu,
.dropdown-add-notes .initial-menu,
.dropdown-add-notes .sub-menu,
.dropdown-create-conversation .initial-menu,
.dropdown-create-conversation .sub-menu,
.dropdown-menu .initial-menu,
.dropdown-menu .sub-menu,
.dropdown-name-sort .initial-menu,
.dropdown-name-sort .sub-menu,
.dropdown-search .initial-menu,
.dropdown-search .sub-menu,
.notification .initial-menu,
.notification .sub-menu {
  float: left;
}

.dropdown .dropdown-actions,
.dropdown-add-hours .dropdown-actions,
.dropdown-add-notes .dropdown-actions,
.dropdown-create-conversation .dropdown-actions,
.dropdown-menu .dropdown-actions,
.dropdown-name-sort .dropdown-actions,
.dropdown-search .dropdown-actions,
.notification .dropdown-actions {
  font-size: 18px;
  line-height: 45px;
  height: 45px;
  padding: 0 20px;
}

.dropdown .dropdown-actions a,
.dropdown-add-hours .dropdown-actions a,
.dropdown-add-notes .dropdown-actions a,
.dropdown-create-conversation .dropdown-actions a,
.dropdown-menu .dropdown-actions a,
.dropdown-name-sort .dropdown-actions a,
.dropdown-search .dropdown-actions a,
.notification .dropdown-actions a {
  cursor: pointer;
}

.dropdown .dropdown-actions a:hover,
.dropdown-add-hours .dropdown-actions a:hover,
.dropdown-add-notes .dropdown-actions a:hover,
.dropdown-create-conversation .dropdown-actions a:hover,
.dropdown-menu .dropdown-actions a:hover,
.dropdown-name-sort .dropdown-actions a:hover,
.dropdown-search .dropdown-actions a:hover,
.notification .dropdown-actions a:hover {
  color: #60545c;
}

.dropdown .dropdown-actions .dropdown-action-main,
.dropdown-add-hours .dropdown-actions .dropdown-action-main,
.dropdown-add-notes .dropdown-actions .dropdown-action-main,
.dropdown-create-conversation .dropdown-actions .dropdown-action-main,
.dropdown-menu .dropdown-actions .dropdown-action-main,
.dropdown-name-sort .dropdown-actions .dropdown-action-main,
.dropdown-search .dropdown-actions .dropdown-action-main,
.notification .dropdown-actions .dropdown-action-main {
  text-align: center;
}

.dropdown .dropdown-actions .dropdown-action-1,
.dropdown .dropdown-actions .dropdown-action-2,
.dropdown-add-hours .dropdown-actions .dropdown-action-1,
.dropdown-add-hours .dropdown-actions .dropdown-action-2,
.dropdown-add-notes .dropdown-actions .dropdown-action-1,
.dropdown-add-notes .dropdown-actions .dropdown-action-2,
.dropdown-create-conversation .dropdown-actions .dropdown-action-1,
.dropdown-create-conversation .dropdown-actions .dropdown-action-2,
.dropdown-menu .dropdown-actions .dropdown-action-1,
.dropdown-menu .dropdown-actions .dropdown-action-2,
.dropdown-name-sort .dropdown-actions .dropdown-action-1,
.dropdown-name-sort .dropdown-actions .dropdown-action-2,
.dropdown-search .dropdown-actions .dropdown-action-1,
.dropdown-search .dropdown-actions .dropdown-action-2,
.notification .dropdown-actions .dropdown-action-1,
.notification .dropdown-actions .dropdown-action-2 {
  font-size: 12px;
}

.dropdown .dropdown-actions .dropdown-action-1,
.dropdown-add-hours .dropdown-actions .dropdown-action-1,
.dropdown-add-notes .dropdown-actions .dropdown-action-1,
.dropdown-create-conversation .dropdown-actions .dropdown-action-1,
.dropdown-menu .dropdown-actions .dropdown-action-1,
.dropdown-name-sort .dropdown-actions .dropdown-action-1,
.dropdown-search .dropdown-actions .dropdown-action-1,
.notification .dropdown-actions .dropdown-action-1 {
  float: left;
}

.dropdown .dropdown-actions .dropdown-action-2,
.dropdown-add-hours .dropdown-actions .dropdown-action-2,
.dropdown-add-notes .dropdown-actions .dropdown-action-2,
.dropdown-create-conversation .dropdown-actions .dropdown-action-2,
.dropdown-menu .dropdown-actions .dropdown-action-2,
.dropdown-name-sort .dropdown-actions .dropdown-action-2,
.dropdown-search .dropdown-actions .dropdown-action-2,
.notification .dropdown-actions .dropdown-action-2 {
  float: right;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  margin-left: 20px;
}

.fonts-loaded .dropdown .dropdown-actions .dropdown-action-2,
.fonts-loaded .dropdown-add-hours .dropdown-actions .dropdown-action-2,
.fonts-loaded .dropdown-add-notes .dropdown-actions .dropdown-action-2,
.fonts-loaded .dropdown-create-conversation .dropdown-actions .dropdown-action-2,
.fonts-loaded .dropdown-menu .dropdown-actions .dropdown-action-2,
.fonts-loaded .dropdown-name-sort .dropdown-actions .dropdown-action-2,
.fonts-loaded .dropdown-search .dropdown-actions .dropdown-action-2,
.fonts-loaded .notification .dropdown-actions .dropdown-action-2 {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.dropdown-content {
  padding: 10px;
}

.dropdown-search {
  z-index: 10;
}

.dark-theme li a {
  color: #16becc;
}

.dropdown-processing .dropdown-menu-core {
  padding: 0 10px;
  min-width: 230px;
}

.dropdown-processing li {
  border-width: 1px 0 0 0;
  border-style: solid;
}

.dropdown-processing li a {
  padding: 0 10px;
  margin: 0 -10px;
  width: auto;
}

.dropdown-processing li a:hover {
  background-color: #60545c;
}

.dropdown-processing li a.has-meta {
  height: auto;
  padding: 15px 10px;
}

.dropdown-processing li a.no-link {
  color: #fff!important;
}

.dropdown-processing li a.no-link:hover {
  background-color: transparent;
  cursor: default!important;
  color: #fff!important;
}

.dropdown-processing li:first-child {
  border-top: none;
}

.dropdown-processing li .meta,
.dropdown-processing li .meta-uploading,
.dropdown-processing li .title {
  display: block;
  line-height: 100%;
}

.dropdown-processing li .title {
  font-size: 12px;
  color: #fff;
  margin-bottom: 6px;
}

.dropdown-processing li .meta {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  color: #16becc;
}

.dropdown-processing li .meta-loading {
  display: block;
  height: 6px;
  width: auto;
  background-color: #16becc;
  background-image: -webkit-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  -webkit-background-size: 20px 20px;
  -webkit-animation-name: backgroundAnimate;
  -moz-animation-name: backgroundAnimate;
  -o-animation-name: backgroundAnimate;
  -ms-animation-name: backgroundAnimate;
  animation-name: backgroundAnimate;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
}

.dropdown-multiselect li a {
  line-height: 35px;
  height: 35px;
  display: block;
  padding: 0 20px;
  color: #60545c;
  text-decoration: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.dropdown-multiselect li a:before {
  position: relative;
  left: -5px;
  content: '\2713';
  color: #e0eff4;
}

.dropdown-multiselect li a.selected:before {
  color: #16becc!important;
}

.dropdown-multiselect li a:hover {
  background-color: #fff;
}

.dropdown-multiselect li a:hover:before {
  color: #fff;
}

.dropdown-event-search,
.dropdown-people-search,
.dropdown-skills-search {
  max-height: 400px;
  overflow-y: scroll;
  background-color: #fff;
  -webkit-animation: none;
  -ms-animation: none;
  animation: none;
}

.dropdown-event-search li a:hover,
.dropdown-people-search li a:hover,
.dropdown-skills-search li a:hover {
  background-color: none;
}

.dropdown-event-search li a.active,
.dropdown-people-search li a.active,
.dropdown-skills-search li a.active {
  background-color: #e0eff4;
}

.dropdown-event-search .menu-item {
  position: relative;
  height: inherit;
  line-height: inherit;
  padding: 10px 20px;
}

.dropdown-event-search .activity-meta,
.dropdown-event-search .activity-name,
.dropdown-event-search .none-found {
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-event-search .activity-name {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
}

.dropdown-event-search .activity-meta {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  margin-top: 3px;
}

.dropdown-event-search .create-new-activity {
  text-align: right;
  color: #16becc;
}

.dropdown-event-search span {
  margin-right: 5px;
}

.dropdown-name-sort {
  display: none;
  position: absolute;
  left: 79px;
  top: 43px;
  z-index: 1;
}

.dropdown-menu {
  z-index: 1000;
}

.dropdown-menu.has-actions .scroll-wrapper {
  margin-bottom: 40px;
}

.dropdown-menu .menu-title {
  font-size: 12px;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  background: #e8f3f7;
  text-align: center;
  overflow: hidden;
}

.dropdown-menu li a {
  position: relative;
}

.dropdown-menu li a .sprite {
  color: #16becc;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 6px;
  display: inline-block;
  text-align: center;
}

.dropdown-menu li a .plus-icon {
  font-size: 29px;
}

.dropdown-menu li a .tick-icon {
  font-size: 13px;
}

.dropdown-menu li a .cross-icon {
  font-size: 18px;
}

.dropdown-menu li a .full-tick-icon,
.dropdown-menu li a .partial-tick-icon {
  border: 1px solid #16becc;
}

.dropdown-menu li a .full-tick-icon {
  background-color: #16becc;
  color: #fff;
}

.dropdown-menu .border-top:first-child {
  border-top: none;
}

.dropdown-menu .scroll-wrapper {
  max-height: 320px;
  overflow-y: scroll;
}

.dropdown-with-actions .dropdown-menu .scroll-wrapper {
  margin-bottom: 20px;
}

.dropdown-menu .note {
  float: right;
  margin-right: -100px;
}

.dropdown-menu.has-note a {
  padding-right: 120px;
}

.dropdown-menu.has-icon a {
  padding-left: 35px;
}

.dropdown-menu-actions {
  position: absolute;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  left: 0;
  right: 0;
  background-color: #e0eff4;
}

.dropdown-menu-actions .dropdown-menu-affirmative {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  float: right;
}

.fonts-loaded .dropdown-menu-actions .dropdown-menu-affirmative {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.dropdown-menu-actions .dropdown-menu-cancel {
  float: left;
}

.dropdown-menu-actions .dropdown-menu-affirmative,
.dropdown-menu-actions .dropdown-menu-cancel {
  padding: 0 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #16becc;
  cursor: pointer;
}

.loaded .dropdown-menu-actions .dropdown-menu-affirmative,
.loaded .dropdown-menu-actions .dropdown-menu-cancel {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.dropdown-menu-actions .dropdown-menu-affirmative:hover,
.dropdown-menu-actions .dropdown-menu-cancel:hover {
  color: #60545c;
}

.dropdown-add-hours,
.dropdown-add-notes,
.dropdown-create-conversation,
.modal-edit-role {
  overflow: visible!important;
  width: 640px;
}

.dropdown-add-hours .add-notes-title,
.dropdown-add-notes .add-notes-title,
.dropdown-create-conversation .add-notes-title,
.modal-edit-role .add-notes-title {
  font-size: 18px;
  margin-bottom: 3px;
}

.dropdown-add-hours .and-more,
.dropdown-add-notes .and-more,
.dropdown-create-conversation .and-more,
.modal-edit-role .and-more {
  margin: 0 -1px;
}

.dropdown-add-hours .button,
.dropdown-add-notes .button,
.dropdown-create-conversation .button,
.modal-edit-role .button {
  float: right;
}

.dropdown-add-hours .close-button,
.dropdown-add-hours .notes-close-button,
.dropdown-add-notes .close-button,
.dropdown-add-notes .notes-close-button,
.dropdown-create-conversation .close-button,
.dropdown-create-conversation .notes-close-button,
.modal-edit-role .close-button,
.modal-edit-role .notes-close-button {
  float: left;
  height: 28px;
  line-height: 30px;
  font-size: 13px;
  padding: 0 8px;
  cursor: pointer;
}

.dropdown-add-hours .buttons,
.dropdown-add-notes .buttons,
.dropdown-create-conversation .buttons,
.modal-edit-role .buttons {
  padding: 10px;
  height: 28px;
  border-top: 1px solid #fff;
  background-color: #e0eff4;
}

.dropdown-add-hours .add-notes-button.disabled,
.dropdown-add-notes .add-notes-button.disabled,
.dropdown-create-conversation .add-notes-button.disabled,
.modal-edit-role .add-notes-button.disabled {
  opacity: .3;
}

.dropdown-add-hours .add-notes-button.disabled:hover,
.dropdown-add-notes .add-notes-button.disabled:hover,
.dropdown-create-conversation .add-notes-button.disabled:hover,
.modal-edit-role .add-notes-button.disabled:hover {
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropdown-add-hours .toggle-featured-status,
.dropdown-add-hours .toggle-hidden-status,
.dropdown-add-notes .toggle-featured-status,
.dropdown-add-notes .toggle-hidden-status,
.dropdown-create-conversation .toggle-featured-status,
.dropdown-create-conversation .toggle-hidden-status,
.modal-edit-role .toggle-featured-status,
.modal-edit-role .toggle-hidden-status {
  float: left;
  margin-left: 10px;
  line-height: 30px;
}

.dropdown-add-hours .toggle-featured-status input[type=checkbox],
.dropdown-add-hours .toggle-hidden-status input[type=checkbox],
.dropdown-add-notes .toggle-featured-status input[type=checkbox],
.dropdown-add-notes .toggle-hidden-status input[type=checkbox],
.dropdown-create-conversation .toggle-featured-status input[type=checkbox],
.dropdown-create-conversation .toggle-hidden-status input[type=checkbox],
.modal-edit-role .toggle-featured-status input[type=checkbox],
.modal-edit-role .toggle-hidden-status input[type=checkbox] {
  top: 8px;
}

.dropdown textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.dropdown .people-list,
.dropdown .skills-tag-list {
  margin-bottom: 10px;
  padding: 5px 8px 0 80px;
  background-color: #fff;
  border: 1px solid #b4d6e1;
  overflow: hidden;
  position: relative;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  -ms-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.dropdown .people-list .people-list-scroll-wrapper,
.dropdown .skills-tag-list .people-list-scroll-wrapper {
  overflow-y: auto;
  min-height: 60px;
  max-height: 90px;
}

.dropdown .people-list .tag,
.dropdown .skills-tag-list .tag {
  margin-bottom: 4px;
  height: 24px;
  line-height: 24px;
  padding-right: 0;
}

.dropdown .people-list .tag span,
.dropdown .skills-tag-list .tag span {
  float: left;
}

.dropdown .people-list .tag .sprite,
.dropdown .skills-tag-list .tag .sprite {
  float: right;
  left: -1px;
  top: 1px;
}

.dropdown .people-list .group-tag,
.dropdown .skills-tag-list .group-tag {
  border: 1px solid #16becc;
  color: #16becc;
}

.dropdown .people-list .input__text,
.dropdown .skills-tag-list .input__text {
  margin-bottom: 4px;
  border: none;
  float: left;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  height: 26px;
  font-size: 12px;
  padding: 0;
}

.dropdown .people-list .input__text:active,
.dropdown .people-list .input__text:focus,
.dropdown .skills-tag-list .input__text:active,
.dropdown .skills-tag-list .input__text:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.dropdown .tag-list.focus {
  -webkit-box-shadow: 0 0 6px #16becc;
  box-shadow: 0 0 6px #16becc;
  border-color: #16becc;
  z-index: 1;
}

.dropdown .people-label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  width: 70px;
  line-height: 12px;
  position: absolute;
  top: 12px;
  left: 10px;
  text-align: left;
  z-index: 2;
}

.dropdown .skills-tag-list {
  min-height: 32px;
  padding: 5px 6px 0 6px;
  margin: 0;
}

.dropdown,
.dropdown-add-hours,
.dropdown-add-notes,
.dropdown-create-conversation {
  background: #e8f3f7;
}

.vol-card-add-hours .people-list {
  display: none;
}

.dropdown-add-notes .person-notes {
  position: relative;
}

.dropdown-add-notes textarea {
  padding: 10px 10px 10px 80px;
  resize: none;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.loaded .dropdown-add-notes textarea {
  transition: height .2s;
  -ms-transition: height .2s;
  -webkit-transition: height .2s;
}

.fonts-loaded .dropdown-add-notes textarea {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.dropdown-add-hours .activity-details,
.dropdown-create-conversation .activity-details {
  position: relative;
  padding: 0 10px 10px 10px;
  background-color: #e8f3f7;
}

.dropdown-add-hours .activity-details .whenmanual,
.dropdown-add-hours .activity-details .whensearched,
.dropdown-create-conversation .activity-details .whenmanual,
.dropdown-create-conversation .activity-details .whensearched {
  display: none;
}

.dropdown-add-hours .activity-details .search-wrapper,
.dropdown-create-conversation .activity-details .search-wrapper {
  padding: 0;
  margin: 0 -10px;
}

.dropdown-add-hours .activity-details.manualmode .whenmanual,
.dropdown-create-conversation .activity-details.manualmode .whenmanual {
  display: inherit;
}

.dropdown-add-hours .activity-details.manualmode .search-wrapper,
.dropdown-create-conversation .activity-details.manualmode .search-wrapper {
  display: none!important;
}

.dropdown-add-hours .activity-details.searchedmode .whensearched,
.dropdown-create-conversation .activity-details.searchedmode .whensearched {
  display: inherit;
}

.dropdown-add-hours .activity-details.searchedmode .search-wrapper,
.dropdown-create-conversation .activity-details.searchedmode .search-wrapper {
  display: none!important;
}

.dropdown-add-hours .manually-entered-event-meta,
.dropdown-create-conversation .manually-entered-event-meta {
  position: relative;
}

.dropdown-add-hours .activity-details-title,
.dropdown-create-conversation .activity-details-title {
  font-size: 13px;
  color: #60545c;
  margin-bottom: 7px;
}

.dropdown-add-hours .activity-date,
.dropdown-create-conversation .activity-date {
  float: left;
  margin-right: 6px;
  width: 100px;
}

.dropdown-add-hours .activity-location,
.dropdown-create-conversation .activity-location {
  float: left;
  width: 148px;
}

.dropdown-add-hours .hours-wrapper .activity-hours,
.dropdown-create-conversation .hours-wrapper .activity-hours {
  float: left;
  width: 100px;
}

.dropdown-add-hours .hours-wrapper .activity-hours.disabled,
.dropdown-create-conversation .hours-wrapper .activity-hours.disabled {
  opacity: .4;
}

.dropdown-add-hours .hours-later-wrapper input,
.dropdown-add-hours .hours-later-wrapper label,
.dropdown-create-conversation .hours-later-wrapper input,
.dropdown-create-conversation .hours-later-wrapper label {
  float: right;
  cursor: pointer;
}

.dropdown-add-hours .hours-later-wrapper label,
.dropdown-create-conversation .hours-later-wrapper label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  color: #16becc;
  line-height: 30px;
}

.dropdown-add-hours label,
.dropdown-create-conversation label {
  margin-bottom: 0;
}

.dropdown-add-hours .searched-event-meta-wrapper,
.dropdown-create-conversation .searched-event-meta-wrapper {
  position: relative;
}

.dropdown-add-hours .searched-event-meta-wrapper .searched-event-meta,
.dropdown-create-conversation .searched-event-meta-wrapper .searched-event-meta {
  margin-bottom: 3px;
}

.dropdown-add-hours .searched-event-meta-wrapper .searched-event-name,
.dropdown-create-conversation .searched-event-meta-wrapper .searched-event-name {
  font-size: 16px;
  color: #60545c;
}

.dropdown-add-hours .searched-event-meta-wrapper .searched-event-from,
.dropdown-add-hours .searched-event-meta-wrapper .searched-event-location,
.dropdown-add-hours .searched-event-meta-wrapper .searched-event-to,
.dropdown-create-conversation .searched-event-meta-wrapper .searched-event-from,
.dropdown-create-conversation .searched-event-meta-wrapper .searched-event-location,
.dropdown-create-conversation .searched-event-meta-wrapper .searched-event-to {
  font-size: 9px;
  margin-bottom: 10px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.dropdown-add-hours .searched-event-meta-wrapper .searched-event-from,
.dropdown-create-conversation .searched-event-meta-wrapper .searched-event-from {
  margin-right: 10px;
}

.dropdown-add-hours .change-search,
.dropdown-create-conversation .change-search {
  position: absolute;
  top: -16px;
  right: -6px;
  padding: 20px;
  cursor: pointer;
}

.dropdown-add-hours textarea,
.dropdown-create-conversation textarea {
  font-size: 12px;
  height: 30px;
  min-height: 30px;
  padding: 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.modal-edit-role {
  background: #e8f3f7;
}

.modal-edit-role .event-role-description,
.modal-edit-role .event-role-name,
.modal-edit-role .role-description,
.modal-edit-role .role-name {
  position: relative;
}

.modal-edit-role .event-role-description label,
.modal-edit-role .event-role-name label,
.modal-edit-role .role-description label,
.modal-edit-role .role-name label {
  position: absolute;
  top: 10px;
  left: 10px;
}

.modal-edit-role .event-role-description input,
.modal-edit-role .event-role-description textarea,
.modal-edit-role .event-role-name input,
.modal-edit-role .event-role-name textarea,
.modal-edit-role .role-description input,
.modal-edit-role .role-description textarea,
.modal-edit-role .role-name input,
.modal-edit-role .role-name textarea {
  padding-left: 89px;
}

.modal-edit-role .event-role-name,
.modal-edit-role .role-name {
  margin-bottom: 8px;
}

.dropdown-create-conversation .people-list-typeahead {
  position: relative;
}

.dropdown-create-conversation .people-list-typeahead .typeahead {
  overflow: auto;
  max-height: 120px;
  padding-right: 70px;
}

.dropdown-create-conversation .people-list-typeahead .typeahead-container {
  padding-left: 80px;
}

.dropdown-create-conversation .people-list-typeahead .typeahead-tokens {
  overflow: auto;
  max-height: 100px;
}

.dropdown-create-conversation .people-list-typeahead .bulk-token-container {
  padding: 5px 5px 2px 80px;
  height: 30px;
  background: #fff;
  border: 1px solid #b4d6e1;
  border-bottom: none;
}

.dropdown-create-conversation .people-list-typeahead .bulk-token-container .bulk-token {
  color: #16becc;
  border: 1px solid #16becc;
  padding: 0 8px;
  float: left;
}

.dropdown-create-conversation .people-list,
.dropdown-create-conversation .typeahead-container {
  margin-bottom: 0;
}

.dropdown-create-conversation .body-label,
.dropdown-create-conversation .subject-label {
  height: auto;
  position: relative;
  margin-top: -1px;
}

.dropdown-create-conversation .body-label .subject-label-text,
.dropdown-create-conversation .subject-label .subject-label-text {
  position: absolute;
  top: 0;
  left: 10px;
  line-height: 40px;
  z-index: 2;
}

.dropdown-create-conversation .add-context {
  position: absolute;
  top: 6px;
  right: 0;
  font-size: 9px;
}

.dropdown-create-conversation .assert-label {
  position: relative;
  margin-left: 5px;
  padding-left: 19px;
  margin-top: 3px;
  line-height: 12px;
  padding-top: 5px;
}

.dropdown-create-conversation .assert-label input {
  position: absolute;
  top: 4px;
  left: 0;
}

.dropdown-create-conversation .activity-details {
  position: relative;
  min-height: 40px;
  padding: 0;
  padding-left: 75px;
}

.dropdown-create-conversation .activity-details label {
  position: absolute;
  top: 10px;
  left: 10px;
}

.dropdown-create-conversation .activity-details .search-wrapper {
  width: 100%;
  margin: 0;
  margin-left: 1px;
}

.dropdown-create-conversation .activity-details .search-wrapper .input__text {
  margin-top: 7px;
  padding: 5px;
  height: 26px;
  background-color: transparent;
  border: 1px solid transparent;
}

.dropdown-create-conversation .activity-details .search-wrapper .input__text:focus {
  background-color: #fff;
  border: 1px solid #16becc;
}

.dropdown-create-conversation .activity-details .searched-event-meta-wrapper {
  padding: 12px 40px 5px 7px;
}

.dropdown-create-conversation .activity-details .searched-event-meta-wrapper .searched-event-name {
  font-size: 12px;
}

.dropdown-create-conversation .message-send-type {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  float: right;
  line-height: 30px;
  margin-right: 10px;
  color: #60545c;
}

.dropdown-create-conversation textarea {
  padding: 10px;
  min-height: 100px;
  max-height: 200px;
  height: auto;
}

.dropdown-create-conversation .input__text,
.dropdown-create-conversation textarea {
  font-size: 12px;
  padding-left: 80px;
  position: relative;
}

.dropdown-create-conversation input:focus,
.dropdown-create-conversation select:focus,
.dropdown-create-conversation textarea:focus {
  z-index: 1;
}

.skills-dropdown {
  display: none;
  position: absolute;
  top: 45px;
  -webkit-box-shadow: 0 2px 7px RGBA(0,0,0,.1);
  box-shadow: 0 2px 7px RGBA(0,0,0,.1);
  list-style: none;
  background-color: #e8f3f7;
  width: 100%;
}

.skills-dropdown li {
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  position: relative;
  cursor: pointer;
}

.skills-dropdown li:hover {
  background-color: #fff;
}

.skills-dropdown li:hover:after {
  content: '+';
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 14px;
}

.selected-people-list {
  margin-bottom: 20px;
}

.selected-people-list ul {
  list-style: none;
}

.selected-people-list li {
  float: left;
  border: 1px solid #cdcdcd;
  padding: 0 5px;
  background-color: #fff;
}

.selected-people-list .selection-label {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  float: left;
  color: #000;
}

.fonts-loaded .selected-people-list .selection-label {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.selected-people-list .selection-label,
.selected-people-list li {
  margin-right: 5px;
  line-height: 20px;
  height: 20px;
}

.dropdown-unsupported-browser {
  width: 460px;
}

.dropdown-unsupported-browser p {
  margin-bottom: 1em;
}

.dropdown-create-conversation .sidebar-entry {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.dropdown-create-conversation .advanced-search {
  margin-top: -11px;
  margin-left: -85px;
  margin-right: -85px;
  margin-bottom: -20px;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 30px RGBA(0,0,0,.3);
  box-shadow: 0 10px 30px RGBA(0,0,0,.3);
}

.dropdown-create-conversation .advanced-search .buttons {
  border-top: none;
}

.dropdown-create-conversation .advanced-search-main {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.dropdown-create-conversation .advanced-search-main .find-by {
  font-size: 12px;
  margin-top: 20px;
}

.dropdown-create-conversation .advanced-search-main .sidebar-category,
.dropdown-create-conversation .advanced-search-main .sidebar-options {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropdown-create-conversation .advanced-search-main .sidebar-category .scrolling-sidebar-wrapper,
.dropdown-create-conversation .advanced-search-main .sidebar-options .scrolling-sidebar-wrapper {
  padding: 0 20px;
}

.dropdown-create-conversation .advanced-search-main .sidebar-category .sidebar-entry,
.dropdown-create-conversation .advanced-search-main .sidebar-options .sidebar-entry {
  height: 25px;
  line-height: 25px;
}

.dropdown-create-conversation .advanced-search-main .sidebar-category .sidebar-entry .title,
.dropdown-create-conversation .advanced-search-main .sidebar-options .sidebar-entry .title {
  font-size: 12px;
}

.dropdown-create-conversation .advanced-search-main .sidebar-category .sidebar-entry .icon,
.dropdown-create-conversation .advanced-search-main .sidebar-options .sidebar-entry .icon {
  float: right;
  top: 1px;
}

.dropdown-create-conversation .advanced-search-main .sidebar-category .sidebar-entry .second-icon,
.dropdown-create-conversation .advanced-search-main .sidebar-options .sidebar-entry .second-icon {
  float: left;
  top: 1px;
  left: -3px;
  margin-right: 1px;
}

.dropdown-create-conversation .advanced-search-main .sidebar-category .sidebar-entry .meta,
.dropdown-create-conversation .advanced-search-main .sidebar-options .sidebar-entry .meta {
  margin-right: 8px;
}

.dropdown-create-conversation .advanced-search-main .sidebar-category {
  width: 160px;
}

.dropdown-create-conversation .advanced-search-main .sidebar-options {
  width: 400px;
  left: 160px;
}

.dropdown-create-conversation .advanced-search-main .nothing-to-show {
  padding-top: 15px;
}

.dropdown-create-conversation .advanced-search-main .tabbed-content-wrapper {
  left: 560px;
}

.dropdown-create-conversation .advanced-search-main .tabbed-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
  padding-top: 15px;
}

.dropdown-create-conversation .advanced-search-main .scrolling-content {
  padding: 3px 0 0 0;
}

.dropdown-create-conversation .advanced-search-main .scrolling-content .pagination {
  height: 25px;
  line-height: 25px;
  padding: 0 15px;
  margin-top: 5px;
}

.dropdown-create-conversation .advanced-search-main .scrolling-content .pagination .page-count {
  height: 25px;
  line-height: 25px;
}

.dropdown-create-conversation .advanced-search-main .scrolling-content .pagination .link {
  top: 0;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list {
  padding: 0 15px;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list .no-entries {
  font-size: 12px;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry {
  padding: 0;
  border: none;
  height: 30px;
  line-height: 30px;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .entry-name,
.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .person-avatar-wrapper,
.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .person-checkbox-wrapper {
  height: 30px;
  line-height: 30px;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .person-checkbox-wrapper {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .person-avatar-wrapper .person-avatar {
  height: 20px;
  width: 20px;
  top: 4px;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .entry-checkbox {
  text-align: center;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  -ms-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
  margin-right: 10px;
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
  overflow: hidden;
  top: 0;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .entry-checkbox.checked,
.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .entry-checkbox:checked {
  background: #fff;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .entry-checkbox.checked:before,
.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .entry-checkbox:checked:before {
  color: #16becc;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .entry-checkbox:before {
  font-size: 10px;
  position: relative;
  top: -4px;
}

.dropdown-create-conversation .advanced-search-main .dynamic-list-entry .entry-name {
  font-size: 12px;
  color: #60545c;
  width: 148px;
  min-width: auto;
  max-width: auto;
}

.dropdown-create-conversation .message-details {
  position: relative;
}

.dropdown-create-conversation .body,
.dropdown-create-conversation .context {
  position: relative;
  background: #fff;
  border: 1px solid #b4d6e1;
  margin-top: -1px;
}

.loaded .dropdown-create-conversation .body,
.loaded .dropdown-create-conversation .context {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.dropdown-create-conversation .body.focus,
.dropdown-create-conversation .context.focus {
  z-index: 1;
  border: 1px solid #16becc;
  -webkit-box-shadow: 0 0 6px #16becc;
  box-shadow: 0 0 6px #16becc;
}

.dropdown-create-conversation .body.focus .form-reason-link,
.dropdown-create-conversation .context.focus .form-reason-link {
  color: #60545c;
}

.dropdown-create-conversation .context {
  height: 38px;
  padding-left: 80px;
}

.dropdown-create-conversation .context-label {
  position: absolute;
  left: 10px;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.dropdown-create-conversation .context-text {
  height: 38px;
  line-height: 38px;
}

.dropdown-create-conversation .context-select {
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  width: 100%;
  max-width: 100%;
  border: none;
  opacity: 0;
}

.dropdown-create-conversation .body-text {
  border: none!important;
  background: 0 0!important;
  resize: none;
}

.dropdown-create-conversation .body-text:focus {
  border: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

.dropdown-create-conversation .dropdown-arrow {
  position: absolute;
  top: 8px;
  right: 8px;
}

.dropdown-create-conversation .form-reason-link {
  padding: 8px 10px 10px 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

.full-screen-modal,
.full-screen-modal .modal-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.full-screen-modal {
  z-index: 5;
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
}

.full-screen-modal .modal-background {
  background: #000;
  opacity: .35;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.full-screen-modal .modal-outer-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-y: auto;
}

.full-screen-modal .modal-inner-wrapper {
  height: 100%;
  width: 100%;
  display: table;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.full-screen-modal .modal-cell {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.full-screen-modal .modal-box {
  width: 300px;
  background: #fff;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 20px RGBA(0,0,0,.4);
  box-shadow: 0 2px 20px RGBA(0,0,0,.4);
  padding: 25px;
  position: relative;
  top: -10%;
}

.full-screen-modal .modal-box h2 {
  text-align: center;
}

.full-screen-modal .modal-box .meta-loading {
  margin-bottom: 2px;
  display: block;
  height: 6px;
  width: auto;
  background-color: #e0eff4;
  background-image: -webkit-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,#14acb9 25%,transparent 25%,transparent 50%,#14acb9 50%,#14acb9 75%,transparent 75%,transparent);
  -webkit-background-size: 20px 20px;
  -webkit-animation-name: backgroundAnimate;
  -moz-animation-name: backgroundAnimate;
  -o-animation-name: backgroundAnimate;
  -ms-animation-name: backgroundAnimate;
  animation-name: backgroundAnimate;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
}

.full-screen-modal .dropdown {
  margin: 0 auto;
  position: relative;
  float: none;
}

.full-screen-modal .buttons {
  padding: 10px;
  height: 28px;
  border-top: 1px solid #fff;
  background-color: #e0eff4;
  position: relative;
}

.full-screen-modal .modal-button-group {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
  padding: 10px;
}

.full-screen-modal .modal-button-group .modal-button-group-wrapper {
  position: relative;
  left: 50%;
  float: left;
}

.full-screen-modal .modal-button-group .modal-button-group-inset {
  padding: 0 10px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  position: relative;
  float: left;
  left: -50%;
}

.full-screen-modal .modal-alert {
  width: 330px;
  padding: 20px;
  margin: 0 auto;
  background: #fff;
}

.full-screen-modal .modal-alert .title {
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
}

.full-screen-modal .modal-alert .body {
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
}

.full-screen-modal .modal-alert .button-bar {
  padding: 0 40px;
}

.full-screen-modal .modal-alert .small-button {
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  min-width: 80px;
}

.full-screen-modal .modal-alert .small-button.primary {
  border-color: #16becc;
  color: #16becc;
}

.full-screen-modal .modal-alert .small-button.cancel-button {
  border-color: #60545c;
  color: #60545c;
  display: block;
}

.full-screen-modal .modal-alert .small-button.center {
  float: none;
  margin: 0 auto;
  width: 80px;
  display: block;
}

.full-screen-modal .modal-alert .small-button:hover {
  color: #60545c;
  border-color: #60545c;
}

.full-screen-modal .modal-alert.warning-modal.pending-notifications-for-canceled,
.full-screen-modal .modal-alert.warning-modal.update-which-shift {
  width: 530px;
}

.modal-title-bar {
  background: #e0eff4;
  padding: 0 10px;
  font-size: 18px;
  color: #60545c;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #fff;
  text-align: center;
}

.modal-shift-edit {
  width: 600px;
}

.modal-shift-edit .content {
  padding: 10px;
  padding-top: 30px;
  background: #e8f3f7;
}

.modal-shift-edit .shift-edit-form {
  padding: 0;
}

.modal-shift-edit .buttons .cancel-button,
.modal-shift-edit .buttons .toggle-hidden-status {
  float: left;
}

.modal-shift-edit .buttons .shift-submit-button {
  float: right;
}

.pac-container {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .pac-container {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.pac-container .pac-item {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.pac-container .pac-item .pac-item-query {
  letter-spacing: normal;
  text-transform: none;
  color: #60545c;
  font-size: 12px;
  margin-right: 8px;
}

.pac-container .pac-item:hover,
.pac-container .pac-item:hover span {
  background-color: transparent;
  color: #16becc!important;
}

.pac-container .pac-item.pac-item-selected {
  background: #e8f3f7;
}

.pac-container:after {
  height: 25px;
}

.modal-edit-event-details .form-field input,
.modal-edit-event-details .form-field select,
.modal-edit-event-details .form-field textarea,
.modal-edit-event-role .form-field input,
.modal-edit-event-role .form-field select,
.modal-edit-event-role .form-field textarea,
.modal-shift-edit .form-field input,
.modal-shift-edit .form-field select,
.modal-shift-edit .form-field textarea {
  font-size: 12px;
}

.modal-edit-event-details .buttons .delete-shift-button,
.modal-edit-event-details .buttons .toggle-featured-status,
.modal-edit-event-details .buttons .toggle-hidden-status,
.modal-edit-event-role .buttons .delete-shift-button,
.modal-edit-event-role .buttons .toggle-featured-status,
.modal-edit-event-role .buttons .toggle-hidden-status,
.modal-shift-edit .buttons .delete-shift-button,
.modal-shift-edit .buttons .toggle-featured-status,
.modal-shift-edit .buttons .toggle-hidden-status {
  float: left;
  height: 28px;
  line-height: 28px;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  cursor: pointer;
}

.modal-edit-event-details .buttons .delete-shift-button,
.modal-edit-event-role .buttons .delete-shift-button,
.modal-shift-edit .buttons .delete-shift-button {
  margin-right: 15px;
}

.modal-edit-event-details .buttons .delete-shift-button .sprite,
.modal-edit-event-role .buttons .delete-shift-button .sprite,
.modal-shift-edit .buttons .delete-shift-button .sprite {
  top: 2px;
}

.modal-edit-event-details .buttons .toggle-hidden-status,
.modal-edit-event-role .buttons .toggle-hidden-status,
.modal-shift-edit .buttons .toggle-hidden-status {
  margin-right: 15px;
}

.modal-edit-event-details .buttons .styled-select-button,
.modal-edit-event-role .buttons .styled-select-button,
.modal-shift-edit .buttons .styled-select-button {
  padding: 0;
}

.modal-edit-event-details .buttons .styled-select-button .icon,
.modal-edit-event-role .buttons .styled-select-button .icon,
.modal-shift-edit .buttons .styled-select-button .icon {
  top: 2px;
}

.modal-edit-event-details .buttons .styled-select-button .label,
.modal-edit-event-role .buttons .styled-select-button .label,
.modal-shift-edit .buttons .styled-select-button .label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  color: #16becc;
}

.modal-edit-event-details .buttons .styled-select-button .label,
.modal-edit-event-details .buttons .styled-select-button select,
.modal-edit-event-role .buttons .styled-select-button .label,
.modal-edit-event-role .buttons .styled-select-button select,
.modal-shift-edit .buttons .styled-select-button .label,
.modal-shift-edit .buttons .styled-select-button select {
  height: 28px;
  line-height: 28px;
}

.modal-edit-event-details .buttons .add-new-shift,
.modal-edit-event-role .buttons .add-new-shift,
.modal-shift-edit .buttons .add-new-shift {
  margin-top: 10px;
  float: right;
}

.modal-edit-event-details .buttons label,
.modal-edit-event-role .buttons label,
.modal-shift-edit .buttons label {
  width: auto;
}

.modal-edit-event-details .form-field,
.modal-edit-event-role .form-field,
.modal-shift-edit .form-field {
  margin-bottom: 10px;
}

.modal-edit-event-details .form-field.end-date,
.modal-edit-event-details .form-field.end-time,
.modal-edit-event-details .form-field.start-date,
.modal-edit-event-details .form-field.start-time,
.modal-edit-event-role .form-field.end-date,
.modal-edit-event-role .form-field.end-time,
.modal-edit-event-role .form-field.start-date,
.modal-edit-event-role .form-field.start-time,
.modal-shift-edit .form-field.end-date,
.modal-shift-edit .form-field.end-time,
.modal-shift-edit .form-field.start-date,
.modal-shift-edit .form-field.start-time {
  float: left;
}

.modal-edit-event-details .form-field.end-date label,
.modal-edit-event-details .form-field.end-time label,
.modal-edit-event-details .form-field.start-date label,
.modal-edit-event-details .form-field.start-time label,
.modal-edit-event-role .form-field.end-date label,
.modal-edit-event-role .form-field.end-time label,
.modal-edit-event-role .form-field.start-date label,
.modal-edit-event-role .form-field.start-time label,
.modal-shift-edit .form-field.end-date label,
.modal-shift-edit .form-field.end-time label,
.modal-shift-edit .form-field.start-date label,
.modal-shift-edit .form-field.start-time label {
  display: none;
}

.modal-edit-event-details .form-field.end-date,
.modal-edit-event-details .form-field.start-date,
.modal-edit-event-role .form-field.end-date,
.modal-edit-event-role .form-field.start-date,
.modal-shift-edit .form-field.end-date,
.modal-shift-edit .form-field.start-date {
  width: 45%;
  padding-right: 8px;
}

.modal-edit-event-details .form-field.end-time,
.modal-edit-event-details .form-field.start-time,
.modal-edit-event-role .form-field.end-time,
.modal-edit-event-role .form-field.start-time,
.modal-shift-edit .form-field.end-time,
.modal-shift-edit .form-field.start-time {
  width: 38%;
  padding-right: 5%;
}

.warning-in-past {
  text-align: right;
}

.modal-shift-edit {
  width: 740px;
}

.modal-shift-edit .date-group label,
.modal-shift-edit .form-field label,
.modal-shift-edit .repeat-group label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  text-align: left;
  line-height: 40px;
  height: 40px;
  float: left;
}

.modal-shift-edit .date-group .input__text,
.modal-shift-edit .date-group select,
.modal-shift-edit .date-group textarea,
.modal-shift-edit .form-field .input__text,
.modal-shift-edit .form-field select,
.modal-shift-edit .form-field textarea,
.modal-shift-edit .repeat-group .input__text,
.modal-shift-edit .repeat-group select,
.modal-shift-edit .repeat-group textarea {
  padding-left: 80px;
}

.modal-shift-edit .typeahead-group label {
  z-index: 1;
}

.modal-shift-edit .typeahead-container {
  padding-left: 80px;
}

.modal-shift-edit .typeahead-container .input__text {
  padding-left: 0;
}

.modal-shift-edit .date-group,
.modal-shift-edit .repeat-group {
  position: relative;
  padding-left: 80px;
}

.modal-shift-edit .date-group .form-field .input__text,
.modal-shift-edit .date-group .form-field select,
.modal-shift-edit .repeat-group .form-field .input__text,
.modal-shift-edit .repeat-group .form-field select {
  padding-left: 10px;
}

.modal-shift-edit .date-group label,
.modal-shift-edit .repeat-group label {
  text-align: right;
  width: 50px;
}

.modal-shift-edit .repeat-every {
  width: 308px;
}

.modal-shift-edit .repeat-every .form-field {
  width: 100px;
  float: left;
  margin-right: 8px;
}

.modal-shift-edit .repeat-every .label {
  float: left;
  height: 40px;
  line-height: 40px;
}

.modal-shift-edit .on-the-day .form-field {
  width: 100px;
  float: left;
  margin-right: 8px;
}

.modal-shift-edit .on-the {
  margin-bottom: 10px;
}

.modal-shift-edit .on-the input[type=checkbox] {
  margin-right: 8px;
}

.modal-shift-edit .days-of-month.disabled,
.modal-shift-edit .on-the-day.disabled {
  opacity: .5;
}

.modal-shift-edit .days-of-month.disabled .multi-select-entry-wrapper.selected .multi-select-entry {
  background: #b4d6e1;
  border: 1px solid #b4d6e1;
}

.modal-shift-edit .multi-select {
  margin-bottom: 10px;
}

.modal-shift-edit .shift-time-settings {
  padding: 20px 0;
}

.modal-shift-edit .series-note {
  padding: 5px 0 0 80px;
}

.modal-shift-edit .people-max,
.modal-shift-edit .people-min {
  float: left;
  width: 25%;
  padding-right: 8px;
}

.modal-shift-edit .people-max input,
.modal-shift-edit .people-min input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-left: 80px;
}

.modal-shift-edit .form-field.end-date,
.modal-shift-edit .form-field.start-date {
  width: 200px;
  padding-right: 8px;
}

.modal-shift-edit .form-field.end-time,
.modal-shift-edit .form-field.start-time {
  width: 100px;
  padding-right: 5%;
}

.modal-shift-edit .form-field.repeat-frequency,
.modal-shift-edit .form-field.repeat-options {
  width: 308px;
}

.modal-edit-event-details,
.modal-edit-event-role {
  width: 700px;
  background: #e8f3f7;
}

.modal-edit-event-details h2,
.modal-edit-event-role h2 {
  text-align: center;
  line-height: 25px;
}

.modal-edit-event-details label,
.modal-edit-event-role label {
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: right;
  width: 13%;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: none;
}

.modal-edit-event-details .to-label,
.modal-edit-event-role .to-label {
  text-align: left;
  padding: 0;
  width: 5%;
}

.modal-edit-event-details textarea,
.modal-edit-event-role textarea {
  line-height: 170%;
  min-height: 85px;
}

.modal-edit-event-details .address-search,
.modal-edit-event-details .form-field input,
.modal-edit-event-details .form-field select,
.modal-edit-event-details .form-field textarea,
.modal-edit-event-details .search-result-container,
.modal-edit-event-details .timezone,
.modal-edit-event-role .address-search,
.modal-edit-event-role .form-field input,
.modal-edit-event-role .form-field select,
.modal-edit-event-role .form-field textarea,
.modal-edit-event-role .search-result-container,
.modal-edit-event-role .timezone {
  width: 85%;
  min-width: 85%;
  max-width: 85%;
  float: none;
  display: inline-block;
  position: relative;
}

.modal-edit-event-details .formatted-datepicker .date-field,
.modal-edit-event-role .formatted-datepicker .date-field {
  width: 25%;
}

.modal-edit-event-details .formatted-datepicker .date-field.year,
.modal-edit-event-role .formatted-datepicker .date-field.year {
  width: 50%;
}

.modal-edit-event-details .date-group,
.modal-edit-event-role .date-group {
  float: none;
  margin-bottom: 7px;
}

.modal-edit-event-details .date-group label,
.modal-edit-event-role .date-group label {
  margin-bottom: 0;
}

.modal-edit-event-details .date-group .form-field,
.modal-edit-event-role .date-group .form-field {
  padding-right: 8px;
}

.modal-edit-event-details .date-group .form-field input,
.modal-edit-event-details .date-group .form-field select,
.modal-edit-event-details .date-group .form-field textarea,
.modal-edit-event-role .date-group .form-field input,
.modal-edit-event-role .date-group .form-field select,
.modal-edit-event-role .date-group .form-field textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.modal-edit-event-details .date-group .end-date,
.modal-edit-event-details .date-group .start-date,
.modal-edit-event-role .date-group .end-date,
.modal-edit-event-role .date-group .start-date {
  width: 20%;
  margin-bottom: 0;
}

.modal-edit-event-details .date-group .end-time,
.modal-edit-event-details .date-group .start-time,
.modal-edit-event-role .date-group .end-time,
.modal-edit-event-role .date-group .start-time {
  width: 15%;
  margin-bottom: 0;
}

.modal-edit-event-details .typeahead-container,
.modal-edit-event-role .typeahead-container {
  width: 85%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

.modal-edit-event-details .show-something,
.modal-edit-event-role .show-something {
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
}

.modal-edit-event-details .show-something .show,
.modal-edit-event-role .show-something .show {
  margin-right: 12px;
}

.modal-edit-event-details h2 {
  text-align: center;
}

.modal-edit-event-details .address-search-wrapper {
  position: relative;
}

.modal-edit-event-details .address-search-wrapper .address-search {
  height: 40px;
  background: #fff;
  margin-bottom: 10px;
}

.modal-edit-event-details .search-result-container {
  margin-bottom: 7px;
}

.modal-edit-event-details .search-result-wrapper {
  border: 1px solid #b4d6e1;
  background: #fff;
  height: 38px;
  line-height: 32px;
}

.modal-edit-event-details .search-result-box {
  border: 1px solid #b4d6e1;
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 7px;
  padding-right: 30px;
  background: #fff;
  cursor: pointer;
}

.loaded .modal-edit-event-details .search-result-box {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.modal-edit-event-details .search-result-box .sprite {
  position: absolute;
  top: 5px;
  right: 4px;
}

.modal-edit-event-details .search-result-box:hover {
  color: #16becc;
  border-color: #16becc;
}

.modal-edit-event-details .edit-details-map-wrapper {
  width: 85%;
  height: 150px;
  border: 1px solid #b4d6e1;
  float: none;
  margin-bottom: 20px;
  margin-left: 13%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
}

.modal-edit-event-details .edit-details-map {
  width: 100%;
  height: 150px;
}

.modal-edit-event-details .edit-details-no-map {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.modal-edit-event-details .edit-details-no-map .warning-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.modal-edit-event-details .edit-details-no-map .warning {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.modal-edit-event-details .select-forms,
.modal-edit-event-role .select-forms,
.modal-edit-role .select-forms {
  position: relative;
}

.modal-edit-event-details .select-forms .select-forms-label,
.modal-edit-event-role .select-forms .select-forms-label,
.modal-edit-role .select-forms .select-forms-label {
  height: 26px;
  line-height: 26px;
  width: 13%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}

.modal-edit-event-details .select-forms .form,
.modal-edit-event-details .select-forms .styled-select-button.inline .label,
.modal-edit-event-role .select-forms .form,
.modal-edit-event-role .select-forms .styled-select-button.inline .label,
.modal-edit-role .select-forms .form,
.modal-edit-role .select-forms .styled-select-button.inline .label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  height: 26px;
  line-height: 26px;
}

.modal-edit-event-details .select-forms .styled-select-button.inline .label,
.modal-edit-event-role .select-forms .styled-select-button.inline .label,
.modal-edit-role .select-forms .styled-select-button.inline .label {
  color: #16becc!important;
}

.modal-edit-event-details .select-forms .styled-select-button.inline .label .sprite,
.modal-edit-event-role .select-forms .styled-select-button.inline .label .sprite,
.modal-edit-role .select-forms .styled-select-button.inline .label .sprite {
  top: 4px;
}

.modal-edit-event-details .select-forms .styled-select-button,
.modal-edit-event-role .select-forms .styled-select-button,
.modal-edit-role .select-forms .styled-select-button {
  padding-left: 0;
}

.modal-edit-event-details .select-forms .form,
.modal-edit-event-role .select-forms .form,
.modal-edit-role .select-forms .form {
  float: left;
  margin-right: 10px;
}

.modal-edit-event-details .select-forms .sprite,
.modal-edit-event-role .select-forms .sprite,
.modal-edit-role .select-forms .sprite {
  top: 2px;
  float: right;
}

.modal-edit-role .select-forms {
  margin-top: 5px;
}

.modal-edit-role .select-forms-wrapper {
  padding-left: 89px;
}

.modal-credit-hours .context-title {
  font-size: 16px;
  margin-bottom: 8px;
  text-align: center;
}

.modal-credit-hours .message-details .hours,
.modal-credit-hours .message-details .notes,
.modal-credit-hours .message-details .skills {
  position: relative;
  margin-top: -1px;
}

.modal-credit-hours .message-details .hours label,
.modal-credit-hours .message-details .notes label,
.modal-credit-hours .message-details .skills label {
  position: absolute;
  top: 0;
  left: 10px;
  line-height: 40px;
  z-index: 2;
}

.modal-credit-hours .message-details .hours input,
.modal-credit-hours .message-details .hours textarea,
.modal-credit-hours .message-details .notes input,
.modal-credit-hours .message-details .notes textarea {
  padding-left: 80px;
}

.modal-credit-hours .message-details .skills .typeahead-container {
  padding-left: 80px;
}

.modal-credit-hours .message-details textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.notification {
  z-index: 10;
  width: 360px;
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #fff;
  padding: 15px 103px 15px 15px;
  -webkit-animation: fadeIn;
  -ms-animation: fadeIn;
  animation: fadeIn;
}

.notification p {
  line-height: 16px;
  font-size: 11px;
  margin-bottom: 4px;
}

.notification ul.errors-list {
  list-style: initial;
  padding-left: 15px;
}

.notification li {
  line-height: 16px;
  margin-bottom: 3px;
}

.notification .message-wrapper {
  padding-right: 15px;
  margin: -5px 0;
  padding: 5px 15px 5px 0;
}

.notification .notification-title {
  font-size: 14px;
  margin-bottom: 5px;
}

.notification .notification-message {
  font-size: 11px;
  line-height: 13px;
}

.notification .notification-action,
.notification .notification-close {
  font-size: 13px;
  position: absolute;
  right: 15px;
  text-decoration: none;
  cursor: pointer;
}

.notification .notification-close {
  bottom: 15px;
}

.notification .notification-action {
  top: 15px;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .notification .notification-action {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.current-time-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: red;
}

.current-time-bar-header {
  width: 3px;
}

.table-scroll-wrapper {
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  overflow: hidden;
}

.table-sidebar-scroll-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  overflow-y: auto;
}

.table-body {
  border: none;
  position: relative;
  overflow: visible;
  min-width: 100%;
}

.table-body thead {
  visibility: hidden;
}

.table-header-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

.table-header {
  position: relative;
}

.table-body .table-button,
.table-header .table-button {
  padding: 10px 10px;
  height: cellHeight;
  line-height: 150%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  letter-spacing: inherit;
  text-align: left;
}

.table-body td,
.table-body th,
.table-header td,
.table-header th {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  table-layout: fixed;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}

.table-body thead th,
.table-body thead tr,
.table-header thead th,
.table-header thead tr {
  border: none;
  background: 0 0;
  padding: 0;
}

.table-entries-list {
  min-width: 100%;
}

.table-entries-list td,
.table-entries-list th {
  border-bottom: 1px solid #b4d6e1;
  border-right: 1px solid #b4d6e1;
  text-align: left;
  line-height: 150%;
  height: 50px;
  max-height: 50px;
  position: relative;
}

.table-entries-list td.has-icon,
.table-entries-list th.has-icon {
  padding-left: 20px;
}

.table-entries-list td.has-icon .sprite,
.table-entries-list th.has-icon .sprite {
  position: absolute;
  top: 11px;
  left: 2px;
}

.table-entries-list td.checkbox-column,
.table-entries-list th.checkbox-column {
  padding: 0 5px 0 10px;
  width: 40px;
  min-width: 40px;
}

.table-entries-list td:last-child,
.table-entries-list th:last-child {
  padding-right: 15px;
}

.table-entries-list td.empty,
.table-entries-list th.empty {
  width: initial;
  min-width: initial;
}

.table-entries-list td,
.table-sidebar td {
  vertical-align: top;
  padding: 10px;
  border-right: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  border-top: 1px solid #fff;
  background: #fff;
  cursor: pointer;
}

.table-entries-list tr.selected td,
.table-sidebar tr.selected td {
  background: #e8f3f7;
  border-color: #16becc!important;
  border-style: double;
  border-left: none;
  border-right: none;
}

.table-entries-list tr.hover td,
.table-sidebar tr.hover td {
  color: #16becc!important;
}

.table-sidebar {
  width: 100%;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.table-sidebar td {
  vertical-align: middle;
  text-align: left;
  padding-left: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.table-sidebar td.checkbox-column {
  width: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
}

.table-sidebar td.checkbox-column input[type=checkbox] {
  padding: 0;
  margin: 0;
}

.table-sidebar-entry {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.person-card,
.upload-report-card {
  -webkit-box-shadow: 0 4px 10px RGBA(0,0,0,.2);
  box-shadow: 0 4px 10px RGBA(0,0,0,.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  width: 640px!important;
  background-color: #fff;
  border-right: none;
  overflow: hidden;
}

.person-card .whennorm,
.upload-report-card .whennorm {
  display: inherit;
}

.person-card .whenedit,
.upload-report-card .whenedit {
  display: none;
}

.person-card .hidealways,
.upload-report-card .hidealways {
  display: none!important;
}

.person-card.edit-mode .whennorm,
.upload-report-card.edit-mode .whennorm {
  display: none;
}

.person-card.edit-mode .whenedit,
.upload-report-card.edit-mode .whenedit {
  display: inherit;
}

.person-card-scrolling-content,
.upload-report-card-scrolling-content {
  padding: 0 20px 20px 20px;
}

.person-card .dropdown-add-hours,
.person-card .dropdown-create-conversation {
  width: 598px;
}

.card-scrolling-content-wrapper {
  overflow-y: scroll;
  height: 600px;
  margin-top: 47px;
  margin-top: 180px;
}

.card-header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  -ms-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
  background-color: #fff;
  width: 100%;
  padding-bottom: 20px;
}

.card-header.scroll-shadow {
  -webkit-box-shadow: 0 0 25px -6px RGBA(0,0,0,.8);
  box-shadow: 0 0 25px -6px RGBA(0,0,0,.8);
}

.upload-report-card .card-scrolling-content-wrapper {
  margin-top: 128px;
}

.card-title-bar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 80px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 20px;
}

.card-title-bar .card-done-button,
.card-title-bar .card-edit-button,
.card-title-bar .card-message-button {
  float: right;
}

.card-title-bar h2 {
  line-height: 40px;
  height: 40px;
  text-align: center;
  padding: 0 60px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-basic-info {
  position: relative;
  padding-left: 140px;
  padding: 0 20px;
}

.basic-info-wrapper {
  padding-left: 120px;
  min-height: 100px;
  position: relative;
}

.card-avatar {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 20px;
}

.card-email,
.card-link,
.card-location {
  font-size: 18px;
  line-height: 140%;
}

.card-location {
  margin-bottom: 30px;
}

.card-link {
  text-decoration: none;
  color: inherit;
}

.card-name,
.card-name-field {
  margin-top: 0;
  margin-bottom: .33em;
}

.card-name-field {
  width: 400px;
}

.card-groups-title {
  float: left;
  line-height: 18px;
  margin-right: 10px;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .card-groups-title {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.card-summary-meta {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  left: 120px;
}

.card-summary-meta span {
  margin-right: 20px;
}

.card-section {
  font-size: 13px;
}

.card-subsection {
  position: relative;
}

.card-subsection.groups .card-label {
  height: 30px;
  line-height: 30px;
}

.card-subsection:last-child .card-values div:last-child {
  border: none;
  padding-bottom: 0;
}

.card-entry {
  position: relative;
  margin-top: 15px;
}

.card-notes-list .card-subsection,
.card-participation-list .card-subsection,
.custom-data-fields .card-subsection {
  -webkit-animation: fadein .5s;
  -ms-animation: fadein .5s;
  animation: fadein .5s;
}

.card-delete-custom-datum {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  color: #16becc;
  cursor: pointer;
}

.card-label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  text-align: right;
  height: inherit;
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 18px;
}

.card-label .person-avatar {
  float: right;
}

.card-editable-label-input {
  text-align: right;
}

.card-values {
  position: relative;
  line-height: 18px;
  padding-left: 120px;
  margin-right: 120px;
}

.card-values div {
  margin-bottom: 5px;
}

.card-values .card-field-city,
.card-values .card-field-country {
  clear: left;
}

.card-values .card-field-city,
.card-values .card-field-country,
.card-values .card-field-post_code,
.card-values .card-field-province {
  margin-right: 10px;
  float: left;
}

.edit-mode .card-values .card-field-city,
.edit-mode .card-values .card-field-country,
.edit-mode .card-values .card-field-post_code,
.edit-mode .card-values .card-field-province {
  display: block;
  float: none;
  clear: none;
  margin-right: 0;
}

.card-values.has-icon {
  padding-left: 140px;
}

.card-values.has-icon .sprite {
  position: absolute;
  top: 0;
  left: 120px;
}

.edit-mode .card-values.has-icon {
  padding-left: 120px;
}

.edit-mode .card-values.has-icon .sprite {
  display: none;
}

.card-section-divider,
.card-subsection-divider {
  height: 1px;
  margin: 20px 0;
}

.card-subsection-divider {
  margin-left: 120px;
  border-bottom: none;
  margin: 10px 0;
}

.divider-top {
  margin-top: 0;
}

.card-section-list {
  list-style: none;
  margin-bottom: -5px;
}

.card-section-list .small-button {
  float: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  margin-bottom: 2px;
  height: 24px;
  line-height: 24px;
  padding-right: 20px;
  max-width: 200px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.card-section-list .remove {
  position: absolute;
  right: -1px;
  top: 1px;
  left: auto;
}

.add-field-wrapper {
  padding-left: 120px;
  margin-bottom: 16px;
  margin-top: 16px;
}

.private-note-field {
  overflow: hidden;
  min-height: 60px;
  font-size: 13px;
  margin-bottom: 20px;
}

.card-notes-buttons {
  height: 40px;
  display: none;
}

.card-notes {
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 0;
}

.card-notes.active {
  border-color: #16becc;
  border-style: solid;
  border-width: 1px 0;
  background-color: #e8f3f7;
  padding-bottom: 0;
  margin-left: -20px;
  margin-right: -20px;
}

.card-notes.active .card-notes-buttons {
  display: block;
}

.card-notes.active .card-label {
  margin-left: 20px;
}

.card-notes.active textarea {
  margin-left: 20px;
}

.card-notes .card-label {
  padding-top: 20px;
}

.card-notes textarea {
  min-width: 480px;
  resize: none;
}

.loaded .card-notes textarea {
  transition: height .2s;
  -ms-transition: height .2s;
  -webkit-transition: height .2s;
}

.card-notes-section .card-note {
  -webkit-animation: fadein .5s;
  -ms-animation: fadein .5s;
  animation: fadein .5s;
}

.card-notes-section .note-meta {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.card-notes-section .note-author {
  margin-right: 10px;
}

.card-notes-section .note-comment {
  margin-bottom: 0;
}

.card-notes-section .card-values {
  margin-right: 40px;
}

.card-hours-section {
  display: inherit;
}

.card-hours-section .card-values {
  margin-right: 0;
}

.card-hours-section .card-values.hours-summary {
  line-height: 100%;
}

.card-hours-section .card-label span {
  display: block;
  margin-right: 0;
}

.card-availability-section {
  margin-bottom: 30px;
}

.card-availability-section .card-label {
  top: 10px;
}

.card-availability-section .card-values {
  margin-right: 0;
  margin-top: -10px;
}

.card-availability-section .availability-table {
  width: 100%;
  margin-bottom: 0;
  margin-top: -10px;
}

.card-hours-location,
.headline-number {
  font-size: 14px;
  margin-bottom: 0!important;
}

.card-hours-location {
  max-width: 410px;
}

.headline-number {
  margin-right: 4px;
}

.card-add-hours {
  float: right;
}

.card-hours-date,
.headline-units {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.headline-units {
  margin-right: 20px;
}

.card-hours-date {
  position: relative;
  right: 0;
  top: 0;
  margin-bottom: 2px!important;
}

.card-skills-list {
  list-style: none;
}

.card-skills-list li {
  float: left;
  margin-right: 7px;
  padding: 0 4px;
  height: 22px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.card-notes-list {
  list-style: none;
  margin-bottom: 7px;
}

.upload-report-general {
  padding: 0 60px;
  text-align: center;
  margin-bottom: 20px;
}

.upload-table-wrapper {
  padding: 0 20px;
}

.upload-error-table {
  font-size: 11px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.upload-error-table td,
.upload-error-table th {
  height: 34px;
  line-height: 34px;
  text-align: left;
  padding: 0 10px;
}

.upload-error-table td:first-child,
.upload-error-table th:first-child {
  text-align: right;
}

.upload-error-table tr {
  border-style: solid;
  border-width: 0 0 1px 0;
}

.upload-error-table td:first-child,
.upload-error-table th:first-child {
  width: 60px;
}

.upload-error-table td:last-child,
.upload-error-table th:last-child {
  width: 100px;
}

.upload-error-table thead tr {
  border-width: 1px 0;
}

.upload-error-table th {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.upload-report-meta {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 40px 0;
}

.meta-datum {
  width: 25%;
  float: left;
  text-align: center;
}

.meta-datum .count,
.meta-datum .label {
  opacity: 0;
}

.meta-datum .count {
  font-size: 21px;
}

.meta-datum .label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.upload-report-title {
  margin-top: 4px;
  text-align: center;
}

.full-card {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 380px;
}

.full-card .full-card-close-button {
  z-index: 1;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.full-card .header {
  padding: 20px;
  position: relative;
  height: 64px;
  overflow: auto;
}

.full-card .header .avatar {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 65px;
  height: 65px;
}

.full-card .header .city,
.full-card .header .country,
.full-card .header .first-name,
.full-card .header .last-name {
  margin-left: 80px;
  margin-right: 10px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.full-card .header .first-name,
.full-card .header .last-name {
  font-size: 16px;
  line-height: 125%;
}

.full-card .header .city,
.full-card .header .country {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.full-card .contact-details {
  padding: 20px;
  margin: 0;
  list-style: none;
}

.full-card .contact-details .contact-button {
  display: inline-block;
  float: left;
}

.full-card .card-tabs {
  list-style: none;
  background: #fff;
  position: relative;
  z-index: 1;
}

.full-card .card-tabs .card-tab-button {
  display: inline-block;
  float: left;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  border: 1px solid transparent;
  margin-right: 7px;
  margin-bottom: -1px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.full-card .card-tabs .card-tab-button.selected {
  border-bottom-color: #fff;
}

.full-card .card-tabs .card-tab-button:first-child {
  margin-left: 7px;
}

.full-card .card-tabbed-page {
  padding: 20px;
  position: absolute;
  top: 128px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.full-card .card-answers-page,
.profile-card-core .card-answers-page {
  top: 138px;
}

.full-card .form-name,
.profile-card-core .form-name {
  font-size: 14px;
}

.full-card .hr,
.profile-card-core .hr {
  margin-bottom: 20px;
}

.full-card .did-not-complete,
.full-card .error,
.full-card .loading,
.profile-card-core .did-not-complete,
.profile-card-core .error,
.profile-card-core .loading {
  line-height: 125%;
}

.full-card .card-answers-reason,
.profile-card-core .card-answers-reason {
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

.full-card .question-answer-pair,
.profile-card-core .question-answer-pair {
  margin-bottom: 30px;
}

.full-card .question-answer-pair .question,
.profile-card-core .question-answer-pair .question {
  font-size: 14px;
  margin-bottom: 6px;
}

.full-card .question-answer-pair .answer,
.profile-card-core .question-answer-pair .answer {
  font-size: 12px;
  line-height: 125%;
}

.full-card.blank .cta {
  font-size: 14px;
  text-align: center;
  padding: 40px 20px;
}

.full-card.submission-card {
  overflow: auto;
}

.full-card.submission-card .submission-card-header {
  height: auto;
}

.full-card.submission-card .submission-card-header .city,
.full-card.submission-card .submission-card-header .country,
.full-card.submission-card .submission-card-header .first-name,
.full-card.submission-card .submission-card-header .last-name {
  margin-left: 0;
}

.full-card.submission-card .card-tabbed-page {
  position: relative;
  top: 0;
  padding-top: 0;
}

.profile-card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 380px;
  background: #fff;
  z-index: 1;
  overflow: hidden;
}

.profile-card-error,
.profile-card-loading {
  padding: 20px;
}

.profile-card-no-notes {
  padding: 0;
}

.profile-card-no-activities,
.profile-card-no-messages {
  padding: 20px 0;
}

.profile-edit-mode {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.profile-card-core {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 40px;
  overflow-y: auto;
}

.profile-card-core.with-tabbar {
  top: 74px;
}

.profile-card-content {
  padding: 15px;
}

.profile-card-content .profile-card-status {
  padding: 15px 0;
  line-height: 150%;
}

.profile-card-header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
}

.profile-card-nav-bar {
  height: 40px;
}

.profile-card-nav-bar .profile-card-nav-button,
.profile-card-nav-bar .title {
  height: 40px;
  line-height: 40px;
  display: inline-block;
}

.profile-card-nav-bar .title {
  font-size: 16px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
}

.profile-card-nav-bar .profile-card-nav-button {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  text-align: center;
  background: #fff;
}

.profile-card-nav-bar .back {
  position: absolute;
  top: 0;
  left: 0;
}

.profile-card-nav-bar .close-button,
.profile-card-nav-bar .done-button,
.profile-card-nav-bar .nav-back-button {
  color: #16becc;
  padding: 0 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.profile-card-nav-bar .nav-back-button {
  right: auto;
  left: 0;
}

.profile-card-nav-bar .nav-back-button .sprite {
  top: 8px;
  left: -2px;
}

.profile-card-nav-bar .done-button {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .profile-card-nav-bar .done-button {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.profile-card-tab-bar {
  height: 34px;
}

.profile-card-tab-bar .card-tab {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-card-tab-bar .card-tab.active {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .profile-card-tab-bar .card-tab.active {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.profile-card-section-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  padding: 15px 0;
  text-align: center;
}

.profile-header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 15px;
  text-align: center;
  position: relative;
}

.profile-header .edit-profile-button {
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 0;
}

.profile-header .avatar {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

.profile-header .name {
  font-size: 16px;
}

.profile-header .name .first-name,
.profile-header .name .last-name {
  margin: 0 4px;
}

.profile-header .location .city,
.profile-header .location .country {
  margin: 0 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.profile-data .data-type-group .hr {
  height: 1px;
  line-height: 1px;
  margin-bottom: 15px;
}

.profile-data .data-group {
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

.profile-data .data-group label {
  margin: 0;
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

.profile-data .data-group-fields {
  padding-left: 25px;
  margin-bottom: 15px;
  line-height: 125%;
}

.profile-data .input__text,
.profile-data select {
  float: left;
  height: 25px;
  margin-bottom: 0;
  font-size: 12px;
  position: relative;
  border-top-color: #fff;
  border-right-color: #fff;
  border-left-color: #fff;
  padding: 0 3px;
}

.profile-data .input__text:focus,
.profile-data select:focus {
  z-index: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #e8f3f7;
}

.profile-data select {
  line-height: 23px;
}

.profile-data .optin-box {
  margin-bottom: 20px;
}

.profile-data .optin-box .optin-date {
  padding-left: 20px;
  margin-bottom: 10px;
}

.profile-data .optin-box .optin-blurb {
  position: relative;
  padding-left: 20px;
}

.profile-data .optin-box .optin-blurb span {
  float: left;
  text-transform: none;
  letter-spacing: normal;
  line-height: 150%;
  font-size: 12px;
  color: #16becc;
  cursor: pointer;
  margin-bottom: 10px;
}

.profile-data .optin-box .optin-blurb input[type=checkbox] {
  position: absolute;
  top: 2px;
  left: 0;
}

.profile-data .optin-box .button-bar .cancel {
  line-height: 28px;
  margin-left: 20px;
}

.profile-data .optin-box .button-bar .button {
  float: right;
}

.profile-edit-mode .data-type-group .hr {
  border: none;
}

.profile-edit-mode .form-field {
  margin-bottom: 0;
}

.profile-edit-mode .data-group-fields {
  padding: 0;
}

.profile-edit-mode .add-custom-datum {
  display: block;
  margin: -10px 0 15px 0;
  float: none;
}

.profile-edit-mode .new-custom-datum-form {
  margin-bottom: 40px;
  margin-top: 10px;
}

.profile-edit-mode .new-custom-datum-form .new-custom-datum-type-label {
  position: relative;
}

.profile-edit-mode .new-custom-datum-form .new-custom-datum-type-label .input__text {
  padding-left: 20px;
  height: 25px;
}

.profile-edit-mode .new-custom-datum-form .new-custom-datum-type-label .sprite {
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 2;
}

.profile-edit-mode .new-custom-datum-form .already-used {
  padding-left: 3px;
  margin: 4px 0;
}

.loaded .profile-edit-mode .new-custom-datum-form .already-used {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.profile-edit-mode .new-custom-datum-form .button-bar {
  margin-top: -5px;
}

.profile-edit-mode .new-custom-datum-form .button-bar .button {
  float: right;
  font-size: 12px;
}

.profile-edit-mode .new-custom-datum-form .button-bar .cancel-new-custom-datum-button {
  float: left;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #16becc;
  cursor: pointer;
  padding-left: 3px;
}

.loaded .profile-edit-mode .new-custom-datum-form .button-bar .cancel-new-custom-datum-button {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.profile-edit-mode .new-custom-datum-form .button-bar .cancel-new-custom-datum-button:hover {
  color: #60545c;
}

.profile-card-notes .new-note-box,
.profile-card-notes textarea {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
}

.profile-card-notes .fake-input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b4d6e1;
  margin-bottom: 15px;
  padding: 0 10px;
  line-height: 36px;
}

.profile-card-notes textarea {
  resize: none;
}

.profile-card-notes textarea.focussed {
  height: 60px;
  resize: both;
  margin-bottom: 8px;
}

.profile-card-notes .profile-card-text-entry {
  margin-bottom: 10px;
}

.profile-card-notes .profile-card-text-entry .submit-button {
  float: right;
}

.profile-card-notes .profile-card-text-entry .cancel-button {
  float: left;
}

.profile-card-notes .profile-card-text-entry .cancel-button,
.profile-card-notes .profile-card-text-entry .submit-button {
  display: inline-block;
  height: 28px;
  line-height: 28px;
}

.profile-card-notes .update-note-box .profile-card-text-entry {
  margin-bottom: 0;
}

.profile-card-notes .update-note-box .profile-card-text-entry textarea.focussed {
  padding: 3px;
}

.profile-card-notes .profile-card-note {
  position: relative;
  padding-left: 34px;
  padding-top: 7px;
  padding-bottom: 10px;
}

.profile-card-notes .profile-card-note .avatar {
  position: absolute;
  top: 12px;
  left: 0;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}

.profile-card-notes .profile-card-note .text {
  line-height: 150%;
  border: 1px solid #fff;
  cursor: pointer;
  padding: 3px;
}

.profile-card-notes .profile-card-note .text:hover {
  background: #e8f3f7;
}

.profile-card-notes .profile-card-note .meta {
  margin-top: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  padding-left: 3px;
}

.profile-card-notes .profile-card-note .meta .author {
  max-width: 50%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-card-notes .profile-card-note .meta .date {
  float: right;
}

.profile-card-notes .load-more {
  margin-top: 15px;
}

.profile-card-conversations {
  padding-top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.profile-card-conversations .messages-list-entry {
  border-width: 0 0 1px 0;
  margin-bottom: 0;
  padding: 10px 0;
  cursor: pointer;
}

.profile-card-conversations .messages-list-entry .subject-line {
  padding: 0;
  font-size: 13px;
  border: none;
  margin-bottom: 5px;
}

.profile-card-conversations .messages-list-entry .subject-line .avatar {
  top: 3px;
}

.profile-card-conversations .messages-list-entry .subject-line .messages-subject {
  padding-right: 90px;
}

.profile-card-conversations .messages-list-entry .subject-line .message-date,
.profile-card-conversations .messages-list-entry .subject-line .messages-subject {
  line-height: 24px;
}

.profile-card-conversations .messages-list-entry .subject-line .message-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.profile-card-conversations .messages-list-entry .subject-line .medium-icon {
  top: 3px;
}

.profile-card-conversations .messages-list-entry .reveal {
  position: absolute;
  bottom: 9px;
  right: 10px;
  background: #fff;
}

.profile-card-conversations .messages-list-entry .message-body {
  font-size: 12px!important;
  padding: 0;
  max-height: 30px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 31px;
  padding-right: 20px;
}

.profile-card-conversations .messages-list-entry:hover .message-body,
.profile-card-conversations .messages-list-entry:hover .message-date,
.profile-card-conversations .messages-list-entry:hover .messages-subject {
  color: #16becc!important;
}

.profile-card-thread .message-reply-form textarea.messages-body {
  font-size: 12px;
}

.profile-card-thread .message-reply-form .messages-button-bar {
  padding-left: 0;
  padding-right: 0;
  background: #fff;
  border: none;
}

.profile-card-thread .messages-list-entry .subject-line .message-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.profile-card-thread .messages-list-entry .message-body {
  padding: 10px;
  font-size: 12px!important;
}

.profile-card-thread .messages-list-entry .message-body * {
  font-size: 12px!important;
}

.profile-card-hours-summary .summary-entry {
  width: 33%;
  text-align: center;
  float: left;
  padding-top: 15px;
}

.profile-card-hours-summary .summary-entry .headline-count {
  font-size: 14px;
}

.profile-card-hours-summary .summary-entry .headline-label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.profile-card-activities {
  padding-top: 0;
}

.profile-card-activities .shift-buttons {
  padding: 15px 0;
  text-align: center;
}

.profile-card-activities .shift-buttons .small-button,
.profile-card-activities .shift-buttons .small-button-select {
  min-width: 100px;
  text-align: center;
  text-transform: uppercase;
}

.profile-card-activities .hours-buttons .small-button {
  display: inline-block;
  float: none;
}

.profile-card-activities .profile-card-hours-summary {
  margin-bottom: 10px;
}

.profile-card-activities .profile-card-hours-summary .summary-entry {
  padding: 10px 0;
}

.profile-card-activities .profile-card-hours-summary .summary-entry .headline-count {
  font-size: 20px;
}

.profile-card-activities .profile-card-hours-summary .summary-entry .headline-label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.profile-card-activities .profile-card-participations {
  list-style: none;
}

.profile-card-activities .profile-card-participations .profile-card-participation-hours {
  padding: 10px 0;
}

.profile-card-activities .profile-card-participations .profile-card-participation-hours .hours-wrapper {
  width: 45px;
  float: left;
  text-align: center;
}

.profile-card-activities .profile-card-participations .profile-card-participation-hours .hours-wrapper .count {
  font-size: 18px;
  margin-bottom: 5px;
}

.profile-card-activities .profile-card-participations .profile-card-participation-hours .hours-wrapper .label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.profile-card-activities .profile-card-participations .participation-notes {
  position: relative;
  clear: both;
  padding-left: 55px;
  margin-top: 10px;
}

.profile-card-activities .profile-card-participations .participation-notes .author-avatar {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 1px;
  left: 10px;
}

.profile-card-activities .profile-card-participations .participation-notes .author-name {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  text-align: right;
  margin-top: 8px;
}

.profile-card-activities .profile-card-participations .participation-notes .note {
  position: relative;
}

.profile-card-activities .profile-card-participations .participation-notes .ldquo,
.profile-card-activities .profile-card-participations .participation-notes .rdquo {
  font-size: 20px;
  position: relative;
  line-height: 12px;
  top: 8px;
}

.profile-card-activities .profile-card-participations .participation-notes .ldquo {
  left: 0;
  margin-right: 3px;
}

.profile-card-activities .profile-card-participations .participation-notes .rdquo {
  right: 0;
  margin-left: 3px;
}

.profile-card-activities .profile-card-participations .participation-details-wrapper {
  padding-left: 55px;
}

.profile-card-activities .profile-card-participations .participation-details-wrapper .participation-state {
  float: right;
}

.profile-card-activities .profile-card-participations .participation-details-wrapper .activity-name,
.profile-card-activities .profile-card-participations .participation-details-wrapper .event-name {
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 3px;
}

.profile-card-activities .profile-card-participations .participation-details-wrapper .date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  margin-bottom: 5px;
}

.profile-card-activities .profile-card-participations .participation-skills .skills-label {
  margin-right: 5px;
}

.profile-card-activities .profile-card-participations .needs-notifying {
  color: red;
}

.profile-card-activities .profile-card-participations .profile-card-participation {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  padding: 12px 10px 14px 10px;
}

.profile-card-activities .profile-card-participations .profile-card-participation .status .unread-dot {
  position: relative;
  top: -2px;
  margin-right: 3px;
  float: left;
}

.profile-card-activities .profile-card-participations .profile-card-participation .title {
  font-size: 14px;
  margin-bottom: 6px;
}

.profile-card-activities .profile-card-participations .profile-card-participation .start {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #60545c;
  margin-bottom: 6px;
}

.profile-card-activities .profile-card-participations .profile-card-participation .status {
  float: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.profile-card-activities .profile-card-participations .profile-card-participation .status.accepted {
  color: #5dc744;
}

.profile-card-activities .profile-card-participations .profile-card-participation .pointer {
  position: absolute;
  top: 14px;
  left: -20px;
}

.profile-card-activities .profile-card-participations .profile-card-participation .change-status {
  float: right;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #16becc;
  cursor: pointer;
}

.loaded .profile-card-activities .profile-card-participations .profile-card-participation .change-status {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.profile-card-activities .profile-card-participations .profile-card-participation .change-status:hover {
  color: #60545c;
}

.profile-card-activities .profile-card-participations .profile-card-participation .change-status .dropdown-icon {
  float: right;
  top: -5px;
}

.profile-card-activities .profile-card-participations .profile-card-participation .participation-item-button-bar {
  height: 30px;
  color: #60545c;
  width: 100%;
  position: relative;
  clear: both;
  padding-top: 15px;
}

.profile-card-activities .profile-card-participations .profile-card-participation .participation-item-button-bar .small-button {
  margin: 0;
  display: inline-block;
  float: none;
  min-width: 70px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.profile-card-activities .profile-card-participations .profile-card-participation .participation-item-button-bar .left,
.profile-card-activities .profile-card-participations .profile-card-participation .participation-item-button-bar .right {
  position: absolute;
  top: 15px;
  cursor: pointer;
}

.profile-card-activities .profile-card-participations .profile-card-participation .participation-item-button-bar .left {
  float: left;
  left: 0;
}

.profile-card-activities .profile-card-participations .profile-card-participation .participation-item-button-bar .right {
  float: right;
  right: 0;
}

.profile-card-activities .profile-card-participations .profile-card-participation .participation-item-button-bar .center-wrapper {
  margin: 0 auto;
  display: table;
  padding: 0;
}

.profile-card-activities .profile-card-participations .profile-card-participation.in-selected-participations,
.profile-card-activities .profile-card-participations .profile-card-participation.selected-participation {
  margin: 0 -5px;
  margin-top: -1px;
  padding-left: 14px;
  padding-right: 14px;
  border: 1px solid #16becc;
}

.profile-card-activities .profile-card-participations .profile-card-participation.in-selected-participations {
  background: #fff;
}

.profile-card-activities .profile-card-participations .profile-card-participation.selected-participation {
  background: #e8f3f7;
}

.profile-card-submissions {
  padding-top: 0;
  position: relative;
}

.profile-card-submissions .profile-card-form-reason {
  padding: 10px;
  cursor: pointer;
  position: relative;
}

.loaded .profile-card-submissions .profile-card-form-reason .context,
.loaded .profile-card-submissions .profile-card-form-reason .form-name {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.profile-card-submissions .profile-card-form-reason .form-name {
  margin-bottom: 5px;
  line-height: 24px;
}

.profile-card-submissions .profile-card-form-reason .reveal {
  position: absolute;
  top: 21px;
  right: 10px;
}

.profile-card-submissions .profile-card-form-reason .context {
  font-size: 12px!important;
  max-height: 30px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 20px;
  line-height: 150%;
}

.profile-card-submissions .profile-card-form-reason:hover .context,
.profile-card-submissions .profile-card-form-reason:hover .form-name {
  color: #16becc!important;
}

.organizations_edit_view .permissions,
.users_edit_view .permissions {
  padding: 0;
}

.organizations_edit_view .permissions li:first-child,
.users_edit_view .permissions li:first-child {
  border-top-width: 1px;
}

.avatar-preview {
  width: 120px;
  height: 120px;
}

.avatar-border {
  padding: 20px 0;
  border-width: 1px 0;
  border-style: solid;
}

.upload-avatar-wrapper {
  width: 100%;
}

.image-name {
  line-height: 41px;
  font-size: 14px;
  float: left;
  margin-left: 10px;
}

.availability-table {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}

.availability-table td,
.availability-table th {
  height: 40px;
  width: 90px;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  letter-spacing: inherit;
}

.availability-table tr:nth-child(n+2) th {
  text-align: left;
}

.availability-table td input.disabled {
  opacity: .3;
}

.availability-table td:first-child {
  text-align: left;
}

.add-skill-box {
  position: relative;
  margin-bottom: 20px;
  float: left;
  clear: both;
}

.add-skill-box .add-skill-button {
  float: left;
  margin-left: 10px;
}

.skills-list {
  list-style: none;
}

.skills-list li {
  line-height: 20px;
  height: 20px;
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 5px 10px;
}

.skill-input {
  float: left;
  margin-bottom: 0;
  width: 130px;
  display: block;
  border: 1px solid #d6d6d6;
  padding: 10px;
  color: #444;
  height: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: 1px 1px 1px #f4f4f4 inset;
  box-shadow: 1px 1px 1px #f4f4f4 inset;
}

.make-owner-button,
.person-owner {
  float: right;
  position: relative;
  top: 4px;
}

.person-owner {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 26px;
  line-height: 26px;
  padding: 0 11px;
}

.choose-plan-button {
  border-color: #16becc;
  color: #16becc!important;
}

.current-plan,
.extend-trial,
.signing-up-for-plan,
.trial-expired,
.trial-remaining,
.updated-billing {
  border: 1px solid #16becc;
  background: #e8f3f7;
  padding: 15px;
  margin-bottom: 25px;
  font-size: 12px;
}

.trial-expired {
  background: 0 0;
  text-align: center;
  padding: 25px;
}

.trial-expired h2 {
  font-size: 16px;
  margin-bottom: 0;
}

.extend-trial {
  background: 0 0;
  height: 30px;
  line-height: 30px;
  border: none;
  padding-top: 0;
  margin-top: 15px;
}

.extend-trial p {
  margin-bottom: 12px;
  color: #60545c;
}

.extend-trial button {
  float: none;
  display: inline-block;
  font-size: 14px;
}

.payment-error {
  height: 30px;
  border-width: 1px 0;
  border-style: solid;
  margin-bottom: 25px;
  padding: 0 15px;
}

.payment-error p {
  line-height: 30px;
}

.current-plan {
  margin-bottom: 25px;
}

.payment-errors {
  margin-bottom: 15px;
}

.subscription-table {
  width: 100%;
}

.subscription-table th {
  text-transform: uppercase;
  font-size: 10px;
}

.subscription-table td,
.subscription-table th {
  width: 25%;
  text-align: left;
  padding: 0 10px;
}

.subscription-table th {
  height: 35px;
}

.subscription-table td {
  height: 45px;
}

.subscription-table td:last-child {
  padding-right: 0;
}

.subscription-table td:last-child button {
  float: right;
}

.subscription-table tr.current-plan-row {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .subscription-table tr.current-plan-row {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.payment-form-fields {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-right: 30px;
  padding-bottom: 30px;
}

.payment-form-fields .form-field {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.payment-form-fields .form-field.coupon-code,
.payment-form-fields .form-field.credit-card-number {
  width: 100%;
}

.payment-form-fields .form-field.credit-card-cvc,
.payment-form-fields .form-field.credit-card-expiry-month,
.payment-form-fields .form-field.credit-card-expiry-year {
  float: left;
  margin-right: 5%;
}

.payment-form-fields .form-field.credit-card-cvc {
  width: 20%;
  margin-right: 0;
}

.payment-form-fields .form-field.credit-card-expiry-month {
  width: 35%;
}

.payment-form-fields .form-field.credit-card-expiry-year {
  width: 35%;
}

.payment-form-fields .button {
  float: right;
}

.payment-confirmation-box {
  float: right;
  width: 50%;
  min-height: 498px;
  padding: 0 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.payment-confirmation-box h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.payment-confirmation-box .buy-plan {
  background: #5dc744!important;
  float: none;
  width: 200px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  display: block;
  margin: 0 auto;
}

.payment-confirmation-box .order-summary-plan,
.payment-confirmation-box .order-summary-price {
  float: left;
  font-size: 14px;
}

.payment-confirmation-box .order-summary-price {
  float: right;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .payment-confirmation-box .order-summary-price {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.payment-confirmation-box .order-summary-wrapper {
  margin-bottom: 25px;
}

.static_404_view,
.static_error_view {
  overflow: auto;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.static_404_view .error-page-outer-wrapper,
.static_error_view .error-page-outer-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}

.static_404_view .error-page-inner-wrapper,
.static_error_view .error-page-inner-wrapper {
  height: 100%;
  width: 100%;
  display: table;
}

.static_404_view .error-page-cell-wrapper,
.static_error_view .error-page-cell-wrapper {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.static_404_view .error-icon,
.static_error_view .error-icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 60px;
  height: 100px;
  width: 100px;
}

.static_404_view h1,
.static_error_view h1 {
  font-size: 40px;
  color: #60545c;
  margin: 0 auto;
  width: 500px;
  z-index: 1;
  position: relative;
  padding: 0 20px;
}

.static_404_view h2,
.static_error_view h2 {
  margin-bottom: 25px;
  font-size: 28px;
  color: #60545c;
}

.static_404_view p,
.static_error_view p {
  width: 300px;
  margin: 0 auto;
  line-height: 150%;
  margin-bottom: 40px;
  font-size: 14px;
}

.static_404_view .hr,
.static_error_view .hr {
  position: relative;
  top: -20px;
  margin-bottom: 60px;
  border-color: #c6c6c6;
}

.development-only-error {
  padding: 20px;
  background: #fff;
  margin-top: 40px;
  text-align: left;
}

.events_new_view .app-page form,
.events_new_view .content-titlebar form {
  margin: 0 auto;
}

.events_new_view textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.events-edit .app-page h1 {
  margin-bottom: 30px;
}

.events-edit .scrolling-content {
  padding: 30px;
  margin: 0 auto;
}

.events-edit .event-edit-left,
.events-edit .event-edit-right {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.events-edit .event-details {
  margin-bottom: 40px;
  padding: 0 20px;
}

.events-edit .event-location-block {
  margin-bottom: 10px;
}

.events-edit .event-time {
  font-size: 20px;
}

.events-edit .event-description,
.events-edit .published-state {
  font-size: 14px;
  line-height: 150%;
}

.events-edit .set-a-location {
  position: relative;
  float: left;
  margin-right: 20px;
}

.events-edit .event-map {
  position: absolute;
  top: 0;
  left: 0;
}

.loaded .events-edit .event-map {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.events-edit .section-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  margin-bottom: 10px;
}

.events-edit .details-section {
  margin-bottom: 30px;
}

.events-edit .set-a-location {
  width: 80px;
  height: 80px;
  display: table;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  color: #16becc;
  margin-bottom: 10px;
  cursor: pointer;
}

.loaded .events-edit .set-a-location {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.events-edit .set-a-location .needs-setting {
  color: #fff;
}

.events-edit .set-a-location span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.loaded .events-edit .set-a-location span {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.events-edit .set-a-location.has-map span {
  opacity: 0;
}

.events-edit .set-a-location:hover {
  border-color: #60545c;
  color: #60545c;
}

.events-edit .set-a-location.has-map:hover .event-map {
  opacity: .2;
}

.events-edit .set-a-location.has-map:hover span {
  color: #60545c;
  text-shadow: 0 0 2px RGBA(255,255,255,.7);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.events-edit .event-name {
  line-height: 125%;
  font-size: 26px;
}

.event-edit-submit-button {
  float: left;
}

.participants-list {
  padding: 0;
  overflow: hidden;
  margin: 0;
  background: #fff;
}

.participants-list .dynamic-list-entry:first-child {
  margin-top: -1px;
}

.participants-list .dynamic-list-entry:last-child {
  margin-bottom: -1px;
}

.participants-list .dynamic-list-entry {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}

.shifts-list .new-shift-item {
  border-bottom: none;
  padding: 20px 0;
}

.new-shift-item h3 {
  padding-left: 10px;
}

.new-shift-item .new-shift-box {
  background: #e8f3f7;
  border: 1px solid #16becc;
}

.new-shift-item .new-shift-box .general-box {
  padding-top: 15px;
}

.event-edit-sidebar {
  width: 150px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.event-edit-sidebar .event-sidebar-widget {
  position: relative;
  margin-bottom: 40px;
}

.event-edit-sidebar .event-sidebar-widget .image-uploader-wrapper,
.event-edit-sidebar .event-sidebar-widget .image-uploader-wrapper .image,
.event-edit-sidebar .event-sidebar-widget .image-uploader-wrapper .image-upload,
.event-edit-sidebar .event-sidebar-widget .image-uploader-wrapper .no-image,
.event-edit-sidebar .event-sidebar-widget .image-uploader-wrapper .no-label,
.event-edit-sidebar .event-sidebar-widget .set-a-location {
  width: 120px;
  height: 120px;
  max-width: 120px;
  min-width: 120px;
}

.event-edit-sidebar .event-sidebar-widget .widget-text {
  line-height: 150%;
  margin-bottom: 8px;
}

.event-edit-sidebar .event-sidebar-widget .published-icon {
  margin-right: 4px;
  top: -3px;
  margin-left: -2px;
}

.main-header-upload {
  position: relative;
  margin-bottom: 30px;
}

.main-header-upload .image-uploader-wrapper,
.main-header-upload .image-uploader-wrapper .image,
.main-header-upload .image-uploader-wrapper .image-upload,
.main-header-upload .image-uploader-wrapper .no-image,
.main-header-upload .image-uploader-wrapper .no-label,
.main-header-upload .set-a-location {
  width: 100%;
  height: 250px;
  max-width: 100%;
  min-width: 100%;
}

.main-header-upload .widget-text {
  line-height: 150%;
  margin-bottom: 8px;
}

.main-header-upload .published-icon {
  margin-right: 4px;
  top: -3px;
  margin-left: -2px;
}

.main-header-upload .vignette {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.main-header-upload .image-uploader-wrapper.placeholder {
  -webkit-background-size: 660px 110px;
  -moz-background-size: 660px 110px;
  background-size: 660px 110px;
  background-image: url(images/banners/bg-cover-unclaimed.png);
  background-repeat: repeat;
}

.main-header-upload .image-uploader-wrapper.placeholder .add-image {
  color: #fff;
}

.event-edit-left {
  width: 100%;
  float: left;
  margin-left: -150px;
  padding-left: 150px;
  padding-right: 120px;
  margin-right: -100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.event-edit-right {
  float: left;
  width: 100px;
}

.event-edit-headline-stats .big-num {
  display: block;
  margin-bottom: 30px;
}

.event-edit-headline-stats .big-num .number {
  font-size: 28px;
}

.event-edit-headline-stats .big-num .label {
  color: #60545c;
  font-size: 14px;
}

.events-edit-state-section .titlebar {
  margin-bottom: 10px;
}

.events-edit-state-section .title {
  float: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  line-height: 22px;
}

.events-edit-state-section .title.confirmed {
  color: #5dc744;
}

.events-edit-state-section .title.waitlist {
  color: #16becc;
}

.events-edit-state-section .title.canceled {
  opacity: .5;
}

.events-edit-state-section .dynamic-list {
  padding: 0;
}

.events-edit-state-section .pagination {
  float: right;
  height: 22px;
  line-height: 22px;
  padding: 0;
}

.events-edit-state-section .pagination .link {
  top: -1px;
}

.events-edit-state-section .pagination .page-count {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  height: 22px;
  line-height: 22px;
}

.event-edit-shifts-titlebar {
  margin-bottom: 10px;
}

.event-edit-shifts-titlebar h1 {
  float: left;
  margin-bottom: 0!important;
}

.event-edit-shifts-titlebar .pagination {
  padding: 0;
  float: right;
  height: 22px;
  line-height: 22px;
  position: relative;
  top: 3px;
  margin-left: 10px;
}

.event-edit-shifts-titlebar .pagination .link {
  top: 0;
}

.event-edit-shifts-titlebar .pagination .page-count {
  height: 22px;
  line-height: 22px;
}

.add-new-shift-button {
  margin-right: 0;
  padding-right: 0;
  float: left;
  position: relative;
  top: -2px;
}

.event-buttons-block {
  margin-bottom: 40px;
}

.event-buttons-block .event-edit-details-button,
.event-buttons-block .event-view-page-button {
  top: 0;
  margin: 0;
  padding-left: 0;
  display: block;
}

.friendly-participations-list {
  list-style: none;
  margin: 0 auto;
}

.friendly-participations-list .no-entries {
  margin-bottom: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.friendly-participations-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 20px;
  float: left;
  width: 120px;
}

.friendly-participations-list li .friendly-person-avatar {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

.friendly-participations-list li .friendly-entry-name,
.friendly-participations-list li .participation-name,
.friendly-participations-list li .participation-time {
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.friendly-participations-list li .friendly-entry-name {
  margin-bottom: 3px;
}

.friendly-participations-list li .friendly-entry-name {
  font-size: 12px;
}

.friendly-participations-list li .participation-name,
.friendly-participations-list li .participation-time {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.events_index_view,
.events_roles_view {
  background: #f3f2f3;
}

.events_index_view .tabbed-content,
.events_roles_view .tabbed-content {
  padding: 0;
}

.events_index_view .scrolling-content-wrapper,
.events_roles_view .scrolling-content-wrapper {
  padding-top: 0;
  top: 25px;
}

.events_index_view .scrolling-content,
.events_roles_view .scrolling-content {
  padding-top: 0;
}

.events_index_view .entry-actions-pagination,
.events_roles_view .entry-actions-pagination {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}

.events_index_view .page-action-buttons,
.events_roles_view .page-action-buttons {
  margin: 0 auto;
}

.events_index_view .scrolling-sidebar-wrapper,
.events_roles_view .scrolling-sidebar-wrapper {
  padding: 20px;
  padding-top: 13px;
}

.events_index_view .sidebar li:last-child,
.events_roles_view .sidebar li:last-child {
  margin-top: 40px;
}

.events_roles_view .roles .scrolling-content-wrapper {
  top: 65px;
}

.events_roles_view h1 {
  float: left;
}

.events_roles_view .create-role-button {
  float: right;
  top: -4px;
}

.events_roles_view .pagination {
  position: relative;
  top: -8px;
}

.events_roles_view .entry-actions {
  padding: 25px 20px 0 20px;
  background: #fff;
}

.events_roles_view .roles-list .meta {
  max-width: 200px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.events_roles_view .roles-list .general-list-button {
  float: right;
  height: 40px;
  line-height: 40px;
}

.events_roles_view .roles-list .general-list-button .sprite {
  top: 9px;
}

.events_roles_view .roles-list .general-list-button.selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.events-manage .tabbed-content-wrapper.contacts,
.people-index .tabbed-content-wrapper.contacts {
  right: 380px;
}

.events-manage .full-card,
.events-manage .sidebar,
.events-manage .tabbed-content-wrapper,
.people-index .full-card,
.people-index .sidebar,
.people-index .tabbed-content-wrapper {
  top: 75px;
}

.events-manage .tabbed-content,
.people-index .tabbed-content {
  padding: 0;
}

.events-manage .sidebar .sidebar-list,
.people-index .sidebar .sidebar-list {
  padding-top: 0;
}

.events-manage .sidebar .scrolling-sidebar-wrapper,
.people-index .sidebar .scrolling-sidebar-wrapper {
  padding: 20px;
}

.events-manage .scrolling-content,
.people-index .scrolling-content {
  padding: 15px 0;
}

.events-manage .app-page .full-card,
.people-index .app-page .full-card {
  border-width: 0 0 0 1px;
}

.events-manage .pagination {
  bottom: -1px!important;
  right: -1px!important;
}

.shift-graph {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.shift-graph {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 200;
  overflow: hidden;
  background: #e8f3f7;
  overflow-y: auto;
}

.shift-graph-graph-view,
.shift-graph-title-section {
  position: absolute;
  top: 0;
  height: 100%;
}

.shift-graph-title-section {
  left: 0;
  background-color: #e0eff4;
  width: 240px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 20px 0 20px;
  list-style: none;
}

.shift-graph-row {
  height: 40px;
  line-height: 40px;
  position: relative;
}

.shift-graph-row .title {
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.loaded .shift-graph-row .title {
  transition: color .5s ease;
  -ms-transition: color .5s ease;
  -webkit-transition: color .5s ease;
}

.shift-graph-row .title:hover {
  color: #16becc;
}

.shift-graph-graph-view {
  background: 0 0;
  overflow: hidden;
  padding-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: move;
}

.shift-graph-details-section {
  position: absolute;
  top: 40px;
  right: 10px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  -webkit-box-shadow: 0 3px 8px RGBA(0,0,0,.2);
  box-shadow: 0 3px 8px RGBA(0,0,0,.2);
}

.shift-graph-details-section .shift-graph-details-header {
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.shift-graph-details-section .cta {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  padding: 0 20px;
}

.shift-graph-details-section .footnote {
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
}

.shift-graph-details-section .shift-counter {
  font-size: 12px;
  line-height: 200%;
}

.shift-graph-details-section .shift-counter .label {
  float: left;
}

.shift-graph-details-section .shift-counter .count {
  float: right;
}

.shift-graph-details-section .shift-counter.shift-confirmed {
  color: #5dc744;
}

.shift-graph-details-section .shift-counter.needs-review {
  color: #16becc;
}

.shift-graph-details-section .pie-chart {
  position: relative;
  display: table;
}

.shift-graph-details-section .pie-chart .pie-wrapper {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
}

.shift-graph-details-section .pie-chart .legend {
  display: table-cell;
  vertical-align: middle;
  width: 120px;
  line-height: 200%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.shift-graph-details-section .pie-chart .legend .count {
  font-size: 10px;
}

.shift-graph-details-section .pie-chart .unread {
  float: right;
  background: #16becc;
  color: #fff;
  padding: 0 6px;
  height: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  line-height: 20px;
  font-size: 10px;
  padding: 0 4px;
  margin-right: -4px;
  height: 15px;
  line-height: 15px;
  position: relative;
  top: 0;
}

.shift-graph-details-section .shift-meta {
  margin-bottom: 10px;
}

.shift-graph-details-section .shift-meta .shift-title {
  margin-bottom: 8px;
}

.shift-graph-details-section .shift-meta .shift-time {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  margin-bottom: 20px;
}

.shift-graph-shift {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 22px;
  top: 9px;
  background: 0 0;
  border: 1px solid transparent;
}

.shift-graph-shift.selected {
  background-color: #e0eff4;
  border: 1px solid #16becc;
  -webkit-box-shadow: 0 5px 10px RGBA(0,0,0,.3);
  box-shadow: 0 5px 10px RGBA(0,0,0,.3);
}

.shift-graph-shift.ghost {
  opacity: .5;
}

.shift-graph-shift-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #60545c;
  position: absolute;
  cursor: pointer;
}

.loaded .shift-graph-shift-inner {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.shift-graph-shift-inner:hover {
  border-color: #16becc;
}

.shift-graph-shift.selected .shift-graph-shift-inner {
  border-color: #16becc;
}

.shift-graph-progress {
  position: absolute;
  background: #5dc744;
}

.sidebar-shift-meta {
  margin-bottom: 10px;
}

.sidebar-shift-meta .sidebar-shift-title {
  margin-bottom: 8px;
}

.sidebar-shift-meta .sidebar-shift-time {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  margin-bottom: 8px;
}

.sidebar-br,
.sidebar-hr {
  margin: 20px 0;
  height: 1px;
}

.sidebar-select-all {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #16becc;
}

.sidebar-entry {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 10px 0;
  position: relative;
}

.sidebar-entry input[type=checkbox] {
  text-align: center;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  -ms-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
  margin-right: 10px;
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
  overflow: hidden;
}

.sidebar-entry input[type=checkbox].checked,
.sidebar-entry input[type=checkbox]:checked {
  background: #fff;
}

.sidebar-entry input[type=checkbox].checked:before,
.sidebar-entry input[type=checkbox]:checked:before {
  color: #16becc;
}

.sidebar-entry input[type=checkbox]:before {
  font-size: 10px;
  position: relative;
  top: -4px;
}

.sidebar-entry .title {
  cursor: pointer;
  color: #60545c;
  font-size: 13px;
}

.loaded .sidebar-entry .title {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.sidebar-entry .title:hover {
  color: #16becc;
}

.sidebar-entry .meta {
  float: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.sidebar-entry .count,
.sidebar-entry .total,
.sidebar-entry .unread,
.sidebar-entry .unread-count {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  font-size: 10px;
}

.sidebar-entry .unread,
.sidebar-entry .unread-count {
  position: relative;
  float: right;
  background: #16becc;
  color: #fff;
  padding: 0 6px;
  height: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  line-height: 20px;
  font-size: 10px;
  top: 6px;
  right: -6px;
}

.sidebar-entry.selected {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0 10px;
}

.sidebar-entry.selected .count,
.sidebar-entry.selected .meta,
.sidebar-entry.selected .title,
.sidebar-entry.selected .total {
  color: #fff;
}

.sidebar-entry.selected .unread,
.sidebar-entry.selected .unread-count {
  color: #16becc;
  background: #fff;
}

.sidebar-entry.selected:hover {
  color: #fff!important;
}

.sidebar-entry.selected:hover .unread,
.sidebar-entry.selected:hover .unread-count {
  color: #16becc!important;
}

.shift-graph-time-divider,
.shift-graph-time-header {
  height: 30px;
  background: RGBA(0,0,255,.3);
  background: #e8f3f7;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.shift-graph-time-divider .time-header-tick,
.shift-graph-time-header .time-header-tick {
  border-left-style: solid;
  border-left-color: #fff;
  position: absolute;
  top: 0;
}

.shift-graph-time-divider .time-header-tick.bookend,
.shift-graph-time-header .time-header-tick.bookend {
  background: #e0eff4;
}

.shift-graph-time-header {
  z-index: 1;
}

.shift-graph-time-header.draggable {
  cursor: row-resize;
}

.shift-graph-time-header .time-header-tick {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #60545c;
}

.shift-graph-time-header .time-header-label {
  line-height: 30px;
  margin-left: 8px;
}

.shift-graph-time-divider {
  height: auto;
  bottom: 0;
}

.shift-graph-dates {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  overflow: hidden;
  z-index: 1;
}

.shift-graph-dates-wrapper,
.shift-navigation-buttons {
  position: absolute;
  right: 5px;
  top: 4px;
  background: #fff;
  height: 20px;
  padding: 0 6px;
}

.shift-graph-dates-wrapper .home-button,
.shift-graph-dates-wrapper .next,
.shift-graph-dates-wrapper .prev,
.shift-navigation-buttons .home-button,
.shift-navigation-buttons .next,
.shift-navigation-buttons .prev {
  float: left;
}

.shift-graph-dates-wrapper .next,
.shift-graph-dates-wrapper .prev,
.shift-navigation-buttons .next,
.shift-navigation-buttons .prev {
  position: relative;
  top: -1px;
  cursor: pointer;
}

.shift-graph-dates-wrapper .prev,
.shift-navigation-buttons .prev {
  margin-right: 8px;
  border-right: 1px;
}

.shift-graph-dates-wrapper .home-button,
.shift-graph-dates-wrapper .time-label,
.shift-navigation-buttons .home-button,
.shift-navigation-buttons .time-label {
  margin-right: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  color: #16becc;
  line-height: 20px;
}

.shift-graph-dates-wrapper {
  left: 5px;
  padding: 0 20px;
}

.shift-graph-dates-wrapper .time-label {
  text-align: center;
  color: #60545c;
}

.shift-graph-dates-wrapper .next,
.shift-graph-dates-wrapper .prev {
  position: absolute;
  top: -1px;
}

.shift-graph-dates-wrapper .prev {
  left: 6px;
}

.shift-graph-dates-wrapper .next {
  position: absolute;
  right: 6px;
}

.participation-entry .participation-hours,
.participation-entry .participation-name,
.participation-entry .participation-skills,
.submission-entry .participation-hours,
.submission-entry .participation-name,
.submission-entry .participation-skills {
  margin-right: 10px;
}

.participation-entry .participation-time,
.submission-entry .participation-time {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.participation-entry .state-and-buttons,
.submission-entry .state-and-buttons {
  background: #fff;
}

.participation-entry .unread-dot,
.submission-entry .unread-dot {
  float: right;
  position: relative;
  top: 10px;
}

.participation-entry .state-and-buttons,
.submission-entry .state-and-buttons {
  padding-left: 5px;
  position: absolute;
  top: 6px;
  right: 0;
}

.participation-entry .state-and-buttons .participation-state.approved,
.submission-entry .state-and-buttons .participation-state.approved {
  top: 6px;
}

.participation-entry .participation-item-button-bar,
.participation-entry .submission-item-button-bar,
.submission-entry .participation-item-button-bar,
.submission-entry .submission-item-button-bar {
  float: right;
  position: relative;
  top: 3px;
  right: -5px;
}

.participation-entry .participation-item-button-bar .center-wrapper,
.participation-entry .submission-item-button-bar .center-wrapper,
.submission-entry .participation-item-button-bar .center-wrapper,
.submission-entry .submission-item-button-bar .center-wrapper {
  float: right;
}

.participation-entry:hover .participation-item-button.primary,
.submission-entry:hover .participation-item-button.primary {
  color: #fff!important;
}

.participation-entry.selected .state-and-buttons,
.submission-entry.selected .state-and-buttons {
  background: #e8f3f7;
  right: 9px;
}

.participation-entry.conflict .warning-icon,
.submission-entry.conflict .warning-icon {
  position: relative;
  top: 8px;
  margin-right: 4px;
}

.participation-entry.cancelation-acknowledged .entry-name,
.participation-entry.cancelation-acknowledged .participation-name,
.participation-entry.cancelation-acknowledged .participation-time,
.participation-entry.cancelation-acknowledged .person-avatar,
.participation-entry.unavailable .entry-name,
.participation-entry.unavailable .participation-name,
.participation-entry.unavailable .participation-time,
.participation-entry.unavailable .person-avatar,
.submission-entry.cancelation-acknowledged .entry-name,
.submission-entry.cancelation-acknowledged .participation-name,
.submission-entry.cancelation-acknowledged .participation-time,
.submission-entry.cancelation-acknowledged .person-avatar,
.submission-entry.unavailable .entry-name,
.submission-entry.unavailable .participation-name,
.submission-entry.unavailable .participation-time,
.submission-entry.unavailable .person-avatar {
  opacity: .6;
}

.participation-entry .state-and-buttons .participation-state,
.profile-card-participations .profile-card-participation .participation-state .participation-state,
.submission-entry .state-and-buttons .participation-state {
  float: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.participation-entry .state-and-buttons .participation-state.available,
.profile-card-participations .profile-card-participation .participation-state .participation-state.available,
.submission-entry .state-and-buttons .participation-state.available {
  color: #60545c;
}

.participation-entry .state-and-buttons .participation-state.accepted,
.profile-card-participations .profile-card-participation .participation-state .participation-state.accepted,
.submission-entry .state-and-buttons .participation-state.accepted {
  color: #5dc744;
}

.participation-entry .state-and-buttons .participation-state.waiting-list,
.profile-card-participations .profile-card-participation .participation-state .participation-state.waiting-list,
.submission-entry .state-and-buttons .participation-state.waiting-list {
  color: #60545c;
}

.participation-entry .state-and-buttons .participation-state.unavailable,
.profile-card-participations .profile-card-participation .participation-state .participation-state.unavailable,
.submission-entry .state-and-buttons .participation-state.unavailable {
  opacity: .5;
}

.participation-entry .state-and-buttons .participation-state.cancelation-acknowledged,
.profile-card-participations .profile-card-participation .participation-state .participation-state.cancelation-acknowledged,
.submission-entry .state-and-buttons .participation-state.cancelation-acknowledged {
  opacity: .5;
}

.table-controls .styled-select-container .table-control-button-label {
  text-align: left;
  margin-left: 8px;
}

.table-controls .label {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-controls .label,
.table-controls select {
  height: 30px;
  line-height: 30px;
}

.events-manage .table-controls-left-group,
.people-index .table-controls-left-group {
  float: left;
  width: 216px;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.people-index .table-controls-left-group .create-new-group {
  top: 3px;
  position: relative;
}

.people-index .table-controls-left-group .input__text {
  height: 32px;
  font-size: 12px;
}

.people-index .table-controls-left-group .add-group,
.people-index .table-controls-left-group .cancel-create-group {
  height: 22px;
  line-height: 22px;
}

.people-index .table-controls-left-group .add-group {
  float: right;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .people-index .table-controls-left-group .add-group {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.events-schedule h4 {
  margin-bottom: 10px;
}

.events-schedule .dynamic-list {
  padding: 0;
}

.events-schedule .dynamic-list-entry {
  position: relative;
}

.events-schedule .content-titlebar .back-button {
  border-right: 1px solid #b4d6e1;
  margin-right: 15px;
  padding-right: 15px;
}

.events-schedule .content-titlebar h1 {
  width: auto;
  float: left;
  position: relative;
  top: 0;
  left: 0;
  font-size: 20px;
}

.events-schedule .content-titlebar .split-button-wrapper {
  position: absolute;
  top: 4px;
  left: 50%;
  float: left;
}

.events-schedule .content-titlebar .split-button-wrapper .split-button-standard {
  position: relative;
  left: -50%;
  float: left;
}

.events-schedule .table-controls .sidebar-button-block {
  width: 255px;
  float: left;
  margin-right: 4px;
}

.events-schedule .table-controls .sidebar-button-block .fr .table-control-button {
  margin-right: 10px;
}

.events-schedule .table-controls .table-control-button.selected .button-core {
  background-color: #16becc;
}

.events-schedule .table-controls .outbox-button {
  float: right;
}

.events-schedule .table-controls .applications-button {
  float: right;
}

.events-schedule .applications,
.events-schedule .credit,
.events-schedule .full-card,
.events-schedule .nothing-to-show,
.events-schedule .outbox,
.events-schedule .schedule,
.events-schedule .shifts {
  position: absolute;
  top: 75px;
  bottom: 0;
  overflow: hidden;
}

.events-schedule .schedule,
.events-schedule .shifts {
  top: 0;
}

.events-schedule .applications,
.events-schedule .nothing-to-show,
.events-schedule .outbox {
  left: 0;
  right: 0;
}

.events-schedule .nothing-to-show {
  text-align: center;
}

.events-schedule .nothing-to-show h1 {
  margin-top: 2em;
}

.events-schedule .credit {
  left: 270px;
  right: 0;
}

.events-schedule .shifts {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 270px;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.loaded .events-schedule .shifts {
  transition: bottom .3s ease-in-out;
  -ms-transition: bottom .3s ease-in-out;
  -webkit-transition: bottom .3s ease-in-out;
}

.events-schedule .shifts.collapse {
  bottom: 50px;
}

.events-schedule .shifts .scrolling-content-wrapper {
  padding: 15px;
  padding-top: 30px;
}

.events-schedule .shifts .scrolling-content {
  padding: 0;
}

.events-schedule .participation-states {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 275px;
  height: 0;
}

.loaded .events-schedule .participation-states {
  transition: height .2s ease-in-out;
  -ms-transition: height .2s ease-in-out;
  -webkit-transition: height .2s ease-in-out;
}

.events-schedule .participation-states.expand {
  height: 50px;
}

.events-schedule .participation-states.expand:hover {
  height: 70px;
}

.events-schedule .participation-states-main {
  padding: 5px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.events-schedule .participation-states-main label {
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.events-schedule .participation-states-main input {
  margin-right: 8px;
}

.events-schedule .participation-states-main .participation-states-header {
  height: 0;
  line-height: 0;
  background: #e0eff4;
  border-bottom: 1px solid #fff;
  padding: 0 10px;
}

.events-schedule .participation-states-main .participation-states-header .title {
  float: left;
}

.events-schedule .participation-states-main .participation-states-header .close-button {
  float: right;
}

.events-schedule .participation-states-main .checkboxes {
  line-height: 40px;
  padding: 0 10px;
}

.events-schedule .participation-states-main .state-toggle {
  float: left;
  font-size: 11px;
  height: 20px;
  line-height: 22px;
  width: 50%;
  cursor: pointer;
  font-size: 10px;
  text-transform: uppercase;
}

.loaded .events-schedule .participation-states-main .state-toggle {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.events-schedule .participation-states-main .state-toggle:hover {
  color: #16becc;
}

.events-schedule .participation-states-main .state-toggle.selected {
  color: #60545c;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .events-schedule .participation-states-main .state-toggle.selected {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.events-schedule .participation-states-main .state-toggle .status-key {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid #00f;
  background: red;
  position: relative;
  top: 1px;
  margin-right: 4px;
}

.events-schedule .participation-states-main .state-toggle .status-key.confirmed {
  border-color: #03658c;
  background: #24b4c3;
}

.events-schedule .participation-states-main .state-toggle .status-key.waiting {
  border-color: #007216;
  background: #d0ecc8;
}

.events-schedule .participation-states-main .state-toggle .status-key.requested {
  border-color: #007216;
  background: #92d684;
}

.events-schedule .participation-states-main .state-toggle .status-key.invited {
  border-color: #adadad;
  background: #e7e5e7;
}

.events-schedule .participation-states-main .state-toggle .status-key.canceled {
  border-color: #fff;
  background: #d9402b;
}

.events-schedule .participation-states-main .state-toggle .status-key.rejected {
  border-color: #989095;
  background: #fff;
}

.events-schedule .schedule {
  left: 270px;
  right: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.events-schedule .schedule-dividers,
.events-schedule .schedule-header,
.events-schedule .schedule-main {
  position: absolute;
  left: 0;
  right: 0;
}

.events-schedule .schedule-header {
  top: 0;
  height: 50px;
}

.events-schedule .schedule-dividers {
  left: 275px;
  top: 50px;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.events-schedule .schedule-dividers .schedule-divider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-left: 1px solid #f5f5f5;
}

.events-schedule .schedule-dividers .schedule-divider.midnight {
  border-left-width: 3px;
}

.events-schedule .schedule-dividers .schedule-divider.weekend {
  background: #fafaf8;
}

.events-schedule .vertical-section-divider {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 275px;
}

.events-schedule .schedule-contacts-header,
.events-schedule .schedule-shifts-header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  height: 50px;
  overflow: hidden;
}

.events-schedule .schedule-contacts-header .title,
.events-schedule .schedule-shifts-header .title {
  font-size: 14px;
}

.events-schedule .schedule-contacts-header .year,
.events-schedule .schedule-shifts-header .year {
  margin-left: 3px;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .events-schedule .schedule-contacts-header .year,
.fonts-loaded .events-schedule .schedule-shifts-header .year {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.events-schedule .schedule-contacts-header {
  left: 0;
  width: 275px;
  overflow: visible;
}

.events-schedule .schedule-contacts-header .header-title-block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 15px 5px 15px;
}

.events-schedule .schedule-contacts-header .offset-border {
  position: absolute;
  bottom: -1px;
  left: 15px;
  right: 0;
  height: 1px;
}

.events-schedule .schedule-contacts-header .pagination {
  height: 20px;
  margin-top: 2px;
  line-height: 20px;
}

.events-schedule .schedule-contacts-header .pagination .page-count {
  height: 20px;
  line-height: 20px;
}

.events-schedule .schedule-contacts-header .pagination .sprite {
  top: -8px;
}

.events-schedule .filter-state-block {
  float: left;
  margin-top: 3px;
}

.events-schedule .filter-state-block .filter-by {
  margin-right: 4px;
}

.events-schedule .filter-state-block .filter-by-button {
  line-height: 20px;
}

.events-schedule .filter-state-block .sprite {
  float: none;
  top: -4px;
}

.events-schedule .schedule-shifts-header {
  left: 275px;
  right: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

.events-schedule .schedule-shifts-header .header-title-block {
  padding: 7px 10px 5px 10px;
}

.events-schedule .day-week-toggle {
  position: absolute;
  top: 5px;
  right: 5px;
}

.events-schedule .schedule-main {
  top: 50px;
  bottom: 0;
  overflow-x: hidden;
}

.events-schedule .schedule-contacts-list,
.events-schedule .schedule-shifts-list {
  position: absolute;
  top: 0;
  bottom: 0;
}

.events-schedule .schedule-contacts-list {
  left: 0;
  background: #fff;
  width: 275px;
}

.events-schedule .schedule-contacts-list .dynamic-list {
  background: #fff;
  padding-left: 15px;
}

.events-schedule .schedule-contacts-list .dynamic-list-entry.selected {
  width: auto;
  margin-right: -1px;
}

.events-schedule .schedule-shifts-list {
  left: 275px;
  right: 0;
  cursor: ew-resize;
}

.events-schedule .schedule-shifts-list .schedule-shifts-list-items {
  list-style: none;
}

.events-schedule .schedule-shifts-list .schedule-shifts-list-item {
  padding: 5px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  height: 36px;
  line-height: 36px;
  width: 100%;
  position: relative;
}

.events-schedule .schedule-shifts-list .schedule-shifts-list-item:first-child {
  border-top-width: 1px;
}

.events-schedule .schedule-shifts-list .schedule-shifts-list-item:last-child {
  border-bottom-width: 1px;
}

.events-schedule .hour-label {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  height: 20px;
  padding-left: 0;
  top: 30px;
  padding-top: 2px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.events-schedule .schedule-contacts-show-all,
.events-schedule .schedule-contacts-show-filtered,
.events-schedule .schedule-contacts-show-interested {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  padding: 3px 7px;
  margin: 0 2px;
  float: left;
  background-color: #666;
  color: #fff;
}

.events-schedule .schedule-contacts-show-all.selected,
.events-schedule .schedule-contacts-show-filtered.selected,
.events-schedule .schedule-contacts-show-interested.selected {
  color: #fff;
  background-color: #1ca8b4;
}

.participation-container {
  line-height: initial;
  cursor: pointer;
  min-width: 10px;
}

.participation-core .participation-background {
  border: 1px solid #fff;
}

.participation-core:hover .participation-background {
  border-color: #16becc!important;
}

.inline-changed-participation-state-after,
.inline-changed-participation-state-before,
.participation-container {
  color: #00f;
}

.inline-changed-participation-state-after .participation-background,
.inline-changed-participation-state-before .participation-background,
.participation-container .participation-background {
  background: red;
  opacity: .8;
}

.inline-changed-participation-state-after.accepted,
.inline-changed-participation-state-before.accepted,
.participation-container.accepted {
  color: #03658c;
}

.inline-changed-participation-state-after.accepted .participation-background,
.inline-changed-participation-state-before.accepted .participation-background,
.participation-container.accepted .participation-background {
  background: #24b4c3;
}

.inline-changed-participation-state-after.waiting_list,
.inline-changed-participation-state-before.waiting_list,
.participation-container.waiting_list {
  color: #007216;
}

.inline-changed-participation-state-after.waiting_list .participation-background,
.inline-changed-participation-state-before.waiting_list .participation-background,
.participation-container.waiting_list .participation-background {
  background: #d0ecc8;
}

.inline-changed-participation-state-after.requested,
.inline-changed-participation-state-before.requested,
.participation-container.requested {
  color: #007216;
}

.inline-changed-participation-state-after.requested .participation-background,
.inline-changed-participation-state-before.requested .participation-background,
.participation-container.requested .participation-background {
  background: #92d684;
}

.inline-changed-participation-state-after.invited,
.inline-changed-participation-state-before.invited,
.participation-container.invited {
  color: #adadad;
}

.inline-changed-participation-state-after.invited .participation-background,
.inline-changed-participation-state-before.invited .participation-background,
.participation-container.invited .participation-background {
  border: 1px solid #adadad;
  background: #e7e5e7;
}

.inline-changed-participation-state-after.changed,
.inline-changed-participation-state-before.changed,
.participation-container.changed {
  color: #a3dce2;
}

.inline-changed-participation-state-after.changed .participation-background,
.inline-changed-participation-state-before.changed .participation-background,
.participation-container.changed .participation-background {
  border: 1px solid #a3dce2;
  background: #fff;
}

.inline-changed-participation-state-after.invitation_accepted,
.inline-changed-participation-state-before.invitation_accepted,
.participation-container.invitation_accepted {
  color: #03658c;
}

.inline-changed-participation-state-after.invitation_accepted .participation-background,
.inline-changed-participation-state-before.invitation_accepted .participation-background,
.participation-container.invitation_accepted .participation-background {
  background: #a3dce2;
}

.inline-changed-participation-state-after.called_off,
.inline-changed-participation-state-after.cancelation_acknowledged,
.inline-changed-participation-state-after.no_show,
.inline-changed-participation-state-before.called_off,
.inline-changed-participation-state-before.cancelation_acknowledged,
.inline-changed-participation-state-before.no_show,
.participation-container.called_off,
.participation-container.cancelation_acknowledged,
.participation-container.no_show {
  color: #989095;
}

.inline-changed-participation-state-after.called_off .participation-background,
.inline-changed-participation-state-after.cancelation_acknowledged .participation-background,
.inline-changed-participation-state-after.no_show .participation-background,
.inline-changed-participation-state-before.called_off .participation-background,
.inline-changed-participation-state-before.cancelation_acknowledged .participation-background,
.inline-changed-participation-state-before.no_show .participation-background,
.participation-container.called_off .participation-background,
.participation-container.cancelation_acknowledged .participation-background,
.participation-container.no_show .participation-background {
  border: 1px solid #989095;
  background: #fff;
}

.inline-changed-participation-state-after.rejected,
.inline-changed-participation-state-before.rejected,
.participation-container.rejected {
  color: #989095;
}

.inline-changed-participation-state-after.rejected .participation-background,
.inline-changed-participation-state-before.rejected .participation-background,
.participation-container.rejected .participation-background {
  border: 1px solid #989095;
  background: #fff;
}

.inline-changed-participation-state-after.conflict,
.inline-changed-participation-state-before.conflict,
.participation-container.conflict {
  color: #fff;
}

.inline-changed-participation-state-after.conflict .participation-background,
.inline-changed-participation-state-before.conflict .participation-background,
.participation-container.conflict .participation-background {
  background: #d9402b;
}

.inline-changed-participation-state-after.unavailable1 .participation-core,
.inline-changed-participation-state-before.unavailable1 .participation-core,
.participation-container.unavailable1 .participation-core {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
}

.inline-changed-participation-state-after.available,
.inline-changed-participation-state-before.available,
.participation-container.available {
  color: #007216;
}

.inline-changed-participation-state-after.available .participation-background,
.inline-changed-participation-state-before.available .participation-background,
.participation-container.available .participation-background {
  border-color: #b5e3e8;
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg,#e5f5f7 25%,transparent 25%,transparent 50%,#e5f5f7 50%,#e5f5f7 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,#e5f5f7 25%,transparent 25%,transparent 50%,#e5f5f7 50%,#e5f5f7 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,#e5f5f7 25%,transparent 25%,transparent 50%,#e5f5f7 50%,#e5f5f7 75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(45deg,#e5f5f7 25%,transparent 25%,transparent 50%,#e5f5f7 50%,#e5f5f7 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,#e5f5f7 25%,transparent 25%,transparent 50%,#e5f5f7 50%,#e5f5f7 75%,transparent 75%,transparent);
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  opacity: .8;
}

.inline-changed-participation-state-after.unavailable .participation-background,
.inline-changed-participation-state-before.unavailable .participation-background,
.participation-container.unavailable .participation-background {
  background-color: #fff;
  border-color: #ddd;
  background-image: -webkit-linear-gradient(45deg,#f6f6f6 25%,transparent 25%,transparent 50%,#f6f6f6 50%,#f6f6f6 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,#f6f6f6 25%,transparent 25%,transparent 50%,#f6f6f6 50%,#f6f6f6 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,#f6f6f6 25%,transparent 25%,transparent 50%,#f6f6f6 50%,#f6f6f6 75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(45deg,#f6f6f6 25%,transparent 25%,transparent 50%,#f6f6f6 50%,#f6f6f6 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,#f6f6f6 25%,transparent 25%,transparent 50%,#f6f6f6 50%,#f6f6f6 75%,transparent 75%,transparent);
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  opacity: .8;
}

.inline-changed-participation-state-after.canceled,
.inline-changed-participation-state-before.canceled,
.participation-container.canceled {
  color: #fff;
}

.inline-changed-participation-state-after.canceled .participation-background,
.inline-changed-participation-state-before.canceled .participation-background,
.participation-container.canceled .participation-background {
  border: 1px solid #fff;
  background-color: #ecb9c0;
  background-image: -webkit-linear-gradient(45deg,#d9402b 25%,transparent 25%,transparent 50%,#d9402b 50%,#d9402b 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,#d9402b 25%,transparent 25%,transparent 50%,#d9402b 50%,#d9402b 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,#d9402b 25%,transparent 25%,transparent 50%,#d9402b 50%,#d9402b 75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(45deg,#d9402b 25%,transparent 25%,transparent 50%,#d9402b 50%,#d9402b 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,#d9402b 25%,transparent 25%,transparent 50%,#d9402b 50%,#d9402b 75%,transparent 75%,transparent);
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
}

.inline-changed-participation-state-after.blur,
.inline-changed-participation-state-before.blur,
.participation-container.blur {
  opacity: .3;
}

.inline-changed-participation-state-after.blur .participation-background,
.inline-changed-participation-state-before.blur .participation-background,
.participation-container.blur .participation-background {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.inline-changed-participation-state-after.blur.called_off,
.inline-changed-participation-state-after.blur.cancelation_acknowledged,
.inline-changed-participation-state-after.blur.no_show,
.inline-changed-participation-state-before.blur.called_off,
.inline-changed-participation-state-before.blur.cancelation_acknowledged,
.inline-changed-participation-state-before.blur.no_show,
.participation-container.blur.called_off,
.participation-container.blur.cancelation_acknowledged,
.participation-container.blur.no_show {
  opacity: .8;
}

.inline-changed-participation-state-after.focus .participation-background,
.inline-changed-participation-state-before.focus .participation-background,
.participation-container.focus .participation-background {
  border-color: #16becc!important;
}

.inline-changed-participation-state-after.highlit,
.inline-changed-participation-state-before.highlit,
.participation-container.highlit {
  color: #fff!important;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.inline-changed-participation-state-after.highlit .participation-background,
.inline-changed-participation-state-before.highlit .participation-background,
.participation-container.highlit .participation-background {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  border: 1px solid #fff;
}

.inline-changed-participation-state-after.highlit.accepted .participation-background,
.inline-changed-participation-state-before.highlit.accepted .participation-background,
.participation-container.highlit.accepted .participation-background {
  background: #03658c;
}

.inline-changed-participation-state-after.highlit.waiting_list .participation-background,
.inline-changed-participation-state-before.highlit.waiting_list .participation-background,
.participation-container.highlit.waiting_list .participation-background {
  background: #007216;
}

.inline-changed-participation-state-after.highlit.requested .participation-background,
.inline-changed-participation-state-before.highlit.requested .participation-background,
.participation-container.highlit.requested .participation-background {
  background: #007216;
}

.inline-changed-participation-state-after.highlit.invited .participation-background,
.inline-changed-participation-state-before.highlit.invited .participation-background,
.participation-container.highlit.invited .participation-background {
  background: #adadad;
}

.inline-changed-participation-state-after.highlit.changed .participation-background,
.inline-changed-participation-state-before.highlit.changed .participation-background,
.participation-container.highlit.changed .participation-background {
  background: #a3dce2;
}

.inline-changed-participation-state-after.highlit.invitation_accepted .participation-background,
.inline-changed-participation-state-before.highlit.invitation_accepted .participation-background,
.participation-container.highlit.invitation_accepted .participation-background {
  background: #03658c;
}

.inline-changed-participation-state-after.highlit.available .participation-background,
.inline-changed-participation-state-before.highlit.available .participation-background,
.participation-container.highlit.available .participation-background {
  background: #92d684;
}

.inline-changed-participation-state-after.highlit.unavailable1 .participation-background,
.inline-changed-participation-state-before.highlit.unavailable1 .participation-background,
.participation-container.highlit.unavailable1 .participation-background {
  border: 1px solid #565656;
  background: #565656;
}

.inline-changed-participation-state-after.highlit.canceled .participation-background,
.inline-changed-participation-state-before.highlit.canceled .participation-background,
.participation-container.highlit.canceled .participation-background {
  background: #fff;
}

.inline-changed-participation-state-after.highlit.called_off .participation-background,
.inline-changed-participation-state-after.highlit.cancelation_acknowledged .participation-background,
.inline-changed-participation-state-after.highlit.no_show .participation-background,
.inline-changed-participation-state-before.highlit.called_off .participation-background,
.inline-changed-participation-state-before.highlit.cancelation_acknowledged .participation-background,
.inline-changed-participation-state-before.highlit.no_show .participation-background,
.participation-container.highlit.called_off .participation-background,
.participation-container.highlit.cancelation_acknowledged .participation-background,
.participation-container.highlit.no_show .participation-background {
  background: #989095;
}

.inline-changed-participation-state-after.highlit.rejected .participation-background,
.inline-changed-participation-state-before.highlit.rejected .participation-background,
.participation-container.highlit.rejected .participation-background {
  background: #989095;
}

.inline-changed-participation-state-after.highlit.conflict .participation-background,
.inline-changed-participation-state-before.highlit.conflict .participation-background,
.participation-container.highlit.conflict .participation-background {
  background: #fff;
}

.participation-background,
.participation-container,
.participation-content,
.participation-core {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
}

.participation-core {
  top: 1px;
  bottom: 1px;
}

.participation-background,
.participation-core {
  left: 0;
  right: 0;
}

.participation-content {
  left: 0;
  right: 4px;
  bottom: 3px;
  top: 1px;
  padding: 6px 8px;
}

.participation-content .shift-name {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .participation-content .shift-name {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.participation-content .status {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
}

.shifts-list-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px 15px;
}

.shifts-list-controls .role-date-toggle {
  margin-top: -1px;
}

.shifts-list-controls .group-shifts-by {
  float: left;
}

.shifts-list-controls .group-shifts-by .group-by-button,
.shifts-list-controls .group-shifts-by .label,
.shifts-list-controls .group-shifts-by .qualifier,
.shifts-list-controls .group-shifts-by .sprite {
  float: left;
}

.shifts-list-controls .group-shifts-by .qualifier {
  margin-right: 4px;
}

.shifts-list-controls .group-shifts-by .sprite {
  top: -4px;
}

.shifts-list-controls .clear-selected-shifts {
  margin-top: 4px;
  float: right;
}

.create-shift-button {
  float: right;
  line-height: 24px;
}

.shift-list-date,
.shift-list-role {
  cursor: pointer;
  margin: 10px 0 10px 0;
}

.loaded .shift-list-date,
.loaded .shift-list-role {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.shift-list-date:hover,
.shift-list-role:hover {
  color: #16becc;
}

.shift-list-date .title,
.shift-list-role .title {
  font-size: 16px;
  position: relative;
}

.shift-list-date .title .edit-role,
.shift-list-role .title .edit-role {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.shift-list-date .title:hover .edit-role,
.shift-list-role .title:hover .edit-role {
  display: inline-block;
}

.shift-list-date .shift-list-select-section,
.shift-list-role .shift-list-select-section {
  display: inline-block;
  float: right;
  margin-right: 0;
}

.shift-list-date .title {
  font-size: 14px;
}

.shift-list-shift .edit-button,
.shift-list-shift .repeating-icon {
  position: absolute;
}

.shift-list-shift .edit-button {
  bottom: 0;
  right: 0;
}

.shift-list-shift .repeating-icon {
  top: 0;
  right: 1px;
}

.shift-list-date-shifts {
  padding-bottom: 25px;
}

.shift-list-shift-times {
  left: 5px;
  width: 40px;
  font-size: 10px;
}

.shift-list-shift-details-other {
  zoom: 1;
}

.shift-list-shift-details-other:after,
.shift-list-shift-details-other:before {
  content: "";
  display: table;
}

.shift-list-shift-details-other:after {
  clear: both;
}

.shift-list-shift-details-progress,
.shift-list-shift-state {
  float: left;
  margin-right: 10px;
}

.shift-list-shift {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  height: 48px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: -1px;
}

.shift-list-shift .sprite {
  float: right;
  margin-top: 1px;
  margin-right: 1px;
}

.shift-list-shift .sprite.edit {
  cursor: pointer;
}

.shift-list-shift:hover {
  color: #16becc;
}

.shift-list-shift:hover .shift-end-at {
  color: #16becc;
}

.shift-list-shift.selected {
  border-top: 1px solid #16becc;
  border-bottom: 1px solid #16becc;
  background: #e8f3f7;
  z-index: 1;
}

.shift-list-shift.selected:first-child {
  margin-top: 0;
}

.shift-list-shift.canceled,
.shift-list-shift.draft {
  color: #aaa;
}

.shift-list-shift-details,
.shift-list-shift-progress,
.shift-list-shift-times {
  position: absolute;
  top: 6px;
  bottom: 0;
}

.shift-list-shift-details-name {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fonts-loaded .shift-list-shift-details-name {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.shift-list-shift-details-progress {
  font-size: 10px;
}

.shift-list-shift-progress {
  background-color: #ccc;
  top: auto;
  width: 2px;
  left: 45px;
}

.shift-list-shift-details {
  left: 47px;
  right: 5px;
}

.shift-list-shift-details,
.shift-list-shift-times {
  padding: 0;
}

.shift-list-shift-details {
  padding-right: 20px;
}

.inline-changed-participation {
  height: 46px;
  margin-top: -5px;
  margin-bottom: -5px;
  margin-right: 10px;
  display: inline-block;
}

.inline-changed-participation-states {
  width: 100px;
  height: 46px;
  position: relative;
  float: left;
}

.inline-changed-participation-states .from-to-state {
  width: 100%;
  position: absolute;
  top: 11px;
  left: 0;
  text-align: center;
}

.inline-changed-participation-states .from-to-state .sprite {
  float: none;
  display: inline-block;
}

.inline-changed-participation-state-after,
.inline-changed-participation-state-before {
  position: absolute;
  line-height: 14px;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 0;
  font-size: 11px;
  text-align: center;
}

.inline-changed-participation-state-before {
  top: 2px;
}

.inline-changed-participation-state-after {
  position: absolute;
  bottom: 2px;
}

.inline-changed-participation-shift {
  position: relative;
  font-size: 11px;
  float: left;
  width: 125px;
  height: 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 14px;
}

.inline-changed-participation-shift .participation-date,
.inline-changed-participation-shift .participation-name,
.inline-changed-participation-shift .participation-time {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.outbox .dynamic-list-entry {
  padding-right: 45px;
}

.outbox .dynamic-list-entry .multiline-name {
  width: 150px;
}

.credit-hours-panel .table-sidebar-tabs {
  float: left;
}

.credit-hours-panel .credit-shifts-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 15px;
  background: #fff;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.credit-hours-panel .credit-shifts-header .table-sidebar-tabs {
  margin-bottom: -1px;
}

.credit-hours-panel .selected-credit-shift {
  float: right;
  text-align: right;
}

.credit-hours-panel .selected-credit-shift-name {
  font-size: 16px;
  margin-top: -4px;
}

.credit-hours-panel .selected-credit-shift-time {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.credit-hours-panel .credit .scrolling-content {
  padding-top: 46px;
}

.credit-hours-panel .credit .scrolling-content h1 {
  margin-top: 20px;
}

.credit-hours-panel .participation-hours,
.credit-hours-panel .participation-hours-label,
.credit-hours-panel .participation-hours-review,
.credit-hours-panel .participation-skills {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  height: 36px;
  line-height: 36px;
  float: left;
}

.credit-hours-panel .participation-hours {
  font-size: 20px;
}

.credit-hours-panel .participation-hours {
  margin-right: 6px;
}

.credit-hours-panel .participation-hours-group,
.credit-hours-panel .participation-hours-review {
  width: 150px;
}

.credit-hours-panel .participation-hours-group {
  float: left;
}

.credit-hours-panel .multiline-first-name,
.credit-hours-panel .multiline-last-name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
}

.public-no-shifts {
  text-align: center;
}

.public-shifts-list {
  list-style: none;
  margin-bottom: 20px;
}

.public-shifts-list .public-shift {
  margin-bottom: 10px;
  padding: 25px;
  position: relative;
  background: #fff;
  padding-right: 165px;
}

.public-shifts-list .public-shift h4 {
  font-size: 18px;
  color: #60545c;
  margin-bottom: 8px;
}

.public-shifts-list .public-shift h4 span {
  margin-right: 20px;
}

.public-shifts-list .public-shift .shift-meta {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  margin-bottom: 15px;
}

.public-shifts-list .public-shift .shift-meta span {
  margin-right: 20px;
}

.public-shifts-list .public-shift .signup {
  float: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #16becc;
  border: 1px solid #16becc;
  line-height: 28px;
  padding: 0 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  margin-bottom: 10px;
}

.public-shifts-list .public-shift .signup-box-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 140px;
}

.public-shifts-list .public-shift .signup-box {
  display: table;
  width: 100%;
  height: 100%;
}

.public-shifts-list .public-shift .signup-box-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.public-shifts-list .public-shift .shift-description {
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 10px;
}

.public-shifts-list .public-shift .shift-people-required span {
  float: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  margin-right: 8px;
}

.public-shifts-list .public-shift .wait-list-min,
.public-shifts-list .public-shift .wait-list-required {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.public-shifts-list .public-shift .wait-list-min {
  margin-bottom: 10px;
}

.public-shifts-list .public-shift .min-count,
.public-shifts-list .public-shift .required-count {
  color: #60545c;
  margin-right: 6px;
}

.embedded-form .form-content {
  padding: 0;
}

.embedded-form h1 {
  margin-bottom: 30px;
  margin-top: 10px;
  color: #60545c;
}

.embedded-form .forms-powered-by {
  display: none;
}

.embedded-form .form-buttons {
  padding: 5px 0 5px 0;
  text-align: center;
}

.embedded-form .form-buttons button[type=submit] {
  float: none!important;
}

.embedded-form .form-widget-type-formatting-section-title .form-fields-wrapper {
  width: 100%;
}

.embedded-form .form-widget-type-formatting-section-title .form-widget-instance-main {
  padding: 0;
}

.embedded-form .form-widget-type-formatting-section-title .form-widget-instance-main h1 {
  text-align: center;
}

@media (max-device-width:500px),(max-width:500px) {
  div.ProfileContentWrapper {
    padding: 0;
  }

  .public-no-shifts {
    padding: 20px;
  }

  .public-shifts-list .public-shift {
    margin-bottom: -1px;
    padding: 20px;
    border-left: none;
    border-right: none;
  }

  .public-shifts-list .public-shift .signup-box-wrapper {
    position: relative;
    width: auto;
    border: none;
  }

  .public-shifts-list .public-shift .signup-box {
    display: block;
    width: auto;
    height: auto;
  }

  .public-shifts-list .public-shift .signup-box-cell {
    display: block;
  }

  .public-shifts-list .public-shift .signup {
    width: 80%;
  }

  .public-shifts-list .public-shift .shift-description {
    margin-bottom: 20px;
  }
}

.form-builder .input__date,
.form-builder .input__email,
.form-builder .input__number,
.form-builder .input__password,
.form-builder .input__text,
.form-builder select,
.form-builder textarea,
.public-form .input__date,
.public-form .input__email,
.public-form .input__number,
.public-form .input__password,
.public-form .input__text,
.public-form select,
.public-form textarea {
  padding: 10px;
  width: 100%;
  border: 2px solid #b4d6e1;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 13px;
}

.loaded .form-builder .input__date,
.loaded .form-builder .input__email,
.loaded .form-builder .input__number,
.loaded .form-builder .input__password,
.loaded .form-builder .input__text,
.loaded .form-builder select,
.loaded .form-builder textarea,
.loaded .public-form .input__date,
.loaded .public-form .input__email,
.loaded .public-form .input__number,
.loaded .public-form .input__password,
.loaded .public-form .input__text,
.loaded .public-form select,
.loaded .public-form textarea {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.form-builder .input__date.invalid,
.form-builder .input__email.invalid,
.form-builder .input__number.invalid,
.form-builder .input__password.invalid,
.form-builder .input__text.invalid,
.form-builder select.invalid,
.form-builder textarea.invalid,
.public-form .input__date.invalid,
.public-form .input__email.invalid,
.public-form .input__number.invalid,
.public-form .input__password.invalid,
.public-form .input__text.invalid,
.public-form select.invalid,
.public-form textarea.invalid {
  color: #d9402b!important;
  border-color: #d9402b!important;
}

.form-builder .input__date:focus,
.form-builder .input__email:focus,
.form-builder .input__number:focus,
.form-builder .input__password:focus,
.form-builder .input__text:focus,
.form-builder select:focus,
.form-builder textarea:focus,
.public-form .input__date:focus,
.public-form .input__email:focus,
.public-form .input__number:focus,
.public-form .input__password:focus,
.public-form .input__text:focus,
.public-form select:focus,
.public-form textarea:focus {
  border: 2px solid #5dc744;
  outline: 0;
}

.form-builder input[type=checkbox],
.public-form input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid #b4d6e1;
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  background: #fff;
  cursor: pointer;
  position: relative;
}

.loaded .form-builder input[type=checkbox],
.loaded .public-form input[type=checkbox] {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.form-builder input[type=checkbox]:focus,
.public-form input[type=checkbox]:focus {
  outline: 0;
  border-color: #5dc744;
}

.form-builder input[type=checkbox]:hover,
.public-form input[type=checkbox]:hover {
  border-color: #16becc;
}

.form-builder input[type=checkbox] .checked,
.form-builder input[type=checkbox]:checked,
.public-form input[type=checkbox] .checked,
.public-form input[type=checkbox]:checked {
  background: #60545c;
  border-color: #60545c;
  cursor: pointer;
}

.form-builder input[type=checkbox] .checked:before,
.form-builder input[type=checkbox]:checked:before,
.public-form input[type=checkbox] .checked:before,
.public-form input[type=checkbox]:checked:before {
  content: '\2713';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}

.form-builder input[type=checkbox] .checked:hover,
.form-builder input[type=checkbox]:checked:hover,
.public-form input[type=checkbox] .checked:hover,
.public-form input[type=checkbox]:checked:hover {
  border-color: #0a4e70;
  background: #0a4e70;
}

.form-builder input[type=radio],
.public-form input[type=radio] {
  height: 30px;
  width: 30px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 2px solid #b4d6e1;
}

.form-builder input[type=radio]:focus,
.public-form input[type=radio]:focus {
  outline: 0;
  border-color: #5dc744;
}

.form-builder input[type=radio]:hover,
.public-form input[type=radio]:hover {
  border-color: #16becc;
}

.form-builder input[type=radio]:checked,
.public-form input[type=radio]:checked {
  border-color: #60545c;
  border-width: 7px;
}

.form-builder select,
.public-form select {
  height: 40px;
  overflow: hidden;
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzM19fc2hhcGVzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gZmlsbD0iIzY2QURDNyIgcG9pbnRzPSIxMiwxNy4xIDUuMywxMC40IDYuNyw4LjkgMTIsMTQuMiAxNy4zLDguOSAxOC43LDEwLjQgIi8+PC9zdmc+) 98% 50% no-repeat;
}

.form-builder textarea,
.public-form textarea {
  min-height: 130px;
  display: block;
}

.form-builder .label-like,
.public-form .label-like {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  margin-bottom: 7px;
  height: 23px;
  line-height: 23px;
  color: #60545c;
}

.form-builder input[type=submit],
.public-form input[type=submit] {
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
  color: #fff;
  background-color: #5dc744;
  padding: 10px 20px;
}

.form-builder input[type=submit]:focus,
.public-form input[type=submit]:focus {
  outline: 0;
}

.form-builder .form-field,
.public-form .form-field {
  margin-bottom: 15px;
  width: 100%;
  position: relative;
}

.form-builder .form-field:after,
.public-form .form-field:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.form-builder .form-field.hidden,
.public-form .form-field.hidden {
  display: none;
}

.form-builder .form-field .label-like,
.form-builder .form-field label,
.public-form .form-field .label-like,
.public-form .form-field label {
  margin-bottom: 0;
}

.form-builder .form-field.half,
.public-form .form-field.half {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-builder .form-field.half.left,
.public-form .form-field.half.left {
  padding-right: 8px;
}

.form-builder .form-field.half.right,
.public-form .form-field.half.right {
  padding-left: 8px;
}

.form-builder input[type=checkbox].small-circle,
.public-form input[type=checkbox].small-circle {
  border: 2px solid #a0989d;
  float: left;
  position: relative;
  top: 0;
  height: 20px;
  width: 20px;
}

.form-builder input[type=checkbox].small-circle:before,
.public-form input[type=checkbox].small-circle:before {
  line-height: 18px;
  font-size: 12px;
}

.form-builder input[type=checkbox].small-circle:checked:before,
.public-form input[type=checkbox].small-circle:checked:before {
  background: #a0989d;
}

.form-builder input[type=checkbox].small-circle:checked:before:hover,
.public-form input[type=checkbox].small-circle:checked:before:hover {
  border-color: #0a4e70;
  background: #0a4e70;
}

.form-builder .inline-select,
.public-form .inline-select {
  width: 160px;
  float: left;
}

.form-builder .form-errors,
.public-form .form-errors {
  clear: both;
  list-style: none;
  padding: 4px;
}

.form-builder .form-errors li,
.public-form .form-errors li {
  color: #d9402b;
  margin-bottom: 6px;
}

.form-builder .form-errors li:nth-child(n+2),
.public-form .form-errors li:nth-child(n+2) {
  border-top: none;
}

.form-builder .edit-mode-input,
.public-form .edit-mode-input {
  -webkit-animation: fadein .5s;
  -ms-animation: fadein .5s;
  animation: fadein .5s;
}

.form-builder .edit-mode-input:focus,
.public-form .edit-mode-input:focus {
  z-index: 1;
}

.form-builder .multi-select,
.public-form .multi-select {
  width: 100%;
  position: relative;
  left: -2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-builder .multi-select-row,
.public-form .multi-select-row {
  zoom: 1;
  width: 100%;
}

.form-builder .multi-select-row:after,
.form-builder .multi-select-row:before,
.public-form .multi-select-row:after,
.public-form .multi-select-row:before {
  content: "";
  display: table;
}

.form-builder .multi-select-row:after,
.public-form .multi-select-row:after {
  clear: both;
}

.form-builder .multi-select-entry-wrapper,
.public-form .multi-select-entry-wrapper {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 30px;
  line-height: 28px;
}

.form-builder .multi-select-entry,
.public-form .multi-select-entry {
  text-align: center;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px solid #b4d6e1;
  background-color: #fff;
  cursor: pointer;
}

.form-builder .multi-select-entry:hover,
.public-form .multi-select-entry:hover {
  border-color: #16becc;
}

.selected .form-builder .multi-select-entry,
.selected .public-form .multi-select-entry {
  background-color: #16becc;
  color: #fff;
  border-color: #16becc;
}

.form-widgets {
  width: 347px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  background: #f3f2f3;
}

.form-widgets .datacard-widgets-title {
  padding-left: 1px;
}

.form-widgets.floated {
  position: fixed;
  top: 50px;
  left: auto;
  right: auto;
  bottom: 0;
  overflow: auto;
}

.form-widget {
  float: left;
  background-color: #fff;
  height: 35px;
  line-height: 32px;
  width: 165px;
  margin-bottom: 6px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: .4;
  border: 1px solid #d8d5d6;
}

.loaded .form-widget {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.form-widget:nth-child(2n+1) {
  margin-right: 7px;
}

.form-widget img {
  vertical-align: middle;
}

.form-widget.enabled {
  border-top-color: transparent;
  border-right-color: transparent;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  cursor: move;
}

.form-widget.enabled:after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 0;
  height: 0;
}

.form-widget.enabled:hover {
  -webkit-box-shadow: 0 3px 5px RGBA(0,0,0,.2);
  box-shadow: 0 3px 5px RGBA(0,0,0,.2);
}

.form-widget.enabled:hover:after {
  display: none;
}

.form-fields-wrapper {
  width: 75%;
  float: left;
}

.form-widget-type-formatting-completion-break .form-fields-wrapper,
.form-widget-type-formatting-hr .form-fields-wrapper,
.form-widget-type-formatting-page-break .form-fields-wrapper {
  width: 100%;
}

.widget-title-wrapper {
  width: 75%;
}

.widget-title-wrapper h2 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 9px;
}

.fonts-loaded .widget-title-wrapper h2 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.create-own-widget {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  background-color: transparent;
  height: 35px;
  line-height: 35px;
  width: 165px;
  position: relative;
  border: 1px solid #b4d6e1;
  color: #60545c;
  cursor: pointer;
}

.loaded .create-own-widget {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.create-own-widget .icon {
  height: 35px;
  width: 35px;
  display: block;
  float: left;
  color: #16becc;
  font-style: normal;
  text-align: center;
  position: relative;
  top: -1px;
}

.create-own-widget:hover {
  border-color: #16becc;
  color: #16becc;
}

.form-widget-instance {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

.form-widget-instance:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.form-widget-instance .form-field .label-like,
.form-widget-instance .form-field label {
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.form-widget-instance .form-errors {
  position: relative;
}

.form-widget-instance.form-widget-single-input .form-field label {
  display: none;
}

.form-widget-instance-main {
  padding: 10px 30px;
}

.form-content {
  position: relative;
  background-color: #fff;
  padding: 30px 0 0 0;
}

.form-widget-required-icon {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 29px;
  color: #60545c;
}

.form-widget-instance-instructions {
  word-wrap: break-word;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 24%;
  float: right;
  margin-top: -18px;
}

.form-widget-instance-instructions .widget-instructions,
.form-widget-instance-instructions textarea.widget-instructions {
  padding: 5px;
  height: auto!important;
  background-color: transparent;
  border: 0!important;
}

.form-widget-instance-instructions textarea.widget-instructions {
  min-height: 80px!important;
  resize: none;
  padding: 5px!important;
}

.form-widget-instance-instructions textarea.widget-instructions:focus {
  border: 0!important;
}

.form-widget-type-formatting-section-title .form-widget-instance-main {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form-widget-type-formatting-section-title .form-widget-instance-main h1 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  color: #80767d;
  font-size: 27px;
  line-height: 30px;
  margin-bottom: 9px;
}

.fonts-loaded .form-widget-type-formatting-section-title .form-widget-instance-main h1 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-formatting-paragraph .form-widget-instance-main {
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 9px;
}

.fonts-loaded .form-widget-type-formatting-paragraph .form-widget-instance-main {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-formatting-hr .form-widget-instance-main {
  margin-right: 0;
  height: 30px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.form-widget-type-formatting-hr .form-widget-instance-main .rule-wrapper {
  position: relative;
}

.form-widget-type-formatting-hr .form-widget-instance-main .rule {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 15px;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #60545c;
}

.form-widget-type-standard-currency .currency,
.form-widget-type-standard-currency .decimal-point,
.form-widget-type-standard-currency .fractional,
.form-widget-type-standard-currency .integer {
  float: left;
}

.form-widget-type-standard-currency .currency,
.form-widget-type-standard-currency .decimal-point {
  line-height: 42px;
  height: 42px;
  font-size: 15px;
}

.form-widget-type-standard-currency .currency {
  margin-right: 8px;
  cursor: pointer;
}

.form-widget-type-standard-currency .integer {
  width: 102px;
}

.form-widget-type-standard-currency .decimal-point {
  margin-left: 4px;
  margin-right: 4px;
}

.form-widget-type-standard-currency .fractional {
  width: 40px;
}

.form-widget-type-standard-phone .dial-code,
.form-widget-type-timecounts-phone .dial-code {
  float: left;
  padding-right: 8px;
  width: 25%;
}

.form-widget-type-standard-phone .dial-code select,
.form-widget-type-timecounts-phone .dial-code select {
  padding-right: 20px!important;
}

.form-widget-type-standard-phone .phone-number,
.form-widget-type-timecounts-phone .phone-number {
  float: left;
  width: 70%;
}

.form-widget-instance .form-approve-contact label {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 9px;
  text-transform: none;
  letter-spacing: 0;
  line-height: 20px;
  clear: both;
  display: block;
}

.fonts-loaded .form-widget-instance .form-approve-contact label {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-instance .form-approve-contact input[type=checkbox] {
  margin-right: 12px;
}

.form-widget-instance .form-widget-settings-buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.form-widget-instance .form-widget-settings-buttons input[type=checkbox].small-circle {
  top: 7px;
}

.form-widget-instance .form-widget-settings-buttons .small-button {
  margin-right: 12px;
}

.form-widget-instance .form-widget-settings-buttons .form-widget-setting-toggle {
  color: #60545c!important;
  line-height: 28px;
}

.form-widget-type-standard-agreement .form-field input[type=checkbox],
.form-widget-type-standard-checkboxes .form-field input[type=checkbox],
.form-widget-type-timecounts-skills .form-field input[type=checkbox],
.form-widget-type-timecounts-skills input[type=checkbox].checkbox {
  opacity: 0;
}

.form-widget-type-standard-agreement .form-field input[type=checkbox],
.form-widget-type-standard-agreement input[type=checkbox].checkbox,
.form-widget-type-standard-checkboxes .form-field input[type=checkbox],
.form-widget-type-standard-checkboxes input[type=checkbox].checkbox,
.form-widget-type-timecounts-skills .form-field input[type=checkbox],
.form-widget-type-timecounts-skills input[type=checkbox].checkbox {
  float: left;
  position: relative;
  margin-right: 10px;
}

.form-widget-type-standard-agreement .form-field input[type=checkbox]+.label-text,
.form-widget-type-standard-agreement input[type=checkbox].checkbox+.label-text,
.form-widget-type-standard-checkboxes .form-field input[type=checkbox]+.label-text,
.form-widget-type-standard-checkboxes input[type=checkbox].checkbox+.label-text,
.form-widget-type-timecounts-skills .form-field input[type=checkbox]+.label-text,
.form-widget-type-timecounts-skills input[type=checkbox].checkbox+.label-text {
  position: relative;
  overflow: visible;
}

.form-widget-type-standard-agreement .form-field input[type=checkbox]+.label-text::before,
.form-widget-type-standard-agreement input[type=checkbox].checkbox+.label-text::before,
.form-widget-type-standard-checkboxes .form-field input[type=checkbox]+.label-text::before,
.form-widget-type-standard-checkboxes input[type=checkbox].checkbox+.label-text::before,
.form-widget-type-timecounts-skills .form-field input[type=checkbox]+.label-text::before,
.form-widget-type-timecounts-skills input[type=checkbox].checkbox+.label-text::before {
  position: absolute;
  content: " ";
  padding-left: 3px;
  left: 0;
  top: 0;
  width: 20px;
  height: 23px;
  border: 2px solid #b4d6e1;
}

.form-widget-type-standard-agreement .form-field input[type=checkbox]:focus+.label-text::before,
.form-widget-type-standard-agreement .form-field input[type=checkbox]:hover+.label-text::before,
.form-widget-type-standard-agreement input[type=checkbox].checkbox:focus+.label-text::before,
.form-widget-type-standard-agreement input[type=checkbox].checkbox:hover+.label-text::before,
.form-widget-type-standard-checkboxes .form-field input[type=checkbox]:focus+.label-text::before,
.form-widget-type-standard-checkboxes .form-field input[type=checkbox]:hover+.label-text::before,
.form-widget-type-standard-checkboxes input[type=checkbox].checkbox:focus+.label-text::before,
.form-widget-type-standard-checkboxes input[type=checkbox].checkbox:hover+.label-text::before,
.form-widget-type-timecounts-skills .form-field input[type=checkbox]:focus+.label-text::before,
.form-widget-type-timecounts-skills .form-field input[type=checkbox]:hover+.label-text::before,
.form-widget-type-timecounts-skills input[type=checkbox].checkbox:focus+.label-text::before,
.form-widget-type-timecounts-skills input[type=checkbox].checkbox:hover+.label-text::before {
  border-color: #16becc;
}

.form-widget-type-standard-agreement .form-field input[type=checkbox]:checked+.label-text::before,
.form-widget-type-standard-agreement input[type=checkbox].checkbox:checked+.label-text::before,
.form-widget-type-standard-checkboxes .form-field input[type=checkbox]:checked+.label-text::before,
.form-widget-type-standard-checkboxes input[type=checkbox].checkbox:checked+.label-text::before,
.form-widget-type-timecounts-skills .form-field input[type=checkbox]:checked+.label-text::before,
.form-widget-type-timecounts-skills input[type=checkbox].checkbox:checked+.label-text::before {
  border-color: #60545c;
  background-color: #60545c;
  color: #fff;
  overflow: none;
  font-size: 18px;
  line-height: 24px;
  content: "\2713";
}

.form-widget-type-standard-agreement.form-widget-mode-editable .form-field input[type=checkbox],
.form-widget-type-standard-agreement.form-widget-mode-editable input[type=checkbox].checkbox,
.form-widget-type-standard-checkboxes.form-widget-mode-editable .form-field input[type=checkbox],
.form-widget-type-standard-checkboxes.form-widget-mode-editable input[type=checkbox].checkbox,
.form-widget-type-timecounts-skills.form-widget-mode-editable .form-field input[type=checkbox],
.form-widget-type-timecounts-skills.form-widget-mode-editable input[type=checkbox].checkbox {
  top: 3px;
  position: relative;
}

.form-widget-type-standard-radios.form-widget-mode-editable input[type=radio] {
  position: relative;
  top: 3px;
}

.form-widget-type-event-event-role input[type=radio],
.form-widget-type-event-role input[type=radio],
.form-widget-type-event-shift input[type=radio],
.form-widget-type-standard-radios input[type=radio] {
  float: left;
  margin-right: 10px;
}

.form-widget-type-event-event-role .form-field .label-text,
.form-widget-type-event-role .form-field .label-text,
.form-widget-type-event-shift .form-field .label-text,
.form-widget-type-standard-agreement .form-field .label-text,
.form-widget-type-standard-checkboxes .form-field .label-text,
.form-widget-type-standard-radios .form-field .label-text,
.form-widget-type-timecounts-skills .form-field .label-text {
  overflow: hidden;
  text-transform: none;
  letter-spacing: 0;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 9px;
  margin-bottom: 0;
  line-height: 30px;
}

.fonts-loaded .form-widget-type-event-event-role .form-field .label-text,
.fonts-loaded .form-widget-type-event-role .form-field .label-text,
.fonts-loaded .form-widget-type-event-shift .form-field .label-text,
.fonts-loaded .form-widget-type-standard-agreement .form-field .label-text,
.fonts-loaded .form-widget-type-standard-checkboxes .form-field .label-text,
.fonts-loaded .form-widget-type-standard-radios .form-field .label-text,
.fonts-loaded .form-widget-type-timecounts-skills .form-field .label-text {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-event-event-role .form-field label,
.form-widget-type-event-role .form-field label,
.form-widget-type-event-shift .form-field label,
.form-widget-type-standard-agreement .form-field label,
.form-widget-type-standard-checkboxes .form-field label,
.form-widget-type-standard-radios .form-field label,
.form-widget-type-timecounts-skills .form-field label {
  float: left;
  color: inherit;
  margin-bottom: 9px;
  width: 100%;
  cursor: pointer;
}

.form-widget-type-event-event-role .form-field label:last-child,
.form-widget-type-event-role .form-field label:last-child,
.form-widget-type-event-shift .form-field label:last-child,
.form-widget-type-standard-agreement .form-field label:last-child,
.form-widget-type-standard-checkboxes .form-field label:last-child,
.form-widget-type-standard-radios .form-field label:last-child,
.form-widget-type-timecounts-skills .form-field label:last-child {
  margin-bottom: 0;
}

.form-widget-type-standard-multi-line textarea {
  min-height: 78px;
  width: 100%;
  max-width: 100%;
}

.form-widget-type-timecounts-skills .form-field label {
  margin-right: 20px;
}

.form-widget-type-timecounts-birthdate .day,
.form-widget-type-timecounts-birthdate .month,
.form-widget-type-timecounts-birthdate .year,
.form-widget-type-timecounts-date .day,
.form-widget-type-timecounts-date .month,
.form-widget-type-timecounts-date .year,
.form-widget-type-timecounts-school .day,
.form-widget-type-timecounts-school .month,
.form-widget-type-timecounts-school .year {
  float: left;
  padding-right: 16px;
  width: 60px;
}

.form-widget-type-timecounts-birthdate .year,
.form-widget-type-timecounts-date .year,
.form-widget-type-timecounts-school .year {
  width: 90px;
}

.form-widget-type-timecounts-school .date-group-label {
  display: block;
  float: left;
  line-height: 40px;
  font-size: 15px;
  width: 45px;
}

.form-widget-type-standard-agreement .agreement-scroll-wrapper,
.form-widget-type-standard-agreement .form-fields-wrapper textarea {
  min-height: 100px!important;
  max-height: 300px!important;
  padding: 10px;
  overflow: auto;
}

.form-widget-type-standard-agreement .form-fields-wrapper textarea,
.form-widget-type-standard-agreement p {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 9px;
}

.fonts-loaded .form-widget-type-standard-agreement .form-fields-wrapper textarea,
.fonts-loaded .form-widget-type-standard-agreement p {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-standard-agreement .agreement-scroll-wrapper {
  background: #fff;
  border: 1px solid #60545c;
}

.form-widget-type-standard-agreement .form-fields-wrapper textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.form-widget-type-standard-agreement .agreement-checkbox {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.form-widget-type-standard-agreement.error .agreement-scroll-wrapper {
  color: #60545c!important;
}

.form-builder .form-field {
  label: span;
}

.form-builder .form-field .input__date,
.form-builder .form-field .input__email,
.form-builder .form-field .input__number,
.form-builder .form-field .input__password,
.form-builder .form-field .input__text,
.form-builder .form-field input[type=checkbox],
.form-builder .form-field input[type=checkbox].small-circle,
.form-builder .form-field input[type=radio],
.form-builder .form-field select,
.form-builder .form-field textarea {
  border-color: #a0989d;
  opacity: .6;
}

.form-builder .form-field input[type=checkbox]+.label-text::before,
.form-builder .form-field input[type=checkbox].small-circle+.label-text::before {
  visibility: hidden;
}

.form-builder .form-field .label-text {
  opacity: .6;
}

.form-builder .form-approve-contact {
  opacity: .6;
}

.form-widget-mode-editable {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.form-widget-mode-editing {
  border-top: 1px solid #66adc7;
  border-bottom: 1px solid #66adc7;
}

.form-widget-instance.form-widget-mode-editable {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.form-widget-instance.form-widget-mode-editable .form-field,
.form-widget-instance.form-widget-mode-editing .form-field {
  margin-bottom: 10px;
}

.form-widget-instance.form-widget-mode-editable.placeholder,
.form-widget-instance.form-widget-mode-editing.placeholder {
  border-color: #d8d5d6;
  border-style: solid;
  border-width: 1px 0;
  margin: 0 -1px;
}

.form-widget-instance.form-widget-mode-editable.placeholder input,
.form-widget-instance.form-widget-mode-editable.placeholder select,
.form-widget-instance.form-widget-mode-editable.placeholder textarea,
.form-widget-instance.form-widget-mode-editing.placeholder input,
.form-widget-instance.form-widget-mode-editing.placeholder select,
.form-widget-instance.form-widget-mode-editing.placeholder textarea {
  background-color: transparent;
}

.form-widget-instance.form-widget-mode-editable.placeholder .form-widget-instance-main,
.form-widget-instance.form-widget-mode-editing.placeholder .form-widget-instance-main {
  opacity: .5;
}

.form-widget-instance.form-widget-mode-editable.disabled,
.form-widget-instance.form-widget-mode-editing.disabled {
  display: none;
}

.form-widget-instance.form-widget-mode-editable:not(.form-widget-type-formatting-completion-break),
.form-widget-instance.form-widget-mode-editing:not(.form-widget-type-formatting-completion-break) {
  cursor: pointer;
}

.form-widget-instance.form-widget-mode-editable:hover:not(.form-widget-type-formatting-completion-break),
.form-widget-instance.form-widget-mode-editing:hover:not(.form-widget-type-formatting-completion-break) {
  border-top: 1px solid #66adc7;
  border-bottom: 1px solid #66adc7;
}

.form-widget-instance.form-widget-mode-editable:hover:not(.form-widget-type-formatting-completion-break) .drag-widget-instance-handle,
.form-widget-instance.form-widget-mode-editing:hover:not(.form-widget-type-formatting-completion-break) .drag-widget-instance-handle {
  display: inherit;
}

.form-widget-instance.form-widget-mode-editing .input__text.input-title {
  background-color: transparent;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 9px;
  height: 24px;
  line-height: 1em;
  padding: 0;
  border: none;
  border-bottom: 2px solid transparent;
}

.fonts-loaded .form-widget-instance.form-widget-mode-editing .input__text.input-title {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.loaded .form-widget-instance.form-widget-mode-editing .input__text.input-title {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.form-widget-instance.form-widget-mode-editing .input__text.input-title:focus {
  border-bottom: 2px solid #5dc744;
}

.form-widget-instance.form-widget-mode-editing .small-button {
  background-color: transparent!important;
}

.form-widget-instance.form-widget-mode-editing .drag-widget-instance-handle {
  display: inherit;
}

.form-widget-type-timecounts-availability .form-widget-instance-instructions {
  margin-top: 20px;
}

.form-widget-type-formatting-completion-break.form-widget-mode-editable,
.form-widget-type-formatting-completion-break.form-widget-mode-editing,
.form-widget-type-formatting-page-break.form-widget-mode-editable,
.form-widget-type-formatting-page-break.form-widget-mode-editing {
  position: relative;
  background: #f3f2f3;
  height: 45px;
  line-height: 45px;
  border-top: 1px solid #d8d5d6;
  border-bottom: 1px solid #d8d5d6;
  overflow: hidden;
  margin: 0 -1px;
}

.form-widget-type-formatting-completion-break.form-widget-mode-editable .drag-widget-instance-handle,
.form-widget-type-formatting-completion-break.form-widget-mode-editing .drag-widget-instance-handle,
.form-widget-type-formatting-page-break.form-widget-mode-editable .drag-widget-instance-handle,
.form-widget-type-formatting-page-break.form-widget-mode-editing .drag-widget-instance-handle {
  top: 12px;
}

.form-widget-type-formatting-completion-break.form-widget-mode-editable .dashed,
.form-widget-type-formatting-completion-break.form-widget-mode-editing .dashed,
.form-widget-type-formatting-page-break.form-widget-mode-editable .dashed,
.form-widget-type-formatting-page-break.form-widget-mode-editing .dashed {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 22px;
  display: block;
  right: 50px;
  border-top: 1px dashed #d8d5d6;
}

.form-widget-type-formatting-completion-break.form-widget-mode-editable .break-label,
.form-widget-type-formatting-completion-break.form-widget-mode-editing .break-label,
.form-widget-type-formatting-page-break.form-widget-mode-editable .break-label,
.form-widget-type-formatting-page-break.form-widget-mode-editing .break-label {
  background-color: #f3f2f3;
  padding: 0 10px;
  position: relative;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.form-widget-type-formatting-completion-break.form-widget-mode-editable .sprite,
.form-widget-type-formatting-completion-break.form-widget-mode-editing .sprite,
.form-widget-type-formatting-page-break.form-widget-mode-editable .sprite,
.form-widget-type-formatting-page-break.form-widget-mode-editing .sprite {
  float: left;
}

.form-widget-type-formatting-completion-break.form-widget-mode-editable .form-widget-instance-main,
.form-widget-type-formatting-completion-break.form-widget-mode-editing .form-widget-instance-main,
.form-widget-type-formatting-page-break.form-widget-mode-editable .form-widget-instance-main,
.form-widget-type-formatting-page-break.form-widget-mode-editing .form-widget-instance-main {
  padding: 0;
  margin: 0;
  border-left: 1px solid #d8d5d6;
  border-right: 1px solid #d8d5d6;
}

.form-widget-type-formatting-completion-break.form-widget-type-formatting-page-break.placeholder .form-widget-instance-main,
.form-widget-type-formatting-page-break.form-widget-type-formatting-page-break.placeholder .form-widget-instance-main {
  padding: 0;
}

.form-widget-type-formatting-completion-break.form-widget-type-formatting-page-break.placeholder .form-widget-instance-wrapper,
.form-widget-type-formatting-page-break.form-widget-type-formatting-page-break.placeholder .form-widget-instance-wrapper {
  margin: -2px 0;
}

.drop-placeholder {
  padding: 10px;
}

.drop-placeholder .text {
  padding: 20px;
  border: 2px dashed #d8d5d6;
}

.form-widget-type-formatting-page-break.form-widget-mode-editable,
.form-widget-type-formatting-page-break.form-widget-mode-editing {
  cursor: move;
}

.form-widget-type-formatting-page-break.form-widget-mode-editable .break-section,
.form-widget-type-formatting-page-break.form-widget-mode-editing .break-section {
  margin-bottom: 0;
}

.form-widget-type-formatting-page-break.form-widget-mode-editable .sprite,
.form-widget-type-formatting-page-break.form-widget-mode-editing .sprite {
  top: 10px;
}

.form-widget-type-formatting-hr.form-widget-mode-editable,
.form-widget-type-formatting-hr.form-widget-mode-editing {
  cursor: move;
}

.form-widget-type-formatting-hr.form-widget-mode-editable .form-widget-instance-main,
.form-widget-type-formatting-hr.form-widget-mode-editing .form-widget-instance-main {
  margin: 0;
}

.form-widget-type-formatting-hr.form-widget-mode-editable .rule-wrapper,
.form-widget-type-formatting-hr.form-widget-mode-editing .rule-wrapper {
  margin-right: 10px;
}

.form-widget-type-formatting-hr.form-widget-mode-editable .sprite,
.form-widget-type-formatting-hr.form-widget-mode-editing .sprite {
  top: 2px;
}

.form-widget-instance-divider-delete {
  float: right;
  cursor: pointer;
  z-index: 1;
}

.form-widget-type-formatting-paragraph.form-widget-mode-editing textarea {
  min-height: 78px;
  padding: 2px 5px;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 9px;
  width: 100%;
  max-width: 100%;
}

.fonts-loaded .form-widget-type-formatting-paragraph.form-widget-mode-editing textarea {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-formatting-section-title.form-widget-mode-editable h1 {
  line-height: normal;
}

.form-widget-type-formatting-section-title.form-widget-mode-editable .form-fields-wrapper {
  width: 100%;
}

.form-widget-type-formatting-section-title.form-widget-mode-editing .form-fields-wrapper {
  width: 100%;
}

.form-widget-type-formatting-section-title.form-widget-mode-editing .input__text {
  border: none;
  background: 0 0;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  color: #80767d;
  font-size: 27px;
  line-height: 30px;
  margin-bottom: 9px;
  height: auto;
  padding: 0;
  line-height: normal;
  border-bottom: 2px solid transparent;
}

.fonts-loaded .form-widget-type-formatting-section-title.form-widget-mode-editing .input__text {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-formatting-section-title.form-widget-mode-editing .input__text:focus {
  border: none;
  border-bottom: 2px solid #5dc744;
  outline: 0;
}

.form-widget-type-formatting-completion-break.form-widget-mode-editable .sprite,
.form-widget-type-formatting-completion-break.form-widget-mode-editing .sprite {
  display: none;
}

.form-widget-type-formatting-completion-break.form-widget-mode-editable .dashed,
.form-widget-type-formatting-completion-break.form-widget-mode-editing .dashed {
  right: 10px;
}

.form-widget-type-event-event-role.form-widget-mode-editing .selectable-item,
.form-widget-type-event-role.form-widget-mode-editing .selectable-item,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-item,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-item,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-item,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-item,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-item,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-item,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-item {
  position: relative;
  margin-bottom: 9px;
}

.form-widget-type-event-event-role.form-widget-mode-editing .selectable-items,
.form-widget-type-event-role.form-widget-mode-editing .selectable-items,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-items,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-items,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-items,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-items,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-items,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-items,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-items {
  list-style: none;
  padding: 0;
}

.form-widget-type-event-event-role.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-event-event-role.form-widget-mode-editing .selectable-items input[type=radio],
.form-widget-type-event-role.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-event-role.form-widget-mode-editing .selectable-items input[type=radio],
.form-widget-type-event-shift.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-event-shift.form-widget-mode-editing .selectable-items input[type=radio],
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-items input[type=radio],
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-items input[type=radio],
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-items input[type=radio],
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-items input[type=radio],
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-items input[type=radio],
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-items input[type=checkbox],
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-items input[type=radio] {
  position: absolute;
  left: 0;
  top: 3px;
}

.form-widget-type-event-event-role.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-event-event-role.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox,
.form-widget-type-event-role.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-event-role.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox,
.form-widget-type-event-shift.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-event-shift.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox,
.form-widget-type-standard-agreement.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-standard-agreement.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox,
.form-widget-type-standard-checkboxes.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-standard-checkboxes.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox,
.form-widget-type-standard-dropdown.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-standard-dropdown.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox,
.form-widget-type-standard-radios.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-standard-radios.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox,
.form-widget-type-timecounts-email.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-timecounts-email.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox,
.form-widget-type-timecounts-phone.form-widget-mode-editing input[type=checkbox].TimecountsEmail_optinCheckbox,
.form-widget-type-timecounts-phone.form-widget-mode-editing input[type=checkbox].TimecountsPhone_optinCheckbox {
  position: absolute;
  left: 0;
  top: 0;
}

.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-event-event-role.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-event-role.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsEmail_optinInputWrapper,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsPhone_optinInputWrapper,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-input-wrapper {
  width: 100%;
  padding-left: 32px;
  padding-right: 25px;
  margin-bottom: -1px;
}

.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-event-event-role.form-widget-mode-editing .selectable-input-wrapper:after,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-event-role.form-widget-mode-editing .selectable-input-wrapper:after,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-input-wrapper:after,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-input-wrapper:after,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-input-wrapper:after,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-input-wrapper:after,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-input-wrapper:after,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-input-wrapper:after,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsEmail_optinInputWrapper:after,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsPhone_optinInputWrapper:after,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-input-wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.form-widget-type-event-event-role.form-widget-mode-editing .item-qualifier,
.form-widget-type-event-role.form-widget-mode-editing .item-qualifier,
.form-widget-type-event-shift.form-widget-mode-editing .item-qualifier,
.form-widget-type-standard-agreement.form-widget-mode-editing .item-qualifier,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .item-qualifier,
.form-widget-type-standard-dropdown.form-widget-mode-editing .item-qualifier,
.form-widget-type-standard-radios.form-widget-mode-editing .item-qualifier,
.form-widget-type-timecounts-email.form-widget-mode-editing .item-qualifier,
.form-widget-type-timecounts-phone.form-widget-mode-editing .item-qualifier {
  float: left;
  margin-right: 10px;
  width: 50px;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 30px;
}

.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-event-event-role.form-widget-mode-editing .selectable-item-input,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-event-role.form-widget-mode-editing .selectable-item-input,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-item-input,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-item-input,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-item-input,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-item-input,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-item-input,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-item-input,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-item-input {
  height: 30px;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 2px solid transparent;
  background-color: transparent;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.loaded .form-widget-type-event-event-role.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-event-event-role.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-event-event-role.form-widget-mode-editing .selectable-item-input,
.loaded .form-widget-type-event-role.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-event-role.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-event-role.form-widget-mode-editing .selectable-item-input,
.loaded .form-widget-type-event-shift.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-event-shift.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-event-shift.form-widget-mode-editing .selectable-item-input,
.loaded .form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-standard-agreement.form-widget-mode-editing .selectable-item-input,
.loaded .form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-item-input,
.loaded .form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-item-input,
.loaded .form-widget-type-standard-radios.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-standard-radios.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-standard-radios.form-widget-mode-editing .selectable-item-input,
.loaded .form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-timecounts-email.form-widget-mode-editing .selectable-item-input,
.loaded .form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsEmail_optinInput,
.loaded .form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsPhone_optinInput,
.loaded .form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-item-input {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-event-event-role.form-widget-mode-editing .selectable-item-input:focus,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-event-role.form-widget-mode-editing .selectable-item-input:focus,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-item-input:focus,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-item-input:focus,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-item-input:focus,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-item-input:focus,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-item-input:focus,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-item-input:focus,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsEmail_optinInput:focus,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsPhone_optinInput:focus,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-item-input:focus {
  border: none;
  border-bottom: 2px solid #5dc744;
}

.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-event-event-role.form-widget-mode-editing .selectable-item-input:hover,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-event-role.form-widget-mode-editing .selectable-item-input:hover,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-item-input:hover,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-item-input:hover,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-item-input:hover,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-item-input:hover,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-item-input:hover,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-item-input:hover,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsEmail_optinInput:hover,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsPhone_optinInput:hover,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-item-input:hover {
  border-bottom: 2px solid #66adc7;
}

.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-event-event-role.form-widget-mode-editing .selectable-item-input:focus:hover,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-event-role.form-widget-mode-editing .selectable-item-input:focus:hover,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-item-input:focus:hover,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-item-input:focus:hover,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-item-input:focus:hover,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-item-input:focus:hover,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-item-input:focus:hover,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-item-input:focus:hover,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsEmail_optinInput:focus:hover,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsPhone_optinInput:focus:hover,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-item-input:focus:hover {
  border-bottom: 2px solid #5dc744;
}

.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-event-event-role.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-event-role.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-event-shift.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-standard-agreement.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-standard-dropdown.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-standard-radios.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-timecounts-email.form-widget-mode-editing .TimecountsPhone_optinInput,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsEmail_optinInput,
.form-widget-type-timecounts-phone.form-widget-mode-editing .TimecountsPhone_optinInput {
  font-size: 13px;
}

.form-widget-type-event-event-role.form-widget-mode-editing .selectable-item-input,
.form-widget-type-event-role.form-widget-mode-editing .selectable-item-input,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-item-input,
.form-widget-type-standard-agreement.form-widget-mode-editing .selectable-item-input,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-item-input,
.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-item-input,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-item-input,
.form-widget-type-timecounts-email.form-widget-mode-editing .selectable-item-input,
.form-widget-type-timecounts-phone.form-widget-mode-editing .selectable-item-input {
  font-size: 15px;
  position: relative;
  top: 0;
}

.form-widget-type-event-event-role.form-widget-mode-editing .remove-item,
.form-widget-type-event-role.form-widget-mode-editing .remove-item,
.form-widget-type-event-shift.form-widget-mode-editing .remove-item,
.form-widget-type-standard-agreement.form-widget-mode-editing .remove-item,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .remove-item,
.form-widget-type-standard-dropdown.form-widget-mode-editing .remove-item,
.form-widget-type-standard-radios.form-widget-mode-editing .remove-item,
.form-widget-type-timecounts-email.form-widget-mode-editing .remove-item,
.form-widget-type-timecounts-phone.form-widget-mode-editing .remove-item {
  position: absolute;
  top: 3px;
  right: 0;
}

.form-widget-type-event-event-role.form-widget-mode-editing .plus,
.form-widget-type-event-role.form-widget-mode-editing .plus,
.form-widget-type-event-shift.form-widget-mode-editing .plus,
.form-widget-type-standard-agreement.form-widget-mode-editing .plus,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .plus,
.form-widget-type-standard-dropdown.form-widget-mode-editing .plus,
.form-widget-type-standard-radios.form-widget-mode-editing .plus,
.form-widget-type-timecounts-email.form-widget-mode-editing .plus,
.form-widget-type-timecounts-phone.form-widget-mode-editing .plus {
  color: #16becc;
  margin-right: 7px;
}

.form-widget-type-event-event-role.form-widget-mode-editing .form-approve-contact-label,
.form-widget-type-event-role.form-widget-mode-editing .form-approve-contact-label,
.form-widget-type-event-shift.form-widget-mode-editing .form-approve-contact-label,
.form-widget-type-standard-agreement.form-widget-mode-editing .form-approve-contact-label,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .form-approve-contact-label,
.form-widget-type-standard-dropdown.form-widget-mode-editing .form-approve-contact-label,
.form-widget-type-standard-radios.form-widget-mode-editing .form-approve-contact-label,
.form-widget-type-timecounts-email.form-widget-mode-editing .form-approve-contact-label,
.form-widget-type-timecounts-phone.form-widget-mode-editing .form-approve-contact-label {
  position: relative;
}

.form-widget-type-standard-agreement.form-widget-mode-editing .agreement-checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-input-wrapper {
  padding-left: 60px;
}

.form-widget-type-standard-dropdown.form-widget-mode-editing .selectable-items .item-qualifier {
  position: absolute;
  top: 0;
  left: 0;
}

.form-widget-type-event-event-role.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-event-role.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-standard-checkboxes.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-input-wrapper {
  margin-bottom: 2px;
}

.form-widget-type-event-event-role.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-event-role.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-event-shift.form-widget-mode-editing .selectable-input-wrapper,
.form-widget-type-standard-radios.form-widget-mode-editing .selectable-input-wrapper {
  width: 380px;
}

.form-widget-mode-editable .form-widget-instance-main-full-width,
.form-widget-mode-editing .form-widget-instance-main-full-width {
  margin-right: 0;
}

.form-edit-view .form-header {
  display: none;
}

.form-widget-type-formatting-section-title {
  margin: 0;
}

.form-widget-type-event-shift .form-widget-instance-main {
  padding: 0;
}

.form-widget-type-event-shift .form-field {
  margin: 0;
}

.form-widget-type-event-event-role,
.form-widget-type-event-role,
.form-widget-type-event-shift {
  border-top: 1px solid #d8d5d6;
  border-bottom: 1px solid #d8d5d6;
  margin-bottom: -1px;
}

.form-widget-type-event-event-role:first-child,
.form-widget-type-event-role:first-child,
.form-widget-type-event-shift:first-child {
  margin-top: 21px;
}

.form-widget-type-event-event-role:last-child,
.form-widget-type-event-role:last-child,
.form-widget-type-event-shift:last-child {
  border-bottom: 1px solid #d8d5d6;
  margin-bottom: 21px;
}

.form-widget-type-event-event-role .widget-title-wrapper,
.form-widget-type-event-role .widget-title-wrapper,
.form-widget-type-event-shift .widget-title-wrapper {
  width: auto;
}

.form-widget-type-event-event-role .form-field,
.form-widget-type-event-role .form-field,
.form-widget-type-event-shift .form-field {
  text-align: center;
}

.form-widget-type-event-event-role .form-field label,
.form-widget-type-event-role .form-field label,
.form-widget-type-event-shift .form-field label {
  width: auto;
}

.form-widget-type-event-event-role .form-widget-instance-description,
.form-widget-type-event-role .form-widget-instance-description,
.form-widget-type-event-shift .form-widget-instance-description {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 9px;
  margin-top: 10px;
}

.fonts-loaded .form-widget-type-event-event-role .form-widget-instance-description,
.fonts-loaded .form-widget-type-event-role .form-widget-instance-description,
.fonts-loaded .form-widget-type-event-shift .form-widget-instance-description {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-event-event-role .form-widget-instance-subtitle,
.form-widget-type-event-role .form-widget-instance-subtitle,
.form-widget-type-event-shift .form-widget-instance-subtitle {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 9px;
  margin-top: 9px;
}

.fonts-loaded .form-widget-type-event-event-role .form-widget-instance-subtitle,
.fonts-loaded .form-widget-type-event-role .form-widget-instance-subtitle,
.fonts-loaded .form-widget-type-event-shift .form-widget-instance-subtitle {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-event-event-role .form-field input[type=checkbox],
.form-widget-type-event-role .form-field input[type=checkbox] {
  width: 36px;
  height: 36px;
}

.form-widget-type-event-event-role .form-field input[type=checkbox]:before,
.form-widget-type-event-role .form-field input[type=checkbox]:before {
  line-height: 36px;
}

.form-widget-type-event-event-role .form-widget-instance-main,
.form-widget-type-event-role .form-widget-instance-main {
  padding: 21px;
}

.form-widget-type-event-event-role .widget-title-wrapper h2,
.form-widget-type-event-role .widget-title-wrapper h2 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 9px;
}

.fonts-loaded .form-widget-type-event-event-role .widget-title-wrapper h2,
.fonts-loaded .form-widget-type-event-role .widget-title-wrapper h2 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.form-widget-type-event-event-role .form-widget-descriptors-group,
.form-widget-type-event-role .form-widget-descriptors-group {
  width: 85%;
  margin-left: 15%;
  min-height: 60px;
}

.form-widget-type-event-event-role .form-fields-wrapper,
.form-widget-type-event-role .form-fields-wrapper {
  position: absolute;
  top: 0;
  right: 85%;
  bottom: 0;
  left: 0;
  width: auto!important;
}

.form-widget-type-event-shift .form-fields-wrapper {
  width: 100%;
  float: none;
}

.form-widget-type-event-shift .form-widget-instance-wrapper {
  width: 100%;
}

.form-widget-type-event-shift .form-widget-descriptors-group {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.form-widget-type-event-shift .form-fields-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.form-widget-type-event-event-role .form-fields-cell,
.form-widget-type-event-role .form-fields-cell,
.form-widget-type-event-shift .form-fields-cell {
  width: 100%;
}

.form-widget-type-event-event-role .form-field,
.form-widget-type-event-role .form-field,
.form-widget-type-event-shift .form-field {
  display: table;
}

.form-widget-type-event-event-role .form-field label,
.form-widget-type-event-role .form-field label,
.form-widget-type-event-shift .form-field label {
  float: none;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 21px;
  padding-bottom: 21px;
}

.form-widget-type-event-event-role input[type=checkbox],
.form-widget-type-event-role input[type=checkbox] {
  margin-bottom: 7px;
}

.form-widget-type-event-event-role .form-fields-wrapper,
.form-widget-type-event-role .form-fields-wrapper {
  width: auto;
  float: left;
}

.form-widget-type-event-event-role .form-field .label-text,
.form-widget-type-event-event-role .form-field label,
.form-widget-type-event-role .form-field .label-text,
.form-widget-type-event-role .form-field label {
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.form-widget-type-event-shift .form-fields-cell {
  height: 100%;
}

.form-widget-type-event-shift .form-field label {
  vertical-align: top;
  width: 25%;
  cursor: pointer;
}

.loaded .form-widget-type-event-shift .form-field label {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.form-widget-type-event-shift .form-field label input[type=radio] {
  height: 24px;
  width: 24px;
  display: block;
  margin: 0 auto;
  float: none;
  margin-bottom: 9px;
}

.loaded .form-widget-type-event-shift .form-field label input[type=radio] {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.form-widget-type-event-shift .form-field label input[type=radio]:checked {
  border-color: #5dc744;
}

.form-widget-type-event-shift .form-field label .label-text {
  display: block;
}

.form-widget-type-event-shift .form-field label:hover {
  color: #0a4e70;
}

.form-widget-type-event-shift .form-field label:hover input[type=radio] {
  border-color: #0a4e70;
}

.form_reasons_view_view .form-widget-type-event-event-role .form-widget-instance-main,
.form_reasons_view_view .form-widget-type-event-role .form-widget-instance-main {
  padding: 20px;
}

@media (max-device-width:600px),(max-width:600px) {
  .form-widget-type-event-shift .form-fields-wrapper,
  .form-widget-type-event-shift .form-widget-descriptors-group,
  .form-widget-type-event-shift .form-widget-instance-main,
  .form-widget-type-event-shift .form-widget-instance-wwrapper {
    display: block;
  }

  .form-widget-type-event-shift .form-widget-instance-main {
    padding: 20px;
  }

  .form-widget-type-event-shift .form-widget-descriptors-group {
    width: auto;
    margin-bottom: 10px;
  }

  .form-widget-type-event-shift .form-fields-cell {
    padding: 0;
  }

  .form-widget-type-event-shift .form-field label {
    padding: 0;
  }

  .form-widget-type-event-shift .widget-title-wrapper h2 {
    text-align: left;
  }

  .form-widget-type-event-shift .form-widget-instance-subtitle {
    text-align: left;
    padding-bottom: 9px;
    clear: both;
  }

  .form-builder .form-fields-wrapper,
  .form-builder .form-widget-instance-instructions,
  .form-builder .widget-title-wrapper,
  .public-form .form-fields-wrapper,
  .public-form .form-widget-instance-instructions,
  .public-form .widget-title-wrapper {
    width: 100%;
    float: none;
  }

  .form-builder .form-widget-instance-instructions,
  .form-builder .widget-instructions,
  .public-form .form-widget-instance-instructions,
  .public-form .widget-instructions {
    padding-left: 0;
    padding-right: 0;
  }

  .form-builder .form-field.half,
  .public-form .form-field.half {
    width: 100%;
  }

  .form-builder .form-field.half.left,
  .form-builder .form-field.half.right,
  .public-form .form-field.half.left,
  .public-form .form-field.half.right {
    padding-right: 0;
    padding-left: 0;
  }

  .public-form .form-main .form-content {
    padding: 10px 0 0 0;
  }
}

@media (max-device-width:400px),(max-width:400px) {
  .public-form .date-wrapper .date-group-label {
    float: none;
  }
}

@media (max-device-width:500px),(max-width:500px) {
  .form-widget-type-timecounts-skills .form-field label {
    width: 100%;
    margin-right: 0;
    clear: both;
  }
}

.form-overview-buttons {
  margin-bottom: 50px;
  padding-top: 5px;
}

.form-overview-buttons .button {
  float: left;
  margin-right: 20px;
}

.forms-list {
  list-style: none;
}

.forms-list li .form-basic-details,
.forms-list li .general-basic-details {
  padding-left: 24px;
}

.forms-list li .form-details-sprite {
  position: absolute;
  top: 8px;
  left: 7px;
}

.forms-list li .form-basic-details,
.forms-list li .form-buttons {
  height: 40px;
}

.forms-list li .meta {
  max-width: 200px;
}

.forms-list li .form-basic-details .sprite {
  float: right;
  top: 10px;
  margin-right: 7px;
}

.forms-list li .form-basic-details .counter {
  float: right;
  background: #16becc;
  color: #fff;
  padding: 0 6px;
  height: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  line-height: 20px;
  font-size: 10px;
  height: 18px;
  margin-top: 10px;
  margin-right: 7px;
}

.forms-list li .form-basic-details .unread-count {
  border: 1px solid #16becc;
  color: #fff!important;
}

.forms-list li .form-basic-details .submitted-count {
  background: #fff;
}

.forms-list li .form-basic-details {
  cursor: pointer;
}

.forms-list li .form-buttons {
  display: none;
}

.forms-list li .form-list-button {
  margin-left: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

.forms-list li .delete-form {
  margin-right: 2px;
  margin-left: 20px;
  float: right;
}

.forms-list li .delete-form .delete {
  margin-right: 6px;
}

.forms-list li .form-name {
  margin-right: 40px;
  width: 340px;
}

.forms-list li.active .dropdown-sprite {
  display: none;
}

.forms-list li.active .form-buttons {
  display: block;
}

.forms-list li.active .form-buttons:hover {
  cursor: default;
}

.forms-list li.active .form-buttons a:hover,
.forms-list li.active .form-buttons span:hover {
  color: #16becc!important;
}

.forms-list li.active .form-basic-details:hover {
  cursor: default;
}

.forms-list li.active:hover * {
  color: #60545c!important;
}

.forms-list li .share-box {
  padding: 0 15px 15px 15px;
  display: none;
}

.forms-list li .share-box textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.forms-list li .share-box input,
.forms-list li .share-box textarea {
  font-size: 12px;
  margin-bottom: 20px;
}

.forms-list li .share-box.active {
  display: block;
}

.form-reason-accepted-submissions-count,
.form-reason-submissions-count {
  display: none;
}

.quickstart-templates {
  padding-top: 10px;
  padding-left: 3px;
}

.quickstart-template {
  float: left;
  width: 151px;
  overflow: hidden;
  height: 140px;
  margin-bottom: 20px;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}

.quickstart-template:after {
  content: ' ';
  top: -1px;
  right: -1px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent #16becc;
  top: 0;
  right: 0;
  background-color: #fff;
}

.quickstart-template img {
  width: 151px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  background-color: #fbfbfb;
  margin-bottom: 8px;
}

.loaded .quickstart-template img {
  transition: border .1s ease-in;
  -ms-transition: border .1s ease-in;
  -webkit-transition: border .1s ease-in;
}

.quickstart-template h5 {
  padding: 0;
  margin: 0;
  color: #16becc;
  text-transform: uppercase;
}

.quickstart-template h5 {
  cursor: pointer!important;
}

.quickstart-template:hover .image-wrapper {
  border-color: #16becc!important;
}

.quickstart-template:hover h5 {
  color: #0a4e70;
}

.form-preview-view,
.form-public-view,
.form-reason-view-view,
.public-form {
  width: inherit;
  margin: 0;
}

.form-preview-view .form-content-wrapper,
.form-public-view .form-content-wrapper,
.form-reason-view-view .form-content-wrapper,
.public-form .form-content-wrapper {
  padding: 25px 0;
  position: relative;
}

.form-preview-view .form-content,
.form-public-view .form-content,
.form-reason-view-view .form-content,
.public-form .form-content {
  padding: 25px 35px 0 35px;
}

.form-preview-view .form-header,
.form-public-view .form-header,
.form-reason-view-view .form-header,
.public-form .form-header {
  padding: 0 25px 25px 25px;
  text-align: center;
}

.form-preview-view .form-header img,
.form-public-view .form-header img,
.form-reason-view-view .form-header img,
.public-form .form-header img {
  border: 1px solid #d8d5d6;
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

.form-preview-view .form-context-box,
.form-public-view .form-context-box,
.form-reason-view-view .form-context-box,
.public-form .form-context-box {
  padding: 0 25px 30px 25px;
  text-align: center;
}

.form-preview-view .form-context-box .shift-time,
.form-public-view .form-context-box .shift-time,
.form-reason-view-view .form-context-box .shift-time,
.public-form .form-context-box .shift-time {
  margin-bottom: 6px;
}

.form-preview-view .form-context-box .event-name,
.form-public-view .form-context-box .event-name,
.form-reason-view-view .form-context-box .event-name,
.public-form .form-context-box .event-name {
  margin-bottom: 6px;
}

.form-preview-view .form-widget-type-formatting-section-title,
.form-public-view .form-widget-type-formatting-section-title,
.form-reason-view-view .form-widget-type-formatting-section-title,
.public-form .form-widget-type-formatting-section-title {
  margin-bottom: 20px;
}

.form-preview-view .form-widget-type-formatting-section-title .form-widget-instance-main h1,
.form-public-view .form-widget-type-formatting-section-title .form-widget-instance-main h1,
.form-reason-view-view .form-widget-type-formatting-section-title .form-widget-instance-main h1,
.public-form .form-widget-type-formatting-section-title .form-widget-instance-main h1 {
  text-align: center;
}

.form-preview-view .form-widget-type-formatting-section-title .form-widget-instance-main .form-fields-wrapper,
.form-public-view .form-widget-type-formatting-section-title .form-widget-instance-main .form-fields-wrapper,
.form-reason-view-view .form-widget-type-formatting-section-title .form-widget-instance-main .form-fields-wrapper,
.public-form .form-widget-type-formatting-section-title .form-widget-instance-main .form-fields-wrapper {
  width: auto;
  float: none;
}

.form-preview-view .scrolling-content-wrapper,
.form-public-view .scrolling-content-wrapper,
.form-reason-view-view .scrolling-content-wrapper,
.public-form .scrolling-content-wrapper {
  overflow: auto;
}

.form-preview-view .form-widgets,
.form-public-view .form-widgets,
.form-reason-view-view .form-widgets,
.public-form .form-widgets {
  display: none;
}

.form-preview-view .form-widget-instance.focussed,
.form-public-view .form-widget-instance.focussed,
.form-reason-view-view .form-widget-instance.focussed,
.public-form .form-widget-instance.focussed {
  background-color: #e8f3f7;
}

.form-preview-view .form-widget-instance.focussed .widget-instructions,
.form-public-view .form-widget-instance.focussed .widget-instructions,
.form-reason-view-view .form-widget-instance.focussed .widget-instructions,
.public-form .form-widget-instance.focussed .widget-instructions {
  visibility: visible!important;
}

.form-preview-view .form-widget-instance.hidden,
.form-public-view .form-widget-instance.hidden,
.form-reason-view-view .form-widget-instance.hidden,
.public-form .form-widget-instance.hidden {
  display: none;
}

.form-preview-view .form-widget-type-event-event-role.focussed,
.form-preview-view .form-widget-type-event-role.focussed,
.form-preview-view .form-widget-type-event-shift.focussed,
.form-preview-view .form-widget-type-formatting-hr.focussed,
.form-preview-view .form-widget-type-formatting-paragraph.focussed,
.form-preview-view .form-widget-type-formatting-section-title.focussed,
.form-public-view .form-widget-type-event-event-role.focussed,
.form-public-view .form-widget-type-event-role.focussed,
.form-public-view .form-widget-type-event-shift.focussed,
.form-public-view .form-widget-type-formatting-hr.focussed,
.form-public-view .form-widget-type-formatting-paragraph.focussed,
.form-public-view .form-widget-type-formatting-section-title.focussed,
.form-reason-view-view .form-widget-type-event-event-role.focussed,
.form-reason-view-view .form-widget-type-event-role.focussed,
.form-reason-view-view .form-widget-type-event-shift.focussed,
.form-reason-view-view .form-widget-type-formatting-hr.focussed,
.form-reason-view-view .form-widget-type-formatting-paragraph.focussed,
.form-reason-view-view .form-widget-type-formatting-section-title.focussed,
.public-form .form-widget-type-event-event-role.focussed,
.public-form .form-widget-type-event-role.focussed,
.public-form .form-widget-type-event-shift.focussed,
.public-form .form-widget-type-formatting-hr.focussed,
.public-form .form-widget-type-formatting-paragraph.focussed,
.public-form .form-widget-type-formatting-section-title.focussed {
  background: 0 0!important;
}

.form-preview-view .form-widget-type-formatting-paragraph,
.form-public-view .form-widget-type-formatting-paragraph,
.form-reason-view-view .form-widget-type-formatting-paragraph,
.public-form .form-widget-type-formatting-paragraph {
  line-height: 150%;
}

.form-preview-view .form-widget-type-formatting-paragraph .form-fields-wrapper,
.form-public-view .form-widget-type-formatting-paragraph .form-fields-wrapper,
.form-reason-view-view .form-widget-type-formatting-paragraph .form-fields-wrapper,
.public-form .form-widget-type-formatting-paragraph .form-fields-wrapper {
  width: auto;
}

.form-preview-view .form-widget-type-formatting-hr .form-widget-instance-main,
.form-public-view .form-widget-type-formatting-hr .form-widget-instance-main,
.form-reason-view-view .form-widget-type-formatting-hr .form-widget-instance-main,
.public-form .form-widget-type-formatting-hr .form-widget-instance-main {
  margin-right: 0;
}

.form-preview-view .corner-status-icon,
.form-public-view .corner-status-icon,
.form-reason-view-view .corner-status-icon,
.public-form .corner-status-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.public-form {
  position: relative;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d8d5d6;
  margin-bottom: 65px;
}

.public-form h1 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 33px;
  line-height: 39px;
  color: #0a4e70;
  margin-bottom: 15px;
  text-align: center;
  margin-bottom: 15px;
  color: #60545c;
}

.fonts-loaded .public-form h1 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.public-form .form-widget-type-formatting-section-title h1 {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  color: #80767d;
  font-size: 27px;
  line-height: 30px;
  margin-bottom: 9px;
  margin-bottom: 20px;
}

.fonts-loaded .public-form .form-widget-type-formatting-section-title h1 {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.public-form .shift-location,
.public-form .shift-time {
  text-align: center;
}

.public-form .shift-time {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 9px;
}

.fonts-loaded .public-form .shift-time {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.public-form .shift-location {
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.forms-footer {
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  overflow: hidden;
  color: #fff;
  width: 100%;
}

.forms-footer .forms-footer-wrapper {
  padding: 0 20px;
}

.forms-footer .last-saved-wrapper {
  float: left;
}

.forms-footer .last-saved {
  margin-left: .5em;
}

.forms-footer .forms-pagination {
  float: right;
}

.forms-powered-by {
  background-color: #e8f3f7;
  padding: 20px 0 30px 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #60545c;
}

.forms-powered-by a {
  color: #16becc;
}

.form-buttons {
  padding: 40px 45px;
  background-color: #e8f3f7;
}

.form-buttons .button,
.form-buttons .facebook-button,
.form-buttons input[type=submit].button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 21px;
  border: none;
  margin: 0;
  color: #fff;
  outline: 0;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  background: #16becc;
  border-top: 2px solid #16becc;
  border-bottom: 2px solid #6e95a7;
  height: 48px;
  line-height: 46px;
  padding: 0 21px;
}

.loaded .form-buttons .button,
.loaded .form-buttons .facebook-button,
.loaded .form-buttons input[type=submit].button {
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.form-buttons .button:active,
.form-buttons .button:hover,
.form-buttons .facebook-button:active,
.form-buttons .facebook-button:hover,
.form-buttons input[type=submit].button:active,
.form-buttons input[type=submit].button:hover {
  color: #fff;
  background: #5dc744;
  border-top-color: #5dc744;
  border-bottom-color: #6aa877;
}

.form-buttons .plain {
  border: 2px solid #16becc;
  color: #16becc;
}

.form-buttons .plain:hover {
  color: #6aa877;
  border-color: #6aa877;
}

.publicpage .form-reason-view-view .form-header,
.publicpage .form-reason-view-view .form-widget-instance {
  max-width: 640px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.publicpage .form-reason-view-view .public-form {
  width: auto;
  border: none;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.publicpage .form-reason-view-view .form-content-wrapper {
  padding: 0;
}

.publicpage .form-reason-view-view .form-content {
  padding: 40px 0;
}

.publicpage .form-reason-view-view .form-buttons {
  padding: 20px 20px 0 20px;
}

.publicpage .form-reason-view-view .button {
  width: 100%;
  max-width: 280px;
  float: none!important;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}

.publicpage .form-reason-view-view .form-fields-wrapper,
.publicpage .form-reason-view-view .form-widget-instance-instructions {
  width: 100%;
  max-width: 640px;
  float: none;
  margin: 0 auto;
  padding: 0;
}

.publicpage .form-reason-view-view .widget-instructions {
  visibility: visible!important;
  padding: 0;
  padding-bottom: 10px;
}

.publicpage .form-reason-view-view .form-field.half {
  float: none;
  width: 100%;
  margin-left: 0!important;
  margin-right: 0!important;
  padding-left: 0!important;
  padding-right: 0!important;
}

.publicpage .form-reason-view-view .form-widget-type-standard-checkboxes .form-field label,
.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field label {
  padding-top: 10px;
}

.publicpage .form-reason-view-view .form-widget-type-standard-checkboxes .form-field label:first-child,
.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field label:first-child {
  border: none;
  padding-top: 0;
}

.publicpage .form-reason-view-view .form-widget-type-standard-agreement .form-field .label-text,
.publicpage .form-reason-view-view .form-widget-type-standard-checkboxes .form-field .label-text {
  padding-top: 5px;
}

.publicpage .form-reason-view-view .form-widget-type-standard-agreement .form-field input[type=checkbox],
.publicpage .form-reason-view-view .form-widget-type-standard-checkboxes .form-field input[type=checkbox] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 16px;
}

.publicpage .form-reason-view-view .form-widget-type-standard-agreement label {
  padding-left: 45px;
}

.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field .label-text {
  padding-top: 9px;
}

.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  margin-right: 6px;
  position: relative;
  top: 5px;
  background-color: transparent;
  overflow: hidden;
  top: 1px;
  margin-right: 10px;
}

.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio]:before {
  content: ' ';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 20px;
  height: 20px;
  visibility: hidden;
  display: block;
  background: #16becc;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio].checked:before,
.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio]:checked:before {
  content: ' ';
  visibility: visible;
}

.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio].checked,
.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio]:checked {
  border-color: #16becc;
}

.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio]:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio]:checked:before {
  background: #16becc;
}

.publicpage .form-reason-view-view .form-widget-type-standard-radios .form-field input[type=radio]:checked {
  border-color: #16becc;
}

.publicpage .form-reason-view-view .form-widget-type-timecounts-availability table {
  width: 100%;
}

.publicpage .form-reason-view-view .form-widget-type-event-event-role .form-fields-wrapper,
.publicpage .form-reason-view-view .form-widget-type-event-role .form-fields-wrapper {
  width: auto;
}

.publicpage .form-reason-view-view .form-widget-type-event-event-role .form-field,
.publicpage .form-reason-view-view .form-widget-type-event-role .form-field {
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.publicpage .form-reason-view-view .form-widget-type-event-event-role .form-field input[type=checkbox],
.publicpage .form-reason-view-view .form-widget-type-event-role .form-field input[type=checkbox] {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.events-schedule .applications .combined-table-wrapper,
.forms_responses_view .combined-table-wrapper {
  position: absolute;
  top: 90px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}

.events-schedule .applications .table-scroll-wrapper,
.forms_responses_view .table-scroll-wrapper {
  left: 340px;
}

.events-schedule .applications .table-header-wrapper,
.forms_responses_view .table-header-wrapper {
  left: 340px;
}

.events-schedule .applications .table-sidebar-scroll-wrapper,
.forms_responses_view .table-sidebar-scroll-wrapper {
  width: 339px;
}

.events-schedule .applications .sidebar-width-wrapper,
.forms_responses_view .sidebar-width-wrapper {
  width: 336px;
  float: left;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry td,
.forms_responses_view .table-sidebar .table-sidebar-entry td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .avatar-wrapper,
.forms_responses_view .table-sidebar .table-sidebar-entry .avatar-wrapper {
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  text-align: center;
  padding: 0;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .avatar-wrapper .avatar,
.events-schedule .applications .table-sidebar .table-sidebar-entry .avatar-wrapper .unknown,
.forms_responses_view .table-sidebar .table-sidebar-entry .avatar-wrapper .avatar,
.forms_responses_view .table-sidebar .table-sidebar-entry .avatar-wrapper .unknown {
  width: 36px;
  height: 36px;
  line-height: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  position: relative;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .avatar-wrapper .avatar,
.forms_responses_view .table-sidebar .table-sidebar-entry .avatar-wrapper .avatar {
  background: #fff;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .avatar-wrapper .unknown,
.forms_responses_view .table-sidebar .table-sidebar-entry .avatar-wrapper .unknown {
  font-size: 18px;
  color: #b4d6e1;
  border: 1px dashed #b4d6e1;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .name,
.forms_responses_view .table-sidebar .table-sidebar-entry .name {
  font-size: 14px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  table-layout: fixed;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  padding-left: 10px;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .status,
.forms_responses_view .table-sidebar .table-sidebar-entry .status {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  text-align: right;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .status.to-review,
.forms_responses_view .table-sidebar .table-sidebar-entry .status.to-review {
  color: #16becc!important;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .status.stored,
.forms_responses_view .table-sidebar .table-sidebar-entry .status.stored {
  color: #5dc744;
}

.events-schedule .applications .table-sidebar .table-sidebar-entry .status.stored .sprite,
.forms_responses_view .table-sidebar .table-sidebar-entry .status.stored .sprite {
  float: right;
}

.events-schedule .applications .search,
.forms_responses_view .search {
  float: right;
}

.events-schedule .applications .search input[type=submit],
.forms_responses_view .search input[type=submit] {
  float: right;
}

.events-schedule .applications .search>div,
.forms_responses_view .search>div {
  overflow: hidden;
}

.events-schedule .applications .combined-table-wrapper {
  top: 10px;
}

.forms_index_view .page-action-buttons,
.forms_new_view .page-action-buttons,
.forms_submissions_view .page-action-buttons {
  margin: 0 auto;
}

.homepage,
.homepage #content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  margin: 0;
}

.homepage #content .hero,
.homepage #content .hero-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.homepage #content .title {
  font-size: 82px;
  color: #fff;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  line-height: 93%;
  width: 50%;
  position: absolute;
  bottom: 90px;
  left: 40px;
  text-shadow: 0 0 20px #000;
  padding: 0;
  margin: 0;
}

.fonts-loaded .homepage #content .title {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.homepage #content .hero {
  background: transparent url(images/homepage/plant.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.homepage #content .notify {
  background-color: #fff;
  position: absolute;
  right: 40px;
  bottom: 98px;
  -webkit-box-shadow: 0 0 20px RGBA(0,0,0,.5);
  box-shadow: 0 0 20px RGBA(0,0,0,.5);
}

.homepage #content .cta {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}

.homepage #content input[type=email] {
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.homepage #content .button {
  margin: 0 auto;
  display: block;
  text-align: center;
  position: relative;
  width: 110px;
}

.homepage #content .button-wrapper {
  width: 100%;
}

.homepage #content .notify-wrapper {
  margin: 8px;
  width: 200px;
  height: 200px;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.homepage footer .footer.view {
  background-color: transparent;
}

.homepage footer .footer.view,
.homepage footer .footer.view a,
.homepage footer .footer.view span {
  color: #fff;
}

.messages-index {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.messages-index .table-inline-controls .pagination {
  position: relative;
  top: -4px;
}

.messages-index .tabbed-content {
  background: 0 0;
}

.messages-index .scrolling-content {
  padding: 15px;
}

.messages-index .tabbed-group {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 60%;
}

.messages-index .tabbed-content-wrapper.conversations,
.messages-index .tabbed-content-wrapper.threads {
  top: 50px;
}

.messages-index .tabbed-content-wrapper.conversations {
  width: 50%;
  left: 0;
}

.messages-index .tabbed-content-wrapper.conversations .tabbed-content {
  border: none;
}

.messages-index .tabbed-content-wrapper.threads {
  left: 50%;
  background: white-;
}

.messages-index .tabbed-content-wrapper.messages {
  left: 60%;
}

.messages-index .tabbed-content-wrapper.messages .scrolling-content-wrapper {
  top: 50px;
}

.messages-index .tabbed-content-wrapper.messages .scrolling-content {
  padding: 10px;
}

.conversations-list,
.messages-list,
.threads-list {
  list-style: none;
}

.conversations-list-entry {
  position: relative;
  height: auto;
}

.conversations-list-entry .subject {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 150%;
}

.conversations-list-entry .context {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  line-height: 20px;
}

.conversations-list-entry .has-unread-count .subject {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .conversations-list-entry .has-unread-count .subject {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.conversations-list-entry .meta-wrapper {
  margin-top: 5px;
}

.conversations-list-entry .meta {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  margin-right: 10px;
  float: left;
}

.conversations-list-entry .meta .sprite {
  margin-right: 2px;
}

.conversations-list-entry .meta .meta {
  float: left;
}

.conversations-list-entry,
.threads-list-entry {
  position: relative;
  height: auto;
  cursor: pointer;
}

.conversations-list-entry .list-item-wrapper,
.threads-list-entry .list-item-wrapper {
  padding: 10px 15px;
  border: 1px solid transparent;
}

.conversations-list-entry:hover a,
.conversations-list-entry:hover div,
.conversations-list-entry:hover h3,
.conversations-list-entry:hover span,
.threads-list-entry:hover a,
.threads-list-entry:hover div,
.threads-list-entry:hover h3,
.threads-list-entry:hover span {
  color: #16becc!important;
}

.conversations-list-entry:hover img,
.threads-list-entry:hover img {
  border-color: #16becc!important;
}

.conversations-list-entry:hover input,
.threads-list-entry:hover input {
  border-color: #16becc!important;
}

.conversations-list-entry.selected,
.threads-list-entry.selected {
  border-color: transparent;
  padding-top: 1px;
  margin: -1px -5px 0 -5px;
  background: #fff;
}

.conversations-list-entry.selected .list-item-wrapper,
.threads-list-entry.selected .list-item-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #16becc;
  background: #e0eff4;
}

.conversations-list-entry .list-item-wrapper {
  padding: 10px 10px;
}

.conversations-list-entry.selected .list-item-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.threads-list-entry .list-item-wrapper {
  padding-top: 3px;
  padding-bottom: 3px;
}

.threads-list-entry .state {
  position: absolute;
  top: 15px;
  left: 0;
}

.threads-list-entry .entry-name {
  width: 75%;
  min-width: 75%;
  max-width: 75%;
  font-size: 14px;
}

.threads-list-entry .avatar {
  height: 30px;
  width: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  float: left;
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.threads-list-entry .message-count {
  float: right;
  height: 36px;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.threads-list-entry.selected .state {
  left: 5px;
  top: 16px;
}

.threads-list .no-entries {
  border-bottom: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.threads-list .no-entries .sprite {
  top: 6px;
}

.no-conversations,
.select-thread {
  height: 36px;
  line-height: 36px;
  padding: 5px 0;
  margin-top: -10px;
}

.no-conversations .sprite,
.select-thread .sprite {
  top: 6px;
  margin-right: 10px;
}

.unsubscribed-banner {
  height: 38px;
  line-height: 38px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #b4d6e1;
}

.unsubscribed-wrapper {
  float: left;
  position: relative;
  left: 50%;
}

.unsubscribed-wrapper .unsubscribed-content {
  float: left;
  position: relative;
  left: -50%;
}

.unsubscribed-wrapper .sprite {
  top: 8px;
  margin-right: 6px;
}

.select-thread-block {
  padding: 25px;
}

.select-thread-block .message,
.select-thread-block .sprite {
  margin: 0 auto;
  float: none;
}

.select-thread-block .message {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  margin-bottom: 15px;
  color: #b4d6e1;
  font-size: 14px;
  text-align: center;
}

.fonts-loaded .select-thread-block .message {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.message-reply-form {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.message-reply-form .messages-subject {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  padding-right: 70px;
  position: relative;
  margin-bottom: -1px;
}

.message-reply-form .messages-subject:focus {
  z-index: 1;
}

.message-reply-form .message-error {
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  position: relative;
  top: -5px;
}

.message-reply-form .message-error .sprite {
  top: 2px;
  margin-right: 5px;
}

.message-reply-form .medium-toggle-buttons {
  top: 7px;
  right: 7px;
}

.message-reply-form textarea.messages-body {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: -1px;
  position: relative;
}

.message-reply-form textarea.messages-body:focus {
  z-index: 1;
}

.message-reply-form .messages-button-bar {
  background: #e0eff4;
  height: 28px;
  padding: 10px;
  margin-bottom: 15px;
}

.message-reply-form .messages-button-bar .button {
  float: right;
  height: 28px;
  line-height: 28px;
  padding: 0 11px;
  font-size: 13px;
}

.message-reply-form .messages-button-bar .message-send-type {
  height: 28px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  color: #60545c;
  float: right;
  margin-right: 10px;
}

.messages-list-entry {
  background: #fff;
  margin-bottom: 15px;
  position: relative;
}

.messages-list-entry .subject-line {
  padding: 0 20px 0 7px;
  position: relative;
}

.messages-list-entry .subject-line .avatar {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  float: left;
  position: absolute;
  top: 7px;
  margin-right: 10px;
}

.messages-list-entry .subject-line h3 {
  font-size: 14px;
  float: left;
  line-height: 40px;
}

.messages-list-entry .subject-line .message-date {
  float: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  position: absolute;
  right: 28px;
  top: 0;
  line-height: 40px;
}

.messages-list-entry .subject-line .messages-subject {
  padding-left: 30px;
  padding-right: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.messages-list-entry .subject-line .medium-icon {
  position: absolute;
  left: auto;
  top: 11px;
  right: 8px;
}

.messages-list-entry .message-body {
  padding: 20px 15px;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  line-height: 150%;
  font-size: 14px;
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  word-wrap: break-word;
}

.fonts-loaded .messages-list-entry .message-body {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.messages-list-entry .message-body * {
  color: #60545c!important;
  font-size: 14px!important;
  padding: 0!important;
  margin: 0!important;
  list-style: none!important;
  text-transform: none!important;
  margin-bottom: 8px!important;
}

.messages-list-entry .message-body .hide-quoted-text,
.messages-list-entry .message-body .show-quoted-text {
  color: #16becc!important;
  font-size: 10px!important;
  text-decoration: none;
  letter-spacing: 0;
  cursor: pointer!important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.loaded .messages-list-entry .message-body .hide-quoted-text,
.loaded .messages-list-entry .message-body .show-quoted-text {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.messages-list-entry .message-body .hide-quoted-text:hover,
.messages-list-entry .message-body .show-quoted-text:hover {
  color: #0a4e70!important;
}

.messages-list-entry .message-error {
  position: relative;
  line-height: 125%;
  margin-bottom: 10px;
}

.messages-list-entry .message-error .sprite {
  position: absolute;
  top: -2px;
}

.messages-list-entry .message-error .label {
  padding-left: 22px;
}

.people_index_view .app-page {
  top: 65px;
}

.people_index_view .tabbed-content {
  padding: 0;
}

.people_index_view .scrolling-content {
  padding: 15px 0;
}

.people_index_view .sidebar {
  padding-top: 0;
}

.people_index_view .sidebar-list {
  padding-top: 4px;
  padding-bottom: 0;
}

.people_index_view .table-control-right-group {
  margin-left: -15px;
}

.people_index_view .pagination {
  position: absolute;
  top: auto;
  bottom: -4px;
  right: 10px;
}

.dynamic-list {
  list-style: none;
  padding: 0 20px 0 11px;
}

.dynamic-list .dynamic-list-entry {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  padding: 15px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  height: 36px;
  line-height: 36px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

.dynamic-list .dynamic-list-entry:first-child {
  border-top-width: 1px;
}

.dynamic-list .dynamic-list-entry:last-child {
  border-bottom-width: 1px;
}

.dynamic-list .dynamic-list-entry.selected {
  border-color: #16becc;
  background-color: #e8f3f7;
  border-width: 1px;
  margin: 0 -10px;
  padding-left: 9px;
  padding-right: 9px;
  margin-top: -1px;
}

.dynamic-list .dynamic-list-entry.selected .person-disclose-button {
  right: 9px;
}

.dynamic-list .dynamic-list-entry.selected .person-groups-wrapper {
  padding-left: 10px;
}

.dynamic-list .dynamic-list-entry.selected:first-child {
  margin-top: 0;
}

.dynamic-list .dynamic-list-entry:hover a,
.dynamic-list .dynamic-list-entry:hover div,
.dynamic-list .dynamic-list-entry:hover h3,
.dynamic-list .dynamic-list-entry:hover span {
  color: #16becc!important;
}

.dynamic-list .dynamic-list-entry:hover img {
  border-color: #16becc!important;
}

.dynamic-list .dynamic-list-entry:hover input {
  border-color: #16becc!important;
}

.dynamic-list .dynamic-list-entry .multiline-name {
  display: inline-block;
  float: left;
}

.dynamic-list .dynamic-list-entry .multiline-name .multiline-first-name,
.dynamic-list .dynamic-list-entry .multiline-name .multiline-last-name {
  font-size: 14px;
  line-height: 18px;
}

.dynamic-list .dynamic-list-entry .multiline-name.anonymous {
  font-size: 14px;
}

.dynamic-list .no-entries {
  font-size: 14px;
  margin-top: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dynamic-list .no-entries:hover {
  background-color: transparent!important;
  padding-left: 0;
  padding-right: 0;
  cursor: inherit;
}

.dynamic-list.compact .dynamic-list-entry {
  padding-top: 5px;
  padding-bottom: 5px;
}

.dynamic-list.compact .dynamic-list-entry .person-disclose-button {
  top: 10px;
}

.dynamic-list.compact .person-avatar {
  height: 25px;
  width: 25px;
  position: relative;
  top: 4px;
}

.dynamic-list.compact .person-groups-wrapper {
  display: none;
}

.dynamic-list.compact .person-address {
  width: 25%;
  min-width: 100px;
  max-width: 240px;
}

.dynamic-list.compact .entry-name {
  font-size: 14px;
  width: 35%;
  min-width: 100px;
  max-width: 300px;
}

.dynamic-list.full .person-name-address {
  width: 300px;
  display: table-cell;
  vertical-align: middle;
  max-height: 40px;
  min-height: 40px;
  height: 40px;
  max-width: 350px;
}

.dynamic-list.full .person-name-address .entry-name,
.dynamic-list.full .person-name-address .person-address {
  line-height: 18px;
  height: 18px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.dynamic-list.full .person-name-address .entry-name {
  font-size: 14px;
}

.dynamic-list.full .person-address {
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
}

.dynamic-list.full .person-avatar {
  height: 36px;
  width: 36px;
  top: 0;
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
}

.dynamic-list.full .person-avatar-wrapper {
  height: 40px;
  width: 40px;
}

.dynamic-list.full .person-list-entry {
  height: 40px;
  line-height: 40px;
}

.dynamic-list.full .person-group {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 16px;
  line-height: 16px;
  padding: 0 3px;
  margin-right: 2px;
  margin-bottom: 2px;
  max-width: 200px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dynamic-list.full .and-more-groups {
  border: none;
}

.person-groups-wrapper {
  position: absolute;
  top: 0;
  left: 340px;
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
}

ul.person-groups-list {
  list-style: none;
  display: table-cell;
  vertical-align: middle;
  height: 68px;
  min-height: 68px;
  max-height: 68px;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
}

ul.person-groups-list li.person-group {
  float: left;
  margin-right: 5px;
  line-height: 120%;
}

.person-avatar-wrapper {
  position: relative;
  height: 36px;
  text-decoration: none;
  padding-right: 7px;
}

.person-avatar {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  top: 2px;
}

.entry-name,
.person-address,
.person-avatar-wrapper,
.person-checkbox-wrapper,
.person-email {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  line-height: 36px;
  height: 36px;
}

.person-checkbox-wrapper {
  padding-left: 20px;
  margin-left: -20px;
  padding-right: 20px;
  margin-right: -20px;
}

.select-entire-group {
  background-color: #f0fafa;
  border-width: 1px 0;
  border-style: solid;
  border-color: #00acba;
  -webkit-animation: fadein .5s;
  -ms-animation: fadein .5s;
  animation: fadein .5s;
  padding: 0 20px;
  margin-top: 8px;
  margin-bottom: -10px;
  margin-left: -3px;
  margin-right: -3px;
  color: #60545c;
  height: 28px;
  display: none;
}

.select-entire-group .selection-text,
.select-entire-group label.select-entire-label {
  line-height: 28px;
  height: 28px;
  font-size: 11px;
}

.select-entire-group label.select-entire-label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  color: #16becc;
  display: inline-block;
  margin: 0;
  cursor: pointer;
}

.search-box-wrapper {
  position: relative;
}

.search-box-wrapper.positioned {
  position: absolute;
  top: 15px;
  right: 10px;
}

.search-box-wrapper input {
  padding: 0 20px;
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}

.search-box-wrapper .country-filter {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  float: left;
  width: inherit;
}

.search-box-wrapper .country-filter label {
  display: none;
}

.search-box-wrapper .country-filter select {
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: inherit;
  min-width: inherit;
  max-width: inherit;
  height: 26px;
  line-height: 26px;
  padding: 0 26px 0 8px;
  font-size: 12px;
  float: left;
  color: #60545c;
}

.search-box-wrapper .country-filter select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #b4d6e1;
}

.clear-search {
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: #fff;
  height: 28px;
  width: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  line-height: 28px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
}

.loaded .clear-search {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.has-contents .clear-search {
  display: block;
  -webkit-animation: fadein .25s;
  -ms-animation: fadein .25s;
  animation: fadein .25s;
}

.clear-search .sprite {
  position: absolute;
  top: 3px;
  right: 3px;
}

.forms_responses_view .clear-search.focus {
  right: 66px;
}

.select-everything-wrapper {
  float: right;
}

.people_index_view .sidebar-entry {
  position: relative;
}

.people_index_view .sidebar-entry .title,
.people_index_view .sidebar-entry input {
  display: block;
}

.people_index_view .sidebar-entry .title {
  height: 30px;
  line-height: 30px;
  padding-left: 3px;
}

.people_index_view .sidebar-entry .input__text {
  height: 24px;
  padding: 0 3px;
  position: relative;
  top: 3px;
  left: 0;
  border: none;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}

.people_index_view .sidebar-entry .total {
  padding-left: 4px;
}

.people_index_view .sidebar-entry .delete {
  float: right;
  top: 1px;
  left: 1px;
}

.people_index_view .sidebar-entry .title {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.loaded .people_index_view .sidebar-entry .title-hover {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -moz-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -o-transition-property: box-shaddow,opacity,color,background-color,border-color;
  -ms-transition-property: box-shaddow,opacity,color,background-color,border-color;
  transition-property: box-shaddow,opacity,color,background-color,border-color;
}

.people_index_view .sidebar-entry .title-hover:hover {
  width: 100%;
  height: 24px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3px;
  position: relative;
  top: 3px;
  left: -3px;
}

.people_index_view .sidebar-entry .delete .sprite {
  top: 4px;
  left: 5px;
}

.people_index_view .sidebar-entry .icon {
  top: 4px;
  left: -4px;
}

.sidebar-section-header {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.search-panel {
  margin: -16px 10px 10px 5px;
  background-color: #fcfcfb;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  zoom: 1;
}

.search-panel:after,
.search-panel:before {
  content: "";
  display: table;
}

.search-panel:after {
  clear: both;
}

.search-panel .edit-button,
.search-panel .order-select,
.search-panel .search-button {
  float: right;
}

.search-panel .edit-search {
  height: 26px;
}

.search-panel .edit-search .edit-button,
.search-panel .edit-search .search-name {
  line-height: 26px;
  font-size: 13px;
  margin: 0 10px;
}

.search-panel .edit-search .search-name {
  float: left;
}

.search-panel .edit-search .edit-button {
  float: right;
}

.search-panel-controls {
  padding: 6px;
  height: 26px;
  position: relative;
}

.search-panel-controls .search-button {
  float: right;
}

.search-panel-controls .save-button {
  float: right;
}

.search-panel-controls .close,
.search-panel-controls .save-button,
.search-panel-controls .search-button {
  line-height: 26px;
  height: 26px;
}

.search-panel-controls .search-button {
  padding: 0 20px;
  border: none;
}

.search-panel-controls .save-button {
  padding: 0 15px;
}

.search-panel-controls .styled-select-button {
  position: absolute;
  left: 50%;
  top: 6px;
}

.search-panel-controls .styled-select-button .label {
  font-size: 11px!important;
  text-transform: uppercase!important;
  line-height: 26px!important;
}

.search-panel-controls .styled-select-button .label,
.search-panel-controls .styled-select-button select {
  height: 26px!important;
}

.search-panel-controls .styled-select-button .icon {
  top: 1px;
}

.search-panel-controls .styled-select-button .styled-select-core {
  position: relative;
  right: 50%;
}

.advanced-search select,
.search-panel select {
  width: auto;
}

.advanced-search-box .search-queries {
  padding: 10px;
}

.advanced-search-row {
  padding: 6px;
  padding-bottom: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.advanced-search-row .conjunction,
.advanced-search-row .separator {
  float: left;
  line-height: 26px;
  margin-bottom: 4px;
  margin-right: 8px;
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
}

.fonts-loaded .advanced-search-row .conjunction,
.fonts-loaded .advanced-search-row .separator {
  font-family: LLCircular-Medium,'Helvetica Neue',sans-serif;
}

.advanced-search-row .separator {
  font-size: 16px;
}

.advanced-search-row .input__text,
.advanced-search-row select {
  height: 26px;
  font-size: 12px;
  float: left;
  padding: 0 5px;
  margin-right: 8px;
  margin-bottom: 4px;
}

.advanced-search-row select {
  padding-right: 20px;
}

.advanced-search-row .input__text {
  width: 250px;
  max-width: 250px;
}

.advanced-search-row .input__text.date {
  width: 100px;
  max-width: 100px;
}

.advanced-search-row:last-child {
  border: none;
}

.advanced-search-row .typeahead-container {
  float: left;
  min-width: 300px;
  padding: 1px;
}

.advanced-search-row .typeahead-container .typeahead {
  width: 100%;
}

.advanced-search-row .typeahead-container .input__text,
.advanced-search-row .typeahead-container .typeahead-token {
  height: 22px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.advanced-search-row .typeahead-container .typeahead-token {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 22px;
  position: relative;
}

.advanced-search-row .typeahead-container .typeahead-token .label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding-right: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advanced-search-row .typeahead-container .typeahead-token .sprite {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}

.advanced-search-row-add,
.advanced-search-row-remove {
  float: right;
}

.PeopleNew_content {
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.PeopleNew_listItem {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 9px;
}

.fonts-loaded .PeopleNew_listItem {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.PeopleNew_title {
  font-family: 'Helvetica Neue',sans-serif;
  font-weight: 400;
  font-size: 33px;
  line-height: 39px;
  color: #0a4e70;
  margin-bottom: 15px;
}

.fonts-loaded .PeopleNew_title {
  font-family: LLCircular-Book,'Helvetica Neue',sans-serif;
}

.PeopleNew_wrapper {
  background-color: #f0f7f9;
  padding: 60px 40px;
}

.PeopleNew_recentFileUploads {
  position: relative;
}

.PeopleNew_recentFileUploadsHeader {
  border-bottom: 1px solid #d8d5d6;
  border-top: 1px solid #d8d5d6;
  font-size: 12px;
  height: 30px;
  padding-top: 6px;
  text-transform: uppercase;
}

.PeopleNew_recentFileUploadsHeader .PeopleNew_recentFileSpreadsheetName {
  font-size: 12px;
}

.PeopleNew_recentFileUploadsItem {
  background-color: #fff;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  cursor: pointer;
  height: 50px;
  padding-top: 10px;
}

.PeopleNew_recentFileUploadsItem:nth-child(odd) {
  background-color: #f0f7f9;
}

.PeopleNew_recentFileUploadsItem:hover {
  background-color: #f0f7f9;
  border-bottom: 1px solid #66adc7;
  border-top: 1px solid #66adc7;
}