.instructions {
  line-height: 1.2em;
  font-size: 1.1em;
  text-align: center;
  margin-top: 10px;
  padding: 0 20px;
}
.instructions b {
  color: #000;
}
.instruction-block {
  margin: 15px 0;
}
.bb-menu {
  margin: 0 4px -4px 4px;
  padding: 0 2px;
  background-color: #dfdfdf;
  width: 10px;
  height: 22px;
  border-radius: 2px;
  display: inline-block;
  position: relative;
}
.bb-menu span {
  border: 2px solid #000;
  position: absolute;
  border-radius: 50%;
  left: 5px;
}
.bb-menu-1 {
  bottom: 15px;
}
.bb-menu-2 {
  bottom: 9px;
}
.bb-menu-3 {
  bottom: 3px;
}
.menu-bar {
  margin: 0 auto 20px;
  display: block;
  width: 200px;
  height: 45px;
  -webkit-background-size: 200px 45px;
  -moz-background-size: 200px 45px;
  background-size: 200px 45px;
  background-image: url("//eventmobi-assets.s3.amazonaws.com/common-assets/add-to-home/menu-bar.png");
}
.share-icon {
  margin: 10px auto;
  display: block;
}
.share-icon.ios-share-icon {
  margin: 0 auto 20px;
  width: 200px;
  height: 60px;
  -webkit-background-size: 200px 60px;
  -moz-background-size: 200px 60px;
  background-size: 200px 60px;
  background-image: url("//eventmobi-assets.s3.amazonaws.com/common-assets/add-to-home/share-icon-ios7.png");
}
.add-to-home-icon {
  margin: 10px auto;
  display: block;
}
.add-to-home-icon.ios-add-to-home-icon {
  margin: 0 auto;
  width: 162px;
  height: 90px;
  -webkit-background-size: 162px 90px;
  -moz-background-size: 162px 90px;
  background-size: 162px 90px;
  background-image: url("//eventmobi-assets.s3.amazonaws.com/common-assets/add-to-home/add-to-home-icon-ios7.png");
}
.card-banner {
  border-right: 0;
  border-left: 0;
  padding: 5px 0;
  text-align: center;
  margin-bottom: 10px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.card-banner-title {
  text-transform: uppercase;
  color: #888;
  font-size: 0.8em;
  text-align: left;
  margin-bottom: 10px;
}
.card-banner-link {
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.card-banner-image {
  width: inherit;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  max-width: 600px;
  max-height: 100px;
}
.card-banner-container {
  margin: 0 10px;
}
.carousel-enabled .card-banner-container {
  margin-right: 45px;
}
.menu-nav-banner .card-banner-link {
  border: none;
}
.menu-nav-ad {
  height: inherit;
}
.menu-nav-ad .card-banner {
  padding: 0;
  margin: 0;
}
.menu-nav-ad .card-banner .card-banner-title {
  display: none;
}
.menu-nav-ad .card-banner .card-banner-link {
  background-color: #656f81;
  border-radius: 0;
}
.menu-nav-ad .card-banner .card-banner-image {
  width: inherit;
  max-width: 100%;
  height: inherit;
  border-radius: 0;
}
.menu-nav-ad .card-banner .advertisement-message {
  display: none;
}
.menu-nav-ad .card-banner .advertisement-message-menu {
  color: rgba(255,255,255,0.5);
  margin: 0 auto;
  line-height: 2em;
  max-width: 80%;
  display: inline-block;
  font-weight: 400;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.menu-nav-ad .card-banner .advertisement-message-menu + .icon-chevron-right {
  color: rgba(255,255,255,0.5);
  display: inline-block;
  font-size: 0.7em;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 3px;
}
.ad-wrapper .modal-content {
  height: 90%;
  max-height: 500px;
}
.ad-wrapper .modal-content img {
  margin-bottom: 20px;
}
.advertisement-message-menu {
  display: none;
}
.advertisement-message-menu + .icon-chevron-right {
  display: none;
}
.advertisement-message {
  padding: 10px 0 6px;
}
.advertisement-message .icon-chevron-right {
  position: relative;
  right: 15px;
  display: inline-block;
  float: right;
}
.advertisement-message-content {
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 0.9em;
  font-weight: 400;
  display: inline-block;
}
.advertisement-custom {
  height: 100%;
}
.advertisement-text {
  float: left;
  height: 100%;
  max-height: 350px;
}
.advertisement-text p {
  max-height: 100%;
  display: block;
  overflow: scroll;
}
.advertisement-image-container {
  width: 100%;
  float: left;
}
.advertisement-image {
  max-height: 400px;
  overflow: hidden;
}
.advertisement-calltoaction {
  margin-top: 25px;
}
.advertisement-calltoaction .button-block {
  position: absolute;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 20px;
  margin: auto;
}
.advertisement-image-title {
  display: inline-block;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: left;
  font-weight: 800;
  float: left;
  margin-bottom: 10px;
}
.advertisement-image-close {
  display: inline-block;
  float: right;
  width: 10%;
  text-align: right;
  margin-bottom: 10px;
  color: #444;
}
.advertisement-image-close .icon-remove {
  font-size: 1.2em;
}
#advertisement-modal {
  height: 110%;
  overflow: hidden;
  text-align: center;
  padding: 45px 20px 30px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9001;
  display: none;
  background: rgba(0,0,0,0.4);
}
#advertisement-modal .advertisement-modal-wrapper {
  background: #fff;
  padding: 1em;
  border-radius: 10px;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  20% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  20% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  80% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes LowFadePulse {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@keyframes LowFadePulse {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  40% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  40% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  70% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  70% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes bounceUp {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 500px, 0);
    -moz-transform: translate3d(0, 500px, 0);
    -o-transform: translate3d(0, 500px, 0);
    -ms-transform: translate3d(0, 500px, 0);
    transform: translate3d(0, 500px, 0);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceUp {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 500px, 0);
    -moz-transform: translate3d(0, 500px, 0);
    -o-transform: translate3d(0, 500px, 0);
    -ms-transform: translate3d(0, 500px, 0);
    transform: translate3d(0, 500px, 0);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes open-left-menu {
  from {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes open-left-menu {
  from {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes close-left-menu {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
}
@keyframes close-left-menu {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
}
@-webkit-keyframes open-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(20em, 0, 0);
    -moz-transform: translate3d(20em, 0, 0);
    -o-transform: translate3d(20em, 0, 0);
    -ms-transform: translate3d(20em, 0, 0);
    transform: translate3d(20em, 0, 0);
  }
}
@keyframes open-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(20em, 0, 0);
    -moz-transform: translate3d(20em, 0, 0);
    -o-transform: translate3d(20em, 0, 0);
    -ms-transform: translate3d(20em, 0, 0);
    transform: translate3d(20em, 0, 0);
  }
}
@-webkit-keyframes close-left {
  from {
    -webkit-transform: translate3d(20em, 0, 0);
    -moz-transform: translate3d(20em, 0, 0);
    -o-transform: translate3d(20em, 0, 0);
    -ms-transform: translate3d(20em, 0, 0);
    transform: translate3d(20em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes close-left {
  from {
    -webkit-transform: translate3d(20em, 0, 0);
    -moz-transform: translate3d(20em, 0, 0);
    -o-transform: translate3d(20em, 0, 0);
    -ms-transform: translate3d(20em, 0, 0);
    transform: translate3d(20em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes open-right-menu {
  from {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-40em, 0, 0);
    -moz-transform: translate3d(-40em, 0, 0);
    -o-transform: translate3d(-40em, 0, 0);
    -ms-transform: translate3d(-40em, 0, 0);
    transform: translate3d(-40em, 0, 0);
  }
}
@keyframes open-right-menu {
  from {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-40em, 0, 0);
    -moz-transform: translate3d(-40em, 0, 0);
    -o-transform: translate3d(-40em, 0, 0);
    -ms-transform: translate3d(-40em, 0, 0);
    transform: translate3d(-40em, 0, 0);
  }
}
@-webkit-keyframes close-right-menu {
  from {
    -webkit-transform: translate3d(-40em, 0, 0);
    -moz-transform: translate3d(-40em, 0, 0);
    -o-transform: translate3d(-40em, 0, 0);
    -ms-transform: translate3d(-40em, 0, 0);
    transform: translate3d(-40em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
}
@keyframes close-right-menu {
  from {
    -webkit-transform: translate3d(-40em, 0, 0);
    -moz-transform: translate3d(-40em, 0, 0);
    -o-transform: translate3d(-40em, 0, 0);
    -ms-transform: translate3d(-40em, 0, 0);
    transform: translate3d(-40em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
}
@-webkit-keyframes open-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
}
@keyframes open-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
}
@-webkit-keyframes close-right {
  from {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes close-right {
  from {
    -webkit-transform: translate3d(-20em, 0, 0);
    -moz-transform: translate3d(-20em, 0, 0);
    -o-transform: translate3d(-20em, 0, 0);
    -ms-transform: translate3d(-20em, 0, 0);
    transform: translate3d(-20em, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.appointment-request {
  background-color: #fff;
  color: #000;
  padding: 10px 0px 0px 0px;
}
.appointment-request h3 {
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 10px;
}
.appointment-request .pending {
  color: #ababab;
}
.appointment-request .accepted {
  font-weight: 600;
  color: #6ebb83;
}
.appointment-request .cancelled {
  font-weight: 600;
  color: #f15a5a;
}
.appointment-request-content {
  margin: 10px 10px 30px 10px;
}
.appointment-request-content [class^="icon-"] {
  width: 14px;
  text-align: center;
  margin-right: 5px;
}
.appointment-request-content li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 5px;
}
.appointment-request-content li:last-of-type {
  margin-bottom: 0px;
}
.appointment-request-footer {
  height: 48px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.appointment-request-footer .appointment-button-group {
  width: 100%;
  height: 100%;
}
.appointment-request-footer button {
  border: 0;
  width: 50%;
  height: 100%;
}
.appointment-request-footer .button-accept {
  background-color: #6ebb83;
  color: #fff;
}
.appointment-request-footer .button-decline {
  color: #444;
  background-color: #eee;
}
.appointment-status {
  padding: 10px 0 15px 0;
  margin: auto;
  width: 50%;
  text-align: center;
  color: #888;
}
@media only screen and (min-width: 668px) {
  .appointment-request {
    max-width: 450px;
  }
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
  min-width: 260px;
  background-color: #fafafa;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
}
body {
  margin: 0;
  font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  color: #444;
}
input,
textarea,
button {
  font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
}
a {
  color: #e65529;
  text-decoration: none;
  cursor: pointer;
}
a i {
  font-weight: 400;
}
img {
  vertical-align: middle;
}
svg {
  max-height: 100%;
}
textarea {
  resize: vertical;
}
.container {
  width: 100%;
  background-color: #fff;
  height: 100%;
  position: fixed;
}
.content-body {
  background-color: #fafafa;
}
@media (min-width: 1280px) {
  .content-body-1280 {
    max-width: 1280px;
    margin: auto;
  }
}
@media (min-width: 600px) {
  .content-body-1280 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.MuiContainer-root:not(.MuiContainer-maxWidthXl):not(.MuiContainer-maxWidthLg):not(.MuiContainer-maxWidthMd):not(.MuiContainer-maxWidthSm):not(.MuiContainer-maxWidthXs) {
  padding-left: 0px;
  padding-right: 0px;
}
@media only screen and (max-width: 1330px) {
  .content-body-1280 .carousel-enabled,
  .MuiContainer-maxWidthLg .carousel-enabled {
    padding-right: 35px;
  }
}
.item-title {
  display: block;
  width: 100%;
  padding: 0 15px;
  margin: 25px 0 20px;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1.2em;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.item-title.ars-item-title {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-height: 50px;
}
.item-details {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.item-details .button-card-footer.disabled,
.item-details .button-card-footer-half-width.disabled {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  color: #888;
  cursor: not-allowed;
}
.item-details .button-card-footer.disabled:hover,
.item-details .button-card-footer-half-width.disabled:hover,
.item-details .button-card-footer.disabled:active,
.item-details .button-card-footer-half-width.disabled:active,
.item-details .button-card-footer.disabled:focus,
.item-details .button-card-footer-half-width.disabled:focus {
  color: #888;
  background-color: #f5f5f5;
}
.item-details .button-card-footer-block {
  border-bottom: none;
}
.item-details-content {
  margin: 15px 15px 15px 15px;
  color: #555;
  font-size: 1.1em;
}
.item-details-content:last-of-type {
  margin-bottom: 20px;
}
.item-details-content .item-details-name {
  display: block;
  width: 100%;
  margin: 0 0 0;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1.2em;
}
.item-details-content .item-date,
.item-details-content .item-time {
  display: block;
  margin-bottom: 5px;
}
.item-details-content .item-date i,
.item-details-content .item-time i {
  margin-right: 3px;
  font-size: 1em;
}
.item-details-content .item-tracks-item {
  display: block;
}
.item-details-content .item-tracks-item .icon-circle {
  display: inline-block;
  font-size: 0.8em;
}
.item-details-content .item-tracks-item .track-title {
  width: 90%;
  display: inline-block;
  vertical-align: top;
  margin: 2px 0 15px;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 400;
}
.item-details-content .item-tracks-item .track-title:last-child {
  margin-bottom: 0;
}
.item-details-content .item-location {
  font-weight: 800;
}
.item-details-content .item-location-link {
  float: right;
}
@media all and (max-width: 668px) {
  .item-location-link {
    display: none;
  }
}
.item-notes {
  background-color: #fff;
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.item-notes-textarea {
  font-size: 18px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ccc;
  min-height: 100px;
  margin-bottom: 15px;
}
.item-details-title {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 5px;
  display: block;
}
.content-card-list {
  list-style: none;
  margin: 10px 10px 0;
  padding: 0;
}
.content-card-list.carousel-enabled {
  margin-right: 45px;
}
.content-body-1280 .content-card-list.carousel-enabled {
  margin-right: 10px;
}
.date-title {
  margin: 0;
  padding: 0;
  margin: 10px 0 0 10px;
  font-weight: 800;
  font-size: 1.1em;
}
.content-list {
  list-style: none;
  margin: 15px 15px 20px;
  padding: 0;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.content-list li:last-child .list-item {
  border: none;
}
.content-list.with-item-date .list-item-content {
  margin: 0;
  width: 80%;
}
.content-list.font-size-2x .no-description .item-title {
  font-size: 1.2em;
}
.list-item {
  width: 100%;
  border-bottom: 1px solid #ddd;
  height: 50px;
  cursor: pointer;
  display: block;
  font-weight: 400;
  color: #555;
}
.list-item .list-icon {
  padding-left: 0.2em;
  margin: 0 5px 0 8px;
  line-height: 50px;
  vertical-align: top;
  width: 0.7em;
  display: inline-block;
}
.list-item .icon-chevron-right,
.list-item .list-item-aside {
  float: right;
  position: relative;
  right: 18px;
  top: 18px;
  line-height: 50px;
  color: #c3c3c3;
}
.list-item-date {
  display: inline-block;
  margin: 7px 7px 0px 8px;
  vertical-align: top;
  background-color: #3b3b3b;
  padding: 5px 8px;
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 1.2em;
  line-height: 15px;
  border-radius: 3px;
}
.list-item-date span {
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.5em;
  line-height: 10px;
}
.list-item-content {
  width: 70%;
  display: inline-block;
  margin-left: 1em;
}
.list-item-content .list-item-title,
.list-item-content .list-item-description {
  width: 95%;
  display: block;
  line-height: 16px;
  margin: 3px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #555;
}
.list-item-content .list-item-title:first-child,
.list-item-content .list-item-description:first-child {
  margin-top: 8px;
}
.list-item-content .list-item-title {
  font-size: 1.1em;
}
.list-item-content .list-item-description {
  color: #888;
  font-size: 0.8em;
}
.list-item-content.no-description .list-item-title {
  line-height: 50px;
  margin: 0;
}
.list-item--tall {
  height: 68px;
}
.list-item--tall .icon-chevron-right {
  line-height: 68px;
}
.is-link:hover {
  cursor: pointer;
}
.card {
  display: inline-block;
  z-index: 1;
  width: 100%;
  border: 1px solid #ddd;
  margin: 0 0 15px;
  background-color: #fff;
  border-radius: 5px;
}
.card.is-added {
  border: 2px solid rgba(230,85,41,0.5);
}
.card .icon-chevron-right {
  float: right;
  position: relative;
  right: 18px;
  line-height: 95px;
  color: #c3c3c3;
}
.card-content {
  padding: 10px;
  display: inline-block;
  width: 94%;
}
.card-date,
.card-location {
  display: inline-block;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 50%;
}
.card-location {
  float: right;
  width: 45%;
  text-align: right;
}
.card-title {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4em;
  color: #444;
  padding: 5px 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.card-image {
  max-width: 100%;
  margin-top: 10px;
}
.card-tracks {
  color: #e65529;
  margin: 5px 0 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 400;
}
.card-tracks .icon-circle {
  font-size: 0.8em;
  top: -1px;
  position: relative;
  margin-right: 2px;
}
.empty-block {
  text-align: center;
  margin: 30px 20px;
  font-size: 2em;
  line-height: 1.5em;
}
.details-block {
  margin: 15px 15px 20px;
}
.details-block .content-card-list,
.details-block .content-list {
  margin: 10px 0 0;
}
.details-block .content-list {
  font-size: 1.1em;
  margin-top: 5px;
}
.details-block .person-list {
  margin: 0;
}
.details-block-title {
  color: #555;
  text-transform: uppercase;
  font-size: 0.9em;
}
.details-block-title.block-title-margin {
  margin: 15px 15px 0;
}
.details-block-content {
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #ddd;
  width: 100%;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  display: block;
  font-size: 1.1em;
  line-height: 1.4em;
}
.details-block-content p,
.details-block-content div {
  margin-bottom: 1em;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.details-block-content p:last-of-type,
.details-block-content div:last-of-type {
  margin-bottom: 0;
}
.details-block-content a {
  font-weight: 800;
}
.details-block-content img {
  max-width: 100%;
}
.details-block-content ul {
  list-style: disc;
}
.details-block-content ol {
  list-style: decimal;
}
.details-block-content li {
  margin-left: 20px;
}
.details-block-content.custom-fields ul,
.details-block-content.custom-fields ol {
  list-style: none;
}
.details-block-content.custom-fields li {
  margin-left: none;
}
.content-footer {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 20px 0 40px;
}
.content-footer h6 {
  text-transform: uppercase;
  color: #888;
  font-weight: 400;
  font-size: 0.8em;
  margin: 0px 0 8px;
}
.content-footer .footer-logo {
  width: 130px;
  height: 30px;
}
@media only screen and (min-width: 480px) {
  a,
  li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.no-user-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-15 {
  padding-left: 15px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.tracks-blue,
.tracks-blue .subtrack-item [class*='icon-'],
.tracks-blue a {
  color: #3173c1;
}
.tracks-lightblue,
.tracks-lightblue .subtrack-item [class*='icon-'],
.tracks-lightblue a {
  color: #2e96d7;
}
.tracks-purple,
.tracks-purple .subtrack-item [class*='icon-'],
.tracks-purple a {
  color: #8e26cd;
}
.tracks-darkpurple,
.tracks-darkpurple .subtrack-item [class*='icon-'],
.tracks-darkpurple a {
  color: #630947;
}
.tracks-red,
.tracks-red .subtrack-item [class*='icon-'],
.tracks-red a {
  color: #b52c2c;
}
.tracks-brown,
.tracks-brown .subtrack-item [class*='icon-'],
.tracks-brown a {
  color: #766341;
}
.tracks-orange,
.tracks-orange .subtrack-item [class*='icon-'],
.tracks-orange a {
  color: #e28909;
}
.tracks-yellow,
.tracks-yellow .subtrack-item [class*='icon-'],
.tracks-yellow a {
  color: #dcba00;
}
.tracks-green,
.tracks-green .subtrack-item [class*='icon-'],
.tracks-green a {
  color: #2ab93b;
}
.tracks-plum,
.tracks-plum .subtrack-item [class*='icon-'],
.tracks-plum a {
  color: #93487d;
}
.tracks-lime,
.tracks-lime .subtrack-item [class*='icon-'],
.tracks-lime a {
  color: #8bb300;
}
.tracks-pink,
.tracks-pink .subtrack-item [class*='icon-'],
.tracks-pink a {
  color: #e570e7;
}
.tracks-gold,
.tracks-gold .subtrack-item [class*='icon-'],
.tracks-gold a {
  color: #fccc5d;
}
.tracks-silver,
.tracks-silver .subtrack-item [class*='icon-'],
.tracks-silver a {
  color: #b9c6cc;
}
.tracks-brown,
.tracks-brown .subtrack-item [class*='icon-'],
.tracks-brown a {
  color: #766341;
}
.tracks-black,
.tracks-black .subtrack-item [class*='icon-'],
.tracks-black a {
  color: #000;
}
@media only screen and (min-width: 668px) {
  .tracks-blue:hover,
  .tracks-blue .subtrack-item [class*='icon-']:hover,
  .tracks-blue a:hover {
    color: #275c9a;
  }
  .tracks-lightblue:hover,
  .tracks-lightblue .subtrack-item [class*='icon-']:hover,
  .tracks-lightblue a:hover {
    color: #2279af;
  }
  .tracks-purple:hover,
  .tracks-purple .subtrack-item [class*='icon-']:hover,
  .tracks-purple a:hover {
    color: #721ea4;
  }
  .tracks-darkpurple:hover,
  .tracks-darkpurple .subtrack-item [class*='icon-']:hover,
  .tracks-darkpurple a:hover {
    color: #4f0739;
  }
  .tracks-red:hover,
  .tracks-red .subtrack-item [class*='icon-']:hover,
  .tracks-red a:hover {
    color: #912323;
  }
  .tracks-brown:hover,
  .tracks-brown .subtrack-item [class*='icon-']:hover,
  .tracks-brown a:hover {
    color: #5e4f34;
  }
  .tracks-orange:hover,
  .tracks-orange .subtrack-item [class*='icon-']:hover,
  .tracks-orange a:hover {
    color: #b56e07;
  }
  .tracks-yellow:hover,
  .tracks-yellow .subtrack-item [class*='icon-']:hover,
  .tracks-yellow a:hover {
    color: #b09500;
  }
  .tracks-green:hover,
  .tracks-green .subtrack-item [class*='icon-']:hover,
  .tracks-green a:hover {
    color: #22942f;
  }
  .tracks-plum:hover,
  .tracks-plum .subtrack-item [class*='icon-']:hover,
  .tracks-plum a:hover {
    color: #763a64;
  }
  .tracks-lime:hover,
  .tracks-lime .subtrack-item [class*='icon-']:hover,
  .tracks-lime a:hover {
    color: #6f8f00;
  }
  .tracks-pink:hover,
  .tracks-pink .subtrack-item [class*='icon-']:hover,
  .tracks-pink a:hover {
    color: #da35dd;
  }
  .tracks-gold:hover,
  .tracks-gold .subtrack-item [class*='icon-']:hover,
  .tracks-gold a:hover {
    color: #fbb719;
  }
  .tracks-silver:hover,
  .tracks-silver .subtrack-item [class*='icon-']:hover,
  .tracks-silver a:hover {
    color: #8ca1ab;
  }
  .tracks-brown:hover,
  .tracks-brown .subtrack-item [class*='icon-']:hover,
  .tracks-brown a:hover {
    color: #5e4f34;
  }
  .tracks-black:hover,
  .tracks-black .subtrack-item [class*='icon-']:hover,
  .tracks-black a:hover {
    color: #000;
  }
}
textarea[contenteditable] {
  -webkit-appearance: none;
}
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden .focusable:active,
.visuallyhidden .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.truncate-text--clip {
  -o-text-overflow: clip;
  text-overflow: clip;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.modal {
  position: absolute;
  top: 100px;
  left: 25%;
  background: #fff;
  width: 50%;
  min-width: 320px;
}
.modal-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
}
.blank-state-link .icon-chevron-right {
  font-size: 0.8em;
}
.content-sort {
  margin: 15px 10px 0px;
  z-index: 10;
  position: relative;
}
.content-sort-container.carousel-enabled {
  margin: 15px 45px 0 10px;
}
.content-sort-container.carousel-enabled .content-sort {
  margin: 15px 0 0;
}
.content-body-1280 .content-sort-container.carousel-enabled,
.MuiContainer-root .content-sort-container.carousel-enabled {
  margin: 15px 10px 0 10px;
}
.button,
.button-icon,
.button-block,
.button-half-block {
  color: #e65529;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  border-radius: 50px;
  display: inline-block;
  padding: 10px 15px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  font-weight: 800;
}
.button:focus,
.button-icon:focus,
.button-block:focus,
.button-half-block:focus {
  color: #c23f17;
}
.button:active,
.button-icon:active,
.button-block:active,
.button-half-block:active,
.button.is-selected,
.button-icon.is-selected,
.button-block.is-selected,
.button-half-block.is-selected {
  background-color: #eee;
}
.button.is-selected,
.button-icon.is-selected,
.button-block.is-selected,
.button-half-block.is-selected {
  color: #444;
}
.button i,
.button-icon i,
.button-block i,
.button-half-block i {
  font-size: 16px;
  margin: 0 0.25em 0 -0.25em;
}
.button.disabled,
.button-icon.disabled,
.button-block.disabled,
.button-half-block.disabled {
  opacity: 0.7 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
  filter: alpha(opacity=70) !important;
  color: #888 !important;
  cursor: not-allowed !important;
}
.button.disabled:hover,
.button-icon.disabled:hover,
.button-block.disabled:hover,
.button-half-block.disabled:hover,
.button.disabled:active,
.button-icon.disabled:active,
.button-block.disabled:active,
.button-half-block.disabled:active,
.button.disabled:focus,
.button-icon.disabled:focus,
.button-block.disabled:focus,
.button-half-block.disabled:focus {
  color: #888 !important;
  background-color: #f5f5f5;
}
.button.critical,
.button-icon.critical,
.button-block.critical,
.button-half-block.critical,
.button.critical:hover,
.button-icon.critical:hover,
.button-block.critical:hover,
.button-half-block.critical:hover {
  background-color: #c01111;
  color: #fff;
  border: 1px solid #c27676;
}
.cancel-button {
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
  margin-left: 10px;
  color: #888;
}
.button-icon {
  padding: 0;
  font-size: 20px;
  line-height: 2em;
  width: 2.1em;
}
.button-icon i {
  margin: 0;
  font-size: 20px;
}
.button-icon.disabled {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  color: #888;
  cursor: not-allowed;
}
.button-icon.disabled i {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.button-icon.disabled:hover,
.button-icon.disabled:active,
.button-icon.disabled:focus {
  color: #888;
  background-color: #eee;
}
.button-block {
  font-size: 14px;
  width: 100%;
  padding: 10px 10px 9px;
}
.button-half-block {
  font-size: 14px;
  width: 49%;
  margin-left: 1%;
  padding: 10px 10px 9px;
}
.button-half-block:first-of-type {
  width: 50%;
  margin-left: 0;
}
.button-group {
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  border-radius: 5px;
  display: inline-block;
  list-style: none;
  padding: 0;
  width: 100%;
}
.button-group--2 {
  background: none;
  border: 0;
}
.button-group--2 .button-group-item {
  float: left;
}
.button-group--2 .button-group-item .dropdown-menu {
  margin-top: 0;
}
.button-group--2 .button-group-item:first-child {
  margin-top: 0;
  width: 70%;
  border: 0;
}
.button-group--2 .button-group-item:last-child {
  margin-left: 5px;
  width: calc(30% - 5px);
}
.button-group--2 .button-group-item .button {
  width: 100%;
  border-radius: 5px;
  padding: 10px 0px;
}
.button-group-item {
  text-align: center;
  cursor: pointer;
  width: 50%;
  display: inline-block;
}
.button-group-item:first-child {
  border-right: 1px solid #ccc;
}
.button-group-item:first-child,
.button-group-item:first-child .button-group-link {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.button-group-item:nth-child(3) {
  border-left: 1px solid #ccc;
}
.button-group-item:last-child,
.button-group-item:last-child .button-group-link {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.button-group-item:active,
.button-group-item:active .button-group-link,
.button-group-item.is-selected .button-group-link {
  background-color: #eee;
  color: #444;
}
.button-group-link {
  padding: 10px;
  display: inline-block;
  width: 100%;
  color: #888;
  font-size: 14px;
  font-weight: 800;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .sort-with-carousel .button-group-link {
    font-size: 13px;
  }
}
.dropdown-menu {
  list-style: none;
  margin: 10px 0 15px;
}
.dropdown-menu .nudge {
  font-size: 0.85em;
  margin-left: -5%;
}
.dropdown-menu .dropdown-selected {
  cursor: pointer;
  height: 40px;
  line-height: 32px;
  text-align: center;
  padding: 3px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  color: #555;
  width: 100%;
  font-size: 14px;
  display: inline-block;
  font-weight: 800;
}
.dropdown-menu .dropdown-selected i {
  color: #555;
  font-size: 25px;
  line-height: 32px;
  float: left;
  padding-left: 6px;
  font-size: 16px;
  display: inline-block;
}
.dropdown-menu .dropdown-selected .icon-chevron-down {
  float: right;
  padding-right: 5px;
  font-size: 12px;
  display: inline-block;
}
.dropdown-menu .dropdown-selected.is-selected .dropdown-menu-content {
  display: block;
}
.dropdown-more-label {
  float: right;
  display: inline-block;
  padding: 0 10px 0 18px;
  border-left: 1px solid #bbb;
  z-index: 1000;
  text-transform: uppercase;
  font-size: 0.8em;
}
@media only screen and (min-width: 500px) {
  .dropdown-menu .nudge {
    margin-left: 7%;
    font-size: 1em;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .dropdown-menu .nudge {
    font-size: 0.85em;
    margin-left: -5%;
  }
  .dropdown-more-label {
    font-size: 0.65em;
    padding: 0 0 0 15px;
  }
  .dropdown-more-label z {
    margin-top: 1px;
    display: inline-block;
  }
  .dropdown-menu .dropdown-selected .icon-chevron-down {
    font-sze: 1em;
  }
}
.dropdown-menu-content {
  display: none;
  z-index: 200;
  width: 96%;
  margin: 1px 2% 0;
  position: absolute;
  left: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.dropdown-menu-content .dropdown-menu-item.selected-item .dropdown-item-link {
  font-weight: bold;
  color: #e65529;
}
.dropdown-menu-content .dropdown-menu-item:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.dropdown-menu-content .dropdown-menu-item:last-child .dropdown-item-link {
  border-bottom-color: #bbb;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.dropdown-menu-content .dropdown-item-link {
  display: block;
  width: 100%;
  font-size: 14px;
  background: #fff;
  height: 40px;
  line-height: 35px;
  border-radius: 0;
  border: 1px solid #bbb;
  border-bottom-color: #ddd;
  border-top: 0;
  color: #555;
  font-weight: 400;
}
.button-card-footer,
.button-card-footer-block,
.button-card-footer-half-width {
  cursor: pointer;
  display: block;
  color: #e65529;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  background: #f5f5f5;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: none;
  font-weight: 800;
  color: #e65529;
}
.button-card-footer .icon-remove,
.button-card-footer-block .icon-remove,
.button-card-footer-half-width .icon-remove,
.button-card-footer .can-be-removed,
.button-card-footer-block .can-be-removed,
.button-card-footer-half-width .can-be-removed,
.button-card-footer .icon-star,
.button-card-footer-block .icon-star,
.button-card-footer-half-width .icon-star,
.button-card-footer .star-icon-fa5,
.button-card-footer-block .star-icon-fa5,
.button-card-footer-half-width .star-icon-fa5 {
  display: none;
}
.button-card-footer.disabled,
.button-card-footer-block.disabled,
.button-card-footer-half-width.disabled {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  color: #888;
  cursor: not-allowed;
}
.button-card-footer.disabled:hover,
.button-card-footer-block.disabled:hover,
.button-card-footer-half-width.disabled:hover,
.button-card-footer.disabled:active,
.button-card-footer-block.disabled:active,
.button-card-footer-half-width.disabled:active,
.button-card-footer.disabled:focus,
.button-card-footer-block.disabled:focus,
.button-card-footer-half-width.disabled:focus {
  color: #888;
  background-color: #f5f5f5;
}
.button-card-footer.is-selected .icon-remove,
.button-card-footer-block.is-selected .icon-remove,
.button-card-footer-half-width.is-selected .icon-remove,
.button-card-footer.is-selected .can-be-removed,
.button-card-footer-block.is-selected .can-be-removed,
.button-card-footer-half-width.is-selected .can-be-removed,
.button-card-footer.is-selected .icon-star,
.button-card-footer-block.is-selected .icon-star,
.button-card-footer-half-width.is-selected .icon-star,
.button-card-footer.is-selected .star-icon-fa5,
.button-card-footer-block.is-selected .star-icon-fa5,
.button-card-footer-half-width.is-selected .star-icon-fa5 {
  display: inline-block;
}
.button-card-footer.is-selected .icon-plus,
.button-card-footer-block.is-selected .icon-plus,
.button-card-footer-half-width.is-selected .icon-plus,
.button-card-footer.is-selected .can-be-added,
.button-card-footer-block.is-selected .can-be-added,
.button-card-footer-half-width.is-selected .can-be-added,
.button-card-footer.is-selected .icon-star-empty,
.button-card-footer-block.is-selected .icon-star-empty,
.button-card-footer-half-width.is-selected .icon-star-empty,
.button-card-footer.is-selected .empty-star-icon-fa5,
.button-card-footer-block.is-selected .empty-star-icon-fa5,
.button-card-footer-half-width.is-selected .empty-star-icon-fa5 {
  display: none;
}
.button-card-footer-block,
.button-card-footer-half-width {
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  cursor: pointer;
}
input[type='submit'] {
  outline: none;
}
.button-card-footer-half-width {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  z-index: 5;
  width: 50%;
  display: inline-block;
  border-left: 1px solid #ddd;
}
.button-card-footer-half-width.is-selected {
  color: #555;
}
@media only screen and (max-width: 480px) {
  .button-card-footer-half-width {
    width: 100%;
    padding: 12px 0;
    font-size: 14px;
  }
  .button-card-footer-half-width:first-of-type {
    border-bottom: none;
  }
  .button-half-block {
    width: 100%;
    margin: 5px 0;
  }
  .button-half-block:first-of-type {
    width: 100%;
    margin-left: 0;
  }
}
.button-radio-group {
  margin: 15px 15px 20px;
  padding: 0;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.button-radio-option {
  width: 100%;
  display: block;
  border-bottom: 1px solid #ddd;
  height: 50px;
  cursor: pointer;
  color: #555;
}
.button-radio-option .label {
  width: 100%;
  cursor: pointer;
  display: inline-block;
  padding: 15px;
  z-index: 100;
  font-size: 1.3em;
  font-weight: normal;
}
.button-radio-option .label .icon {
  position: relative;
  float: right;
}
.button-radio-option .label .icon-check {
  color: #83a94c;
  font-size: 2em;
}
.input-error-state,
input.invalid {
  border: 1px solid rgba(255,0,0,0.5);
}
.form-error-message {
  color: #f00;
  margin-bottom: 10px;
}
.status-flash {
  margin-left: 10px;
  font-weight: 800;
  color: #83a94c;
  display: inline-block;
  vertical-align: top;
  margin-top: 13px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation: fadeInOut 1.5s 1 forwards;
  -moz-animation: fadeInOut 1.5s 1 forwards;
  -o-animation: fadeInOut 1.5s 1 forwards;
  -ms-animation: fadeInOut 1.5s 1 forwards;
  animation: fadeInOut 1.5s 1 forwards;
}
.edit-user-profile {
  padding: 15px;
}
.edit-user-profile,
.form-reset-password,
.widget-settings {
  background-color: #fafafa;
}
.edit-user-profile,
.form-reset-password,
.widget-settings,
.form-help-desk {
  margin-bottom: 50px;
}
.edit-user-profile .person-details-header,
.form-reset-password .person-details-header,
.widget-settings .person-details-header,
.form-help-desk .person-details-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.edit-user-profile .person-details-image,
.form-reset-password .person-details-image,
.widget-settings .person-details-image,
.form-help-desk .person-details-image {
  height: 85px;
  width: 85px;
  max-width: 85px;
  margin: 0 10px 0 0;
}
.edit-user-profile .person-details-image-wrapper,
.form-reset-password .person-details-image-wrapper,
.widget-settings .person-details-image-wrapper,
.form-help-desk .person-details-image-wrapper {
  position: relative;
  display: block;
}
.edit-user-profile .person-details-edit-image,
.form-reset-password .person-details-edit-image,
.widget-settings .person-details-edit-image,
.form-help-desk .person-details-edit-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  background-color: rgba(0,0,0,0.75);
  text-align: center;
  padding: 3px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #ddd;
  text-transform: uppercase;
  font-size: 11px;
}
.edit-user-profile .person-details-edit-image.offline-positioning,
.form-reset-password .person-details-edit-image.offline-positioning,
.widget-settings .person-details-edit-image.offline-positioning,
.form-help-desk .person-details-edit-image.offline-positioning {
  top: 100px;
}
.edit-user-profile .details-block-title,
.form-reset-password .details-block-title,
.widget-settings .details-block-title,
.form-help-desk .details-block-title {
  line-height: 30px;
}
.edit-user-profile label,
.form-reset-password label,
.widget-settings label,
.form-help-desk label {
  display: inline-block;
  margin: 0 0 5px;
  font-weight: 800;
  color: #444;
}
.edit-user-profile input[type='text'],
.form-reset-password input[type='text'],
.widget-settings input[type='text'],
.form-help-desk input[type='text'],
.edit-user-profile input[type='email'],
.form-reset-password input[type='email'],
.widget-settings input[type='email'],
.form-help-desk input[type='email'],
.edit-user-profile input[type='tel'],
.form-reset-password input[type='tel'],
.widget-settings input[type='tel'],
.form-help-desk input[type='tel'],
.edit-user-profile input[type='url'],
.form-reset-password input[type='url'],
.widget-settings input[type='url'],
.form-help-desk input[type='url'],
.edit-user-profile input[type='file'],
.form-reset-password input[type='file'],
.widget-settings input[type='file'],
.form-help-desk input[type='file'],
.edit-user-profile textarea,
.form-reset-password textarea,
.widget-settings textarea,
.form-help-desk textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 5px;
  width: 100%;
  color: #555;
  border-radius: 5px;
  margin: 0 0 10px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.edit-user-profile input[type='text'].invalid,
.form-reset-password input[type='text'].invalid,
.widget-settings input[type='text'].invalid,
.form-help-desk input[type='text'].invalid,
.edit-user-profile input[type='email'].invalid,
.form-reset-password input[type='email'].invalid,
.widget-settings input[type='email'].invalid,
.form-help-desk input[type='email'].invalid,
.edit-user-profile input[type='tel'].invalid,
.form-reset-password input[type='tel'].invalid,
.widget-settings input[type='tel'].invalid,
.form-help-desk input[type='tel'].invalid,
.edit-user-profile input[type='url'].invalid,
.form-reset-password input[type='url'].invalid,
.widget-settings input[type='url'].invalid,
.form-help-desk input[type='url'].invalid,
.edit-user-profile input[type='file'].invalid,
.form-reset-password input[type='file'].invalid,
.widget-settings input[type='file'].invalid,
.form-help-desk input[type='file'].invalid,
.edit-user-profile textarea.invalid,
.form-reset-password textarea.invalid,
.widget-settings textarea.invalid,
.form-help-desk textarea.invalid {
  border: 1px solid rgba(255,0,0,0.5);
}
.edit-user-profile input[type='text']:hover,
.form-reset-password input[type='text']:hover,
.widget-settings input[type='text']:hover,
.form-help-desk input[type='text']:hover,
.edit-user-profile input[type='email']:hover,
.form-reset-password input[type='email']:hover,
.widget-settings input[type='email']:hover,
.form-help-desk input[type='email']:hover,
.edit-user-profile input[type='tel']:hover,
.form-reset-password input[type='tel']:hover,
.widget-settings input[type='tel']:hover,
.form-help-desk input[type='tel']:hover,
.edit-user-profile input[type='url']:hover,
.form-reset-password input[type='url']:hover,
.widget-settings input[type='url']:hover,
.form-help-desk input[type='url']:hover,
.edit-user-profile input[type='file']:hover,
.form-reset-password input[type='file']:hover,
.widget-settings input[type='file']:hover,
.form-help-desk input[type='file']:hover,
.edit-user-profile textarea:hover,
.form-reset-password textarea:hover,
.widget-settings textarea:hover,
.form-help-desk textarea:hover {
  -webkit-transition: border 0.1s ease-in;
  -moz-transition: border 0.1s ease-in;
  -o-transition: border 0.1s ease-in;
  -ms-transition: border 0.1s ease-in;
  transition: border 0.1s ease-in;
  border: 1px solid #f3aa94;
}
.edit-user-profile input[type='text']:focus,
.form-reset-password input[type='text']:focus,
.widget-settings input[type='text']:focus,
.form-help-desk input[type='text']:focus,
.edit-user-profile input[type='email']:focus,
.form-reset-password input[type='email']:focus,
.widget-settings input[type='email']:focus,
.form-help-desk input[type='email']:focus,
.edit-user-profile input[type='tel']:focus,
.form-reset-password input[type='tel']:focus,
.widget-settings input[type='tel']:focus,
.form-help-desk input[type='tel']:focus,
.edit-user-profile input[type='url']:focus,
.form-reset-password input[type='url']:focus,
.widget-settings input[type='url']:focus,
.form-help-desk input[type='url']:focus,
.edit-user-profile input[type='file']:focus,
.form-reset-password input[type='file']:focus,
.widget-settings input[type='file']:focus,
.form-help-desk input[type='file']:focus,
.edit-user-profile textarea:focus,
.form-reset-password textarea:focus,
.widget-settings textarea:focus,
.form-help-desk textarea:focus {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 1px solid #f3aa94;
  color: #444;
  outline: none;
}
.edit-user-profile input[type='text']:disabled,
.form-reset-password input[type='text']:disabled,
.widget-settings input[type='text']:disabled,
.form-help-desk input[type='text']:disabled,
.edit-user-profile input[type='email']:disabled,
.form-reset-password input[type='email']:disabled,
.widget-settings input[type='email']:disabled,
.form-help-desk input[type='email']:disabled,
.edit-user-profile input[type='tel']:disabled,
.form-reset-password input[type='tel']:disabled,
.widget-settings input[type='tel']:disabled,
.form-help-desk input[type='tel']:disabled,
.edit-user-profile input[type='url']:disabled,
.form-reset-password input[type='url']:disabled,
.widget-settings input[type='url']:disabled,
.form-help-desk input[type='url']:disabled,
.edit-user-profile input[type='file']:disabled,
.form-reset-password input[type='file']:disabled,
.widget-settings input[type='file']:disabled,
.form-help-desk input[type='file']:disabled,
.edit-user-profile textarea:disabled,
.form-reset-password textarea:disabled,
.widget-settings textarea:disabled,
.form-help-desk textarea:disabled {
  background-color: #e6e6e6;
  font-style: italic;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.edit-user-profile input[type='text'][readonly],
.form-reset-password input[type='text'][readonly],
.widget-settings input[type='text'][readonly],
.form-help-desk input[type='text'][readonly] {
  background-color: #e6e6e6;
  font-style: italic;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.edit-user-profile textarea,
.form-reset-password textarea,
.widget-settings textarea,
.form-help-desk textarea {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.edit-user-profile textarea:hover,
.form-reset-password textarea:hover,
.widget-settings textarea:hover,
.form-help-desk textarea:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.edit-user-profile textarea:focus,
.form-reset-password textarea:focus,
.widget-settings textarea:focus,
.form-help-desk textarea:focus {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.edit-user-profile .custom-fields label,
.form-reset-password .custom-fields label,
.widget-settings .custom-fields label,
.form-help-desk .custom-fields label {
  position: relative;
  display: block;
  margin: 0 0 5px;
}
.edit-user-profile .custom-fields input,
.form-reset-password .custom-fields input,
.widget-settings .custom-fields input,
.form-help-desk .custom-fields input {
  text-indent: 0;
}
.edit-user-profile .person-details-content,
.form-reset-password .person-details-content,
.widget-settings .person-details-content,
.form-help-desk .person-details-content {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  align-self: auto;
  -ms-flex-item-align: auto;
  display: block;
}
.edit-user-profile .person-details-content label,
.form-reset-password .person-details-content label,
.widget-settings .person-details-content label,
.form-help-desk .person-details-content label {
  display: none;
}
.edit-user-profile .person-details-content input,
.form-reset-password .person-details-content input,
.widget-settings .person-details-content input,
.form-help-desk .person-details-content input {
  text-indent: 0;
}
.edit-user-profile .button-block,
.form-reset-password .button-block,
.widget-settings .button-block,
.form-help-desk .button-block {
  margin: 15px 0 10px;
  color: #e65529;
}
.widget-settings {
  margin-bottom: 0;
}
.widget-settings label {
  width: 100%;
}
.widget-settings .radio-label {
  width: inherit;
  font-weight: 400;
  margin: 5px 15px 10px 0;
}
.widget-settings .widget-select {
  margin-bottom: 15px;
}
.widget-settings .widget-image-upload-help {
  font-style: italic;
  margin-bottom: 10px;
  display: inline-block;
}
.widget-settings select {
  font-size: 1.2em;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 5px;
  width: 100%;
  color: #555;
  border-radius: 5px;
  margin: 0 0 10px;
}
.form-reset-password {
  background-color: #fff;
  margin-top: 20px;
}
.form-reset-password .menu-form-error {
  font-weight: 800;
  display: block;
  margin-bottom: 20px;
}
.form-input-clear {
  position: relative;
  top: -10px;
  right: 10px;
  float: right;
}
.form-input-clear-search-box {
  position: relative;
  top: 10px;
  right: 20px;
}
@media only screen and (min-width: 668px) {
  a:hover {
    color: #c23f17;
  }
  .button:hover {
    color: #c23f17;
  }
  .button.is-selected:hover {
    color: #444;
  }
  .button-group-item:hover,
  .button-group-item:hover .button-group-link {
    color: #444;
  }
  .dropdown-menu-content .dropdown-item-link:hover {
    color: #444;
    background: #fafafa;
  }
  .button-card-footer.is-selected:hover,
  .button-card-footer-block.is-selected:hover,
  .button-card-footer-half-width.is-selected:hover {
    color: #f00;
  }
  .list-item:hover .icon-chevron-right,
  .list-item:hover .Mui-ListItem-chevronIcon,
  .list-item:hover .list-item-title {
    color: #e65529;
  }
  .nav-button-menu:hover,
  .nav-button-back:hover,
  .nav-button-sidebar:hover {
    color: #fff;
  }
  .button-event-feed:hover {
    text-decoration: none;
    color: #fff;
  }
  .track-item:hover {
    background-color: #f8f8f8;
  }
  .track-item:hover .icon-chevron-right,
  .track-item:hover .icon-chevron-down {
    color: #888;
  }
  .person-list-item:hover .icon-chevron-right {
    color: #e65529;
  }
  .advertisement-message-menu:hover {
    color: #fff;
  }
  .advertisement-message-menu:hover + .icon-chevron-right {
    color: #fff;
  }
}
@font-face {
  font-family: 'FontAwesome';
  src: url(/bundle/df2382cb76b4fd8f391e33b58dfad887.woff) format('woff'), url(/bundle/a78b92d81d2616c3ce5a92be35e2751f.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  *margin-right: 0.3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.142857142857143em;
  text-align: right;
  padding-right: 0.285714285714286em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.428571428571429em;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em;
}
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.333333333333333em;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}
.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit;
}
.icon-border {
  border: solid 1px #eee;
  padding: 0.2em 0.25em 0.15em;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
.icon-spin {
  display: inline-block;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -ms-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block;
}
.icon-hashtag:before {
  content: "\f292";
}
.icon-search:before {
  content: "\f002";
}
.icon-star:before,
.icon-crocscontest:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before,
.icon-crocsattendees:before {
  content: "\f007";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before,
.icon-disneypolls:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}
.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-time:before,
.icon-crocsagenda:before {
  content: "\f017";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-flag:before,
.icon-companies:before {
  content: "\f024";
}
.icon-qrcode:before,
.icon-disneyqr:before {
  content: "\f029";
}
.icon-map-marker:before,
.icon-maps:before {
  content: "\f041";
}
.icon-crocspoll:before {
  content: "\f046";
}
.icon-question-sign:before,
.icon-help:before {
  content: "\f059";
}
.icon-info-sign:before,
.icon-about:before {
  content: "\f05a";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-castle:before {
  content: "\f286";
}
.icon-twitter-sign:before,
.icon-disneysocial:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-gears:before,
.icon-cogs:before {
  content: "\f086";
}
.icon-thumbs-up-alt:before {
  content: "\f088";
}
.icon-thumbs-down-alt:before {
  content: "\f089";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-camera:before {
  content: "\f030";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-key:before {
  content: "\f085";
}
.icon-star-half:before {
  content: "\f08f";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-github:before {
  content: "\f09f";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-github-alt:before {
  content: "\f116";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-file:before {
  content: "\f15b";
}
.icon-female:before {
  content: "\f182";
}
.icon-male:before {
  content: "\f183";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-external-link:before,
.icon-directlink:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before,
.icon-gaming:before {
  content: "\f091";
}
.icon-phone:before {
  content: "\f095";
}
.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-rss:before,
.icon-feeds:before,
.icon-eventFeed:before {
  content: "\f09e";
}
.icon-bullhorn:before,
.icon-disneyspeakers:before,
.icon-announcements:before {
  content: "\f0a1";
}
.icon-bell-solid:before {
  content: "\f0f3";
}
.icon-tasks:before,
.icon-disneyschedule:before {
  content: "\f0ae";
}
.icon-briefcase:before,
.icon-cf-star:before {
  content: "\f0b1";
}
.icon-group:before,
.icon-users:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-edit:before {
  content: "\f044";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-reorder:before,
.icon-menu:before {
  content: "\f0c9";
}
.icon-list:before {
  content: "\f03a";
}
.icon-list-ul:before,
.icon-survey:before {
  content: "\f0ca";
}
.icon-list-ol:before,
.icon-disneyplan:before {
  content: "\f0cb";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before,
.icon-googlePlus:before {
  content: "\f0d5";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-sitemap:before,
.icon-disneyfloor:before {
  content: "\f0e8";
}
.icon-cloud-download:before,
.icon-offline:before {
  content: "\f0ed";
}
.icon-file-text-alt:before,
.icon-page:before,
.icon-document:before {
  content: "\f0f6";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-circle-blank:before {
  content: "\f10d";
}
.icon-mail-reply:before,
.icon-reply:before {
  content: "\f117";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-question:before,
.icon-disneyguest:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-microphone:before,
.icon-employees:before {
  content: "\f130";
}
.icon-calendar-empty:before,
.icon-agenda:before {
  content: "\f133";
}
.icon-rss-sign:before,
.icon-disneylive:before {
  content: "\f143";
}
.icon-compass:before,
.icon-crocsmap:before {
  content: "\f14e";
}
.icon-youtube-sign:before {
  content: "\f166";
}
.icon-xing:before {
  content: "\f168";
}
.icon-xing-sign:before {
  content: "\f169";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-dropbox:before {
  content: "\f16b";
}
.icon-stackexchange:before {
  content: "\f16c";
}
.icon-flickr:before {
  content: "\f16e";
}
.icon-adn:before {
  content: "\f170";
}
.icon-bitbucket:before {
  content: "\f171";
}
.icon-bitbucket-sign:before {
  content: "\f172";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-tumblr-sign:before {
  content: "\f174";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-long-arrow-up:before {
  content: "\f176";
}
.icon-long-arrow-left:before {
  content: "\f177";
}
.icon-long-arrow-right:before {
  content: "\f178";
}
.icon-apple:before {
  content: "\f179";
}
.icon-windows:before {
  content: "\f17a";
}
.icon-android:before {
  content: "\f17b";
}
.icon-linux:before {
  content: "\f17c";
}
.icon-dribbble:before {
  content: "\f17e";
}
.icon-skype:before {
  content: "\f17f";
}
.icon-foursquare:before {
  content: "\f180";
}
.icon-trello:before {
  content: "\f181";
}
.icon-vk:before {
  content: "\f189";
}
.icon-weibo:before {
  content: "\f18a";
}
.icon-renren:before {
  content: "\f18b";
}
.icon-vine:before {
  content: "\e600";
}
.icon-arrow-up-alt:before {
  content: "\f062";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-angleDoubleDown:before {
  content: "\f103";
}
.icon-angleDoubleLeft:before {
  content: "\f100";
}
.icon-angleDoubleRight:before {
  content: "\f101";
}
.icon-angleDoubleUp:before {
  content: "\f102";
}
.icon-angleDown:before {
  content: "\f107";
}
.icon-angleLeft:before {
  content: "\f104";
}
.icon-angleRight:before {
  content: "\f105";
}
.icon-angleUp:before {
  content: "\f106";
}
.icon-archive:before {
  content: "\f187";
}
.icon-areaChart:before,
.icon-analytics:before {
  content: "\f1fe";
}
.icon-arrowCircleDown:before {
  content: "\f0ab";
}
.icon-arrowCircleLeft:before {
  content: "\f0a8";
}
.icon-arrowCircleDownOpen:before {
  content: "\f01a";
}
.icon-arrowCircleLeftOpen:before {
  content: "\f190";
}
.icon-arrowCircleRightOpen:before {
  content: "\f18e";
}
.icon-arrowCircleUpOpen:before {
  content: "\f01b";
}
.icon-arrowCircleRight:before {
  content: "\f0a9";
}
.icon-arrowCircleUp:before {
  content: "\f0aa";
}
.icon-arrowDown:before {
  content: "\f063";
}
.icon-arrowLeft:before {
  content: "\f060";
}
.icon-arrowRight:before {
  content: "\f061";
}
.icon-arrowUp:before {
  content: "\f062";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-at:before {
  content: "\f1fa";
}
.icon-balanceScale:before {
  content: "\f24e";
}
.icon-ban:before {
  content: "\f05e";
}
.icon-bank:before {
  content: "\f19c";
}
.icon-barChart:before {
  content: "\f080";
}
.icon-bed:before {
  content: "\f236";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-bell:before {
  content: "\f0f3";
}
.icon-bellOpen:before,
.icon-bell:before,
.icon-alerts:before {
  content: "\f0a2";
}
.icon-bicycle:before {
  content: "\f206";
}
.icon-binoculars:before {
  content: "\f1e5";
}
.icon-birthdayCake:before {
  content: "\f1fd";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-bookmarkOpen:before {
  content: "\f097";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-building:before {
  content: "\f1ad";
}
.icon-buildingOpen:before {
  content: "\f0f7";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-bus:before {
  content: "\f207";
}
.icon-cab:before {
  content: "\f1ba";
}
.icon-calculator:before {
  content: "\f1ec";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-camera:before {
  content: "\f030";
}
.icon-cameraRetro:before {
  content: "\f084";
}
.icon-car:before {
  content: "\f1b9";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-chain:before {
  content: "\f0c1";
}
.icon-chainBroken:before {
  content: "\f127";
}
.icon-check:before {
  content: "\f00c";
}
.icon-checkCircle:before {
  content: "\f058";
}
.icon-checkCircleOpen:before {
  content: "\f05d";
}
.icon-checkSquare:before {
  content: "\f14a";
}
.icon-checkSquareOpen:before {
  content: "\f046";
}
.icon-chevronCircleDown:before {
  content: "\f13a";
}
.icon-chevronCircleLeft:before {
  content: "\f137";
}
.icon-chevronCircleRight:before {
  content: "\f138";
}
.icon-chevronCircleUp:before {
  content: "\f139";
}
.icon-chevronDown:before {
  content: "\f078";
}
.icon-chevronLeft:before {
  content: "\f053";
}
.icon-chevronRight:before {
  content: "\f054";
}
.icon-chevronUp:before {
  content: "\f077";
}
.icon-child:before {
  content: "\f1ae";
}
.icon-clipboard:before {
  content: "\f0ea";
}
.icon-clock:before {
  content: "\f017";
}
.icon-clone:before {
  content: "\f24d";
}
.icon-close:before {
  content: "\f00d";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-cloudDownload:before {
  content: "\f0ed";
}
.icon-code:before {
  content: "\f121";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-cog:before {
  content: "\f013";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-comment:before {
  content: "\f075";
}
.icon-commentOpen:before {
  content: "\f0e5";
}
.icon-commenting:before {
  content: "\f27a";
}
.icon-commentingOpen:before {
  content: "\f27b";
}
.icon-comments:before {
  content: "\f087";
}
.icon-commentsOpen:before {
  content: "\f0e6";
}
.icon-compass:before {
  content: "\f14e";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-copyright:before {
  content: "\f1f9";
}
.icon-creditCard:before {
  content: "\f09d";
}
.icon-cube:before {
  content: "\f1b2";
}
.icon-cubes:before {
  content: "\f1b3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-cutlery:before {
  content: "\f0f5";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-database:before {
  content: "\f1c0";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-diamond:before {
  content: "\f219";
}
.icon-download:before {
  content: "\f019";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-envelopeOpen:before,
.icon-envelope-alt:before,
.icon-crocsshare:before {
  content: "\f003";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-exclamationCircle:before {
  content: "\f06a";
}
.icon-exclamationTriangle:before {
  content: "\f071";
}
.icon-externalLink:before {
  content: "\f08e";
}
.icon-eye:before {
  content: "\f06e";
}
.icon-eyedropper:before {
  content: "\f1fb";
}
.icon-facebookOfficial:before {
  content: "\f230";
}
.icon-fax:before {
  content: "\f1ac";
}
.icon-feed:before {
  content: "\f09e";
}
.icon-female:before {
  content: "\f182";
}
.icon-fighterJet:before {
  content: "\f0fb";
}
.icon-film:before {
  content: "\f008";
}
.icon-flagCheckered:before {
  content: "\f11e";
}
.icon-flagOpen:before {
  content: "\f11d";
}
.icon-flash:before {
  content: "\f0e7";
}
.icon-flask:before {
  content: "\f0c3";
}
.icon-folder:before {
  content: "\f07b";
}
.icon-folderOpen:before {
  content: "\f114";
}
.icon-futbolOpen:before {
  content: "\f1e3";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-gavel:before {
  content: "\f0e3";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-glass:before {
  content: "\f000";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-graduationCap:before {
  content: "\f19d";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-heart:before {
  content: "\f004";
}
.icon-heartOpen:before {
  content: "\f08a";
}
.icon-heartbeat:before {
  content: "\f21e";
}
.icon-history:before {
  content: "\f1da";
}
.icon-home:before {
  content: "\f015";
}
.icon-hospitalOpen:before {
  content: "\f0f8";
}
.icon-hotel:before {
  content: "\f236";
}
.icon-hourglass:before {
  content: "\f254";
}
.icon-hourglass1:before {
  content: "\f251";
}
.icon-image:before {
  content: "\f03e";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-info:before {
  content: "\f129";
}
.icon-infoCircle:before,
.icon-infobooth:before {
  content: "\f05a";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-keyboardOpen:before {
  content: "\f11c";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-lifeSaver:before {
  content: "\f1cd";
}
.icon-lightbulbOpen:before {
  content: "\f0eb";
}
.icon-lineChart:before {
  content: "\f201";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-list:before {
  content: "\f03a";
}
.icon-locationArrow:before {
  content: "\f124";
}
.icon-lock:before {
  content: "\f023";
}
.icon-longArrowDown:before {
  content: "\f175";
}
.icon-longArrowLeft:before {
  content: "\f177";
}
.icon-longArrowRight:before {
  content: "\f178";
}
.icon-longArrowUp:before {
  content: "\f176";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-male:before {
  content: "\f183";
}
.icon-map:before {
  content: "\f279";
}
.icon-mapMarker:before {
  content: "\f041";
}
.icon-mapOpen:before {
  content: "\f278";
}
.icon-mapPin:before {
  content: "\f276";
}
.icon-mapSigns:before {
  content: "\f277";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-mobilePhone:before {
  content: "\f10b";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-moonOpen:before {
  content: "\f186";
}
.icon-motorcycle:before {
  content: "\f21c";
}
.icon-music:before {
  content: "\f001";
}
.icon-newspaperOpen:before {
  content: "\f1ea";
}
.icon-paintBrush:before {
  content: "\f1fc";
}
.icon-paperPlane:before {
  content: "\f1d8";
}
.icon-paperPlaneOpen:before {
  content: "\f1d9";
}
.icon-paw:before {
  content: "\f1b0";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-phone:before {
  content: "\f095";
}
.icon-photo:before {
  content: "\f03e";
}
.icon-pieChart:before {
  content: "\f200";
}
.icon-piedPiper:before {
  content: "\f2ae";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-plane:before {
  content: "\f072";
}
.icon-play:before {
  content: "\f04b";
}
.icon-playCircle:before {
  content: "\f144";
}
.icon-plug:before {
  content: "\f1e6";
}
.icon-plus:before {
  content: "\f067";
}
.icon-plusCircle:before {
  content: "\f055";
}
.icon-plusSquare:before {
  content: "\f0fe";
}
.icon-plusSquareOpen:before {
  content: "\f196";
}
.icon-productHunt:before {
  content: "\f288";
}
.icon-puzzlePiece:before {
  content: "\f12e";
}
.icon-question:before {
  content: "\f128";
}
.icon-questionCircle:before {
  content: "\f059";
}
.icon-quoteLeft:before {
  content: "\f10e";
}
.icon-quoteRight:before {
  content: "\f10f";
}
.icon-recycle:before {
  content: "\f1b8";
}
.icon-road:before {
  content: "\f018";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-scissors:before {
  content: "\f0c4";
}
.icon-shareAlt:before {
  content: "\f1e0";
}
.icon-shield:before {
  content: "\f132";
}
.icon-ship:before {
  content: "\f21a";
}
.icon-shoppingCart:before {
  content: "\f07a";
}
.icon-signal:before {
  content: "\f012";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-smileOpen:before {
  content: "\f118";
}
.icon-snapchatGhost:before {
  content: "\f2ac";
}
.icon-soccerBall:before {
  content: "\f1e4";
}
.icon-spaceShuttle:before {
  content: "\f197";
}
.icon-spoon:before {
  content: "\f1b1";
}
.icon-starOpen:before {
  content: "\f006";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-stickyNote:before {
  content: "\f249";
}
.icon-stickyNoteOpen:before {
  content: "\f24a";
}
.icon-subway:before {
  content: "\f239";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-sunOpen:before {
  content: "\f185";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-tachometer:before {
  content: "\f0e4";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-television:before {
  content: "\f26c";
}
.icon-thumbTack:before {
  content: "\f08d";
}
.icon-thumbsDown:before,
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-thumbsDownOpen:before {
  content: "\f089";
}
.icon-thumbsUpOpen:before {
  content: "\f088";
}
.icon-thumbsUp:before,
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-tint:before {
  content: "\f043";
}
.icon-train:before {
  content: "\f238";
}
.icon-tree:before {
  content: "\f1bb";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-university:before {
  content: "\f19c";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-unlockAlt:before {
  content: "\f13e";
}
.icon-user:before {
  content: "\f007";
}
.icon-userMd:before {
  content: "\f0f0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-video:before {
  content: "\f03d";
}
.icon-videoCamera:before {
  content: "\f03d";
}
.icon-vimeo:before {
  content: "\f27d";
}
.icon-warning:before {
  content: "\f071";
}
.icon-wheelchair:before {
  content: "\f193";
}
.icon-wifi:before {
  content: "\f1eb";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-comment-o-fa5:before {
  content: "\e903";
}
.icon-align-left:before {
  content: "\e904";
}
.icon-bars:before {
  content: "\e905";
}
.icon-calendar-check:before {
  content: "\e906";
}
.icon-calendar-check-o:before {
  content: "\e907";
}
.icon-calendar-plus:before {
  content: "\e908";
}
.icon-chevron-down:before {
  content: "\e909";
}
.icon-chevron-left:before {
  content: "\e90a";
}
.icon-chevron-right:before {
  content: "\e90b";
}
.icon-chevron-up:before {
  content: "\e90c";
}
.icon-clock-fa5:before {
  content: "\e90d";
}
.icon-edit-fa5:before {
  content: "\e90e";
}
.icon-file-alt:before {
  content: "\e90f";
}
.icon-link-fa5:before {
  content: "\e910";
}
.icon-map-marker-alt:before {
  content: "\e911";
}
.icon-microphone-fa5:before {
  content: "\e912";
}
.icon-poll:before {
  content: "\e913";
}
.icon-sliders-h:before {
  content: "\e914";
}
.icon-star-o-fa5:before {
  content: "\e915";
}
.icon-star-fa5:before {
  content: "\e916";
}
.icon-tag-fa5:before {
  content: "\e917";
}
.icon-th-large:before {
  content: "\e918";
}
.icon-external-link-fa5:before {
  content: "\f045";
}
.icon-check-square-o:before {
  content: "\f046";
}
.icon-qrcode-fa5:before {
  content: "\e919";
}
.outer-container.open-right .carousel-index,
.outer-container.open-left .carousel-index {
  top: 50px;
}
.outer-container.is-landscape.open-right .carousel-index,
.outer-container.is-landscape.open-left .carousel-index {
  top: 50px;
}
.outer-container.is-landscape.open-right .list-title.absolute,
.outer-container.is-landscape.open-left .list-title.absolute {
  width: -webkit-calc(100% - 20em - 27px);
  width: calc(100% - 20em - 27px);
}
.outer-container.is-landscape.open-left .list-title.absolute {
  margin-left: -webkit-calc(20em + 27px);
  margin-left: calc(20em + 27px);
}
.outer-container.is-landscape.open-right .list-title.absolute {
  margin-left: 0;
}
.outer-container.is-landscape.open-right .carousel-index {
  right: -webkit-calc(20em + 8px);
  right: calc(20em + 8px);
}
.outer-container .carousel-index {
  position: fixed;
  top: 50px;
  right: 8px;
  width: 25px;
  height: 100%;
  z-index: 8;
  background: rgba(255,255,255,0.7);
  padding: 5px 0 0;
}
.outer-container .event-feed-container,
.outer-container .event-feed-container.toggle-menu,
.outer-container .event-feed-container.toggle-sidebar {
  position: fixed;
  z-index: 1000;
  height: 100%;
  width: 100%;
  margin-left: 0 !important;
  left: 0;
  top: 0;
  padding-top: 50px;
  background-color: rgba(0,0,0,0.5);
  text-align: left;
  -ms-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.outer-container .event-feed-container .event-feed-content:before,
.outer-container .event-feed-container.toggle-menu .event-feed-content:before,
.outer-container .event-feed-container.toggle-sidebar .event-feed-content:before {
  top: 45px;
}
@media all and (min-width: 668px) {
  .outer-container .event-feed-container,
  .outer-container .event-feed-container.toggle-menu,
  .outer-container .event-feed-container.toggle-sidebar {
    width: 100%;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .outer-container.is-landscape.open-left .event-feed-container,
  .outer-container.is-landscape.open-left .event-feed-container.toggle-menu,
  .outer-container.is-landscape.open-left .event-feed-container.toggle-sidebar {
    width: 80%;
    width: -webkit-calc(100% - 20em);
    width: calc(100% - 20em);
    -ms-transform: translate(20em, 0);
    -webkit-transform: translate3d(20em, 0, 0);
    -moz-transform: translate3d(20em, 0, 0);
    -o-transform: translate3d(20em, 0, 0);
    -ms-transform: translate3d(20em, 0, 0);
    transform: translate3d(20em, 0, 0);
  }
  .outer-container.is-landscape.open-right .event-feed-container,
  .outer-container.is-landscape.open-right .event-feed-container.toggle-menu,
  .outer-container.is-landscape.open-right .event-feed-container.toggle-sidebar {
    width: 80%;
    width: -webkit-calc(100% - 20em);
    width: calc(100% - 20em);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@media all and (min-width: 975px) {
  .outer-container .event-feed-container,
  .outer-container .event-feed-container.toggle-menu,
  .outer-container .event-feed-container.toggle-sidebar {
    width: 100%;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .outer-container.is-landscape.open-left .event-feed-container,
  .outer-container.is-landscape.open-left .event-feed-container.toggle-menu,
  .outer-container.is-landscape.open-left .event-feed-container.toggle-sidebar {
    width: 80%;
    width: -webkit-calc(100% - 20em);
    width: calc(100% - 20em);
    -ms-transform: translate(20em, 0);
    -webkit-transform: translate3d(20em, 0, 0);
    -moz-transform: translate3d(20em, 0, 0);
    -o-transform: translate3d(20em, 0, 0);
    -ms-transform: translate3d(20em, 0, 0);
    transform: translate3d(20em, 0, 0);
  }
  .outer-container.is-landscape.open-right .event-feed-container,
  .outer-container.is-landscape.open-right .event-feed-container.toggle-menu,
  .outer-container.is-landscape.open-right .event-feed-container.toggle-sidebar {
    width: 80%;
    width: -webkit-calc(100% - 20em);
    width: calc(100% - 20em);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@media all and (min-width: 1350px) {
  .outer-container .event-feed-container,
  .outer-container .event-feed-container.toggle-menu,
  .outer-container .event-feed-container.toggle-sidebar {
    width: 100%;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .outer-container.is-landscape.open-left .event-feed-container,
  .outer-container.is-landscape.open-left .event-feed-container.toggle-menu,
  .outer-container.is-landscape.open-left .event-feed-container.toggle-sidebar {
    width: 80%;
    width: -webkit-calc(100% - 20em);
    width: calc(100% - 20em);
    -ms-transform: translate(20em, 0);
    -webkit-transform: translate3d(20em, 0, 0);
    -moz-transform: translate3d(20em, 0, 0);
    -o-transform: translate3d(20em, 0, 0);
    -ms-transform: translate3d(20em, 0, 0);
    transform: translate3d(20em, 0, 0);
  }
  .outer-container.is-landscape.open-right .event-feed-container,
  .outer-container.is-landscape.open-right .event-feed-container.toggle-menu,
  .outer-container.is-landscape.open-right .event-feed-container.toggle-sidebar {
    width: 80%;
    width: -webkit-calc(100% - 20em);
    width: calc(100% - 20em);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.outer-container.open-left .happening-now,
.outer-container.open-right .happening-now,
.outer-container .happening-now {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  position: relative;
  z-index: 1;
  top: initial;
  bottom: initial;
}
.layout-beta .outer-container .happening-now {
  position: fixed;
  bottom: 10px;
  left: 10px;
}
.layout-beta .outer-container.open-left.close-left .happening-now {
  left: 10px;
}
.layout-beta .outer-container.open-left .happening-now {
  left: calc(10px + 20em);
}
.layout-beta .outer-container.open-right:not(.is-landscape).close-right .happening-now {
  left: 10px;
}
.layout-beta .outer-container.open-right:not(.is-landscape) .happening-now {
  left: calc(10px - 20em);
}
.layout-beta .outer-container:not(.is-landscape) .happening-now {
  -webkit-transition: left 500ms;
  -moz-transition: left 500ms;
  -o-transition: left 500ms;
  -ms-transition: left 500ms;
  transition: left 500ms;
}
.outer-container .search-block {
  padding: 0 7px;
  width: 100%;
  height: 50px;
  z-index: 8;
  background-color: #f5f5f5;
}
.outer-container .search-block .icon-search {
  z-index: 1;
}
.outer-container .search-block .section-search {
  width: 90%;
}
.outer-container .search-block .section-search:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline-block;
  content: "\f002";
}
.navbar {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #656f81;
  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2);
  box-shadow: 0 1px 8px rgba(0,0,0,0.2);
}
.navbar .menu-item {
  white-space: nowrap;
}
.navbar .menu-item,
.navbar .sidebar-item {
  width: 15%;
  display: inline-block;
  float: left;
  text-align: center;
}
.navbar .event-feed-item {
  width: 50%;
  margin: 0 10%;
  display: inline-block;
  text-align: center;
  position: relative;
}
.navbar .sidebar-item {
  float: right;
}
.content-nav-container {
  height: 50px;
}
.outer-container .notification-container {
  position: relative;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  float: left;
  top: 0;
  width: 100%;
  left: initial !important;
  z-index: 1;
}
.outer-container .notification-container.notification-offline {
  margin-bottom: 20px;
}
.outer-container .notification-container.toggle-menu,
.outer-container .notification-container.toggle-sidebar {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-left: 0 !important;
}
.outer-container.is-landscape .notification-container {
  width: 100%;
}
.layout-beta .outer-container .notification-offline {
  position: absolute;
  top: 50px;
}
.secure-login.legal-privacy-notice,
.secure-login.legal-terms-of-use {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.secure-login .legal-content {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50px;
  left: 0;
  overflow-y: scroll;
  height: calc(100% - 50px);
  -webkit-overflow-scrolling: touch;
}
.outer-container .maps-title {
  position: relative;
}
.outer-container .maps-content {
  top: 0;
}
.outer-container .content-sort {
  z-index: 200;
}
.outer-container .gamify-info-button {
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  -o-transition: -o-transform 500ms;
  -ms-transition: -ms-transform 500ms;
  transition: transform 500ms;
}
.outer-container .gamify-info-button.toggle-menu {
  -ms-transform: translate(20em, 0);
  -webkit-transform: translate3d(20em, 0, 0);
  -moz-transform: translate3d(20em, 0, 0);
  -o-transform: translate3d(20em, 0, 0);
  -ms-transform: translate3d(20em, 0, 0);
  transform: translate3d(20em, 0, 0);
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  -o-transition: -o-transform 500ms;
  -ms-transition: -ms-transform 500ms;
  transition: transform 500ms;
}
.outer-container .menu-content:after {
  content: '';
  -webkit-box-shadow: inset -8px 0px 8px rgba(0,0,0,0.1);
  box-shadow: inset -8px 0px 8px rgba(0,0,0,0.1);
  width: 20px;
  position: absolute;
  top: 0;
  height: 100%;
}
.outer-container .menu--left .menu-content:after {
  left: calc(20em - 20px);
}
.outer-container .menu--right .menu-content:after {
  -webkit-box-shadow: inset 8px 0px 8px rgba(0,0,0,0.1);
  box-shadow: inset 8px 0px 8px rgba(0,0,0,0.1);
  right: calc(20em - 20px);
}
.outer-container .person-details-image-upload-modal {
  z-index: 2;
}
.outer-container.is-embed .layout-scroll {
  padding: 0;
}
.outer-container.is-landscape .gamify-info-button,
.outer-container.is-landscape .gamify-info-button.toggle-menu {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.push-down .outer-container .layout-fixed--top {
  top: 78px;
}
@media (min-width: 668px) {
  .gamify-info-button.gamify-info-button.gamify-info-button.toggle-menu {
    margin-left: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
}
.outer-container {
  overflow-x: hidden;
  min-height: 100vh;
}
.outer-container.is-embed .menu,
.outer-container.is-embed .layout-fixed--top {
  display: none;
}
.outer-container.open-left .layout-fixed--top {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 100%;
}
.outer-container.open-left .layout-fixed--top .menu {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.outer-container.open-left .layout-fixed--top .content-overlay {
  left: 20em;
  width: 100%;
}
.outer-container.open-left .layout-scroll {
  -ms-transform: translate(20em, 0);
  -webkit-transform: translate3d(20em, 0, 0);
  -moz-transform: translate3d(20em, 0, 0);
  -o-transform: translate3d(20em, 0, 0);
  -ms-transform: translate3d(20em, 0, 0);
  transform: translate3d(20em, 0, 0);
}
.outer-container.open-right .layout-fixed--top {
  -ms-transform: translate(-40em, 0);
  -webkit-transform: translate3d(-40em, 0, 0);
  -moz-transform: translate3d(-40em, 0, 0);
  -o-transform: translate3d(-40em, 0, 0);
  -ms-transform: translate3d(-40em, 0, 0);
  transform: translate3d(-40em, 0, 0);
  height: 100%;
}
.outer-container.open-right .layout-fixed--top .menu {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.outer-container.open-right .layout-fixed--top .content-overlay {
  width: 100%;
}
.outer-container.open-right .layout-fixed--top .set-left {
  left: -20em;
}
.outer-container.open-right .layout-fixed--top .set-left-stock-android {
  left: -35em;
}
.outer-container.open-right .layout-scroll {
  -ms-transform: translate(-20em, 0);
  -webkit-transform: translate3d(-20em, 0, 0);
  -moz-transform: translate3d(-20em, 0, 0);
  -o-transform: translate3d(-20em, 0, 0);
  -ms-transform: translate3d(-20em, 0, 0);
  transform: translate3d(-20em, 0, 0);
}
.outer-container.closing-menu .layout-fixed--top {
  height: 100%;
}
.outer-container.is-landscape .layout-fixed--top {
  width: 100%;
  -ms-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.outer-container.is-landscape .layout-fixed--top .menu {
  display: none;
}
.outer-container.is-landscape .layout-fixed--top .layout-fixed-content {
  width: 100%;
}
.outer-container.is-landscape .layout-fixed--top .content-overlay {
  display: none;
}
.outer-container.is-landscape .menu--landscape {
  position: fixed;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.outer-container.is-landscape .menu--landscape.menu--right {
  right: 0;
}
.outer-container.is-landscape.open-left .layout-fixed--top,
.outer-container.is-landscape.open-right .layout-fixed--top {
  height: 50px;
}
.outer-container.is-landscape.open-left .layout-fixed--top .menu,
.outer-container.is-landscape.open-right .layout-fixed--top .menu {
  display: none;
}
.outer-container.is-landscape.open-left .layout-fixed--top,
.outer-container.is-landscape.open-right .layout-fixed--top,
.outer-container.is-landscape.open-left .layout-scroll,
.outer-container.is-landscape.open-right .layout-scroll {
  -webkit-animation: 0;
  -moz-animation: 0;
  -o-animation: 0;
  -ms-animation: 0;
  animation: 0;
  width: 80%;
  width: -webkit-calc(100% - 20em);
  width: calc(100% - 20em);
}
.outer-container.is-landscape.open-left .menu--left {
  display: block;
}
.outer-container.is-landscape.open-left .menu--right {
  display: none;
}
.outer-container.is-landscape.open-left .layout-fixed--top {
  -ms-transform: translate(20em, 0);
  -webkit-transform: translate3d(20em, 0, 0);
  -moz-transform: translate3d(20em, 0, 0);
  -o-transform: translate3d(20em, 0, 0);
  -ms-transform: translate3d(20em, 0, 0);
  transform: translate3d(20em, 0, 0);
}
.outer-container.is-landscape.open-left .layout-scroll {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  margin-left: 20em;
}
.outer-container.is-landscape.open-right .menu--right {
  display: block;
}
.outer-container.is-landscape.open-right .menu--left {
  display: none;
}
.outer-container.is-landscape.open-right .layout-fixed--top {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.outer-container.is-landscape.open-right .layout-scroll {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  margin-left: 0;
}
.outer-container .layout-fixed--top {
  position: fixed;
  top: 0;
  width: 300%;
  width: -webkit-calc(100% + 40em);
  width: calc(100% + 40em);
  height: 50px;
  z-index: 1000;
  -ms-transform: translate(-20em, 0);
  -webkit-transform: translate3d(-20em, 0, 0);
  -moz-transform: translate3d(-20em, 0, 0);
  -o-transform: translate3d(-20em, 0, 0);
  -ms-transform: translate3d(-20em, 0, 0);
  transform: translate3d(-20em, 0, 0);
}
.outer-container .layout-fixed--top.full-width {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.outer-container .layout-fixed--top .layout-fixed-content {
  width: 33.5%;
  width: -webkit-calc(100% - 40em);
  width: calc(100% - 40em);
}
.outer-container .layout-fixed--bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 70px;
  z-index: 2;
}
.outer-container .menu,
.outer-container .layout-fixed-content {
  float: left;
  vertical-align: top;
}
.outer-container .menu {
  width: 20em;
  height: 100%;
  background-color: #656f81;
  color: #fff;
  z-index: 200;
}
.outer-container .menu input::placeholder {
  color: #ccc;
  opacity: 1 /* Firefox */;
  -ms-filter: none /* Firefox */;
  filter: none /* Firefox */;
}
.outer-container .menu input :-ms-input-placeholder {
  color: #ccc;
}
.outer-container .menu input ::-ms-input-placeholder {
  color: #ccc;
}
.outer-container .menu--landscape {
  display: none;
}
.outer-container .layout-fixed-content {
  padding: 0;
  width: 100%;
}
.outer-container .content-overlay {
  position: absolute;
  cursor: pointer;
  left: 0;
  height: 100%;
}
.outer-container .layout-scroll {
  width: 100%;
  min-height: 100vh;
  float: left;
  padding: 50px 0 0;
  background-color: #fafafa;
}
.outer-container .layout-scroll.open-left {
  -ms-transform: translate(20em, 0);
  -webkit-transform: translate3d(20em, 0, 0);
  -moz-transform: translate3d(20em, 0, 0);
  -o-transform: translate3d(20em, 0, 0);
  -ms-transform: translate3d(20em, 0, 0);
  transform: translate3d(20em, 0, 0);
}
.outer-container .layout-scroll.open-right {
  -ms-transform: translate(20em, 0);
  -webkit-transform: translate3d(20em, 0, 0);
  -moz-transform: translate3d(20em, 0, 0);
  -o-transform: translate3d(20em, 0, 0);
  -ms-transform: translate3d(20em, 0, 0);
  transform: translate3d(20em, 0, 0);
}
.outer-container .layout-scroll.hide-navbar {
  margin-top: 0;
}
.outer-container .layout-scroll.notification-open .content-body {
  margin-top: 65px;
}
.outer-container .layout-scroll.notification-open.search-box-enabled .content-body {
  margin-top: 50px;
}
.full-content-height {
  height: calc(100vh - 50px);
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
.secure-iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.secure-iframe-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}
.lazy-list-item {
  position: relative;
}
.lazy-list-item:before {
  content: '...';
  background: #fff;
  width: 100%;
  position: absolute;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 30px;
  line-height: 40%;
  text-align: center;
  color: #aaa;
  height: 85%;
  padding-top: 15px;
}
.lazy-list-item.lazy-list-item-loaded:before {
  display: none;
}
.ReactVirtualized__List,
.ReactVirtualized__Grid__innerScrollContainer {
  width: 100% !important;
  max-width: none !important;
}
#cookies-not-enabled {
  display: none;
  z-index: 9100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px;
  border: 1px solid #f00;
  width: 90%;
  margin: 15px auto;
  border-radius: 5px;
  font-size: 15px;
  line-height: 25px;
  font-weight: 800;
  background: #ffeaea;
}
.loader-container {
  background: #fff;
  height: 110%;
  overflow: hidden;
  text-align: center;
  padding: 45px 20px 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9001;
}
.loader-container .image-placeholder {
  margin-top: 40px;
  line-height: 1.2em;
}
.loader-container .image-placeholder-wrapper .image-contents {
  max-width: 100%;
  margin: 0 auto;
}
.loader-container img {
  max-width: 100%;
}
.loader-container h3 {
  margin: 20px 0 10px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 5px;
  color: #888;
}
.loader-container h5 {
  margin: 10px 0;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 5px;
  display: none;
  line-height: 1em;
  color: #888;
}
.loader-container h5.show-loader {
  display: block;
}
.loader-title {
  margin-top: 40px;
  line-height: 1.2em;
}
.loader-content {
  position: relative;
  display: block;
  margin: 30px auto;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 30px;
  text-align: center;
}
.loader {
  border-top: 2px solid #656f81;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-shadow: 0 0 5px rgba(101,111,129,0.2);
  box-shadow: 0 0 5px rgba(101,111,129,0.2);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  -webkit-animation: spin 0.8s infinite linear;
  -moz-animation: spin 0.8s infinite linear;
  -o-animation: spin 0.8s infinite linear;
  -ms-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
}
.sign-in-spinner {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  z-index: 1000;
  background: rgba(0,0,0,0.75);
}
.sign-in-spinner .loader {
  width: 30px;
  height: 30px;
  margin: 15px;
  border-top-color: rgba(255,255,255,0.7);
}
.trial-container {
  max-width: 600px;
  margin: 0 auto;
}
.trial-container img {
  max-width: 150px;
}
.trial-container p {
  margin: 15px 0;
  color: #888;
}
.trial-container h2 {
  font-weight: 400;
  line-height: 1.2em;
  margin: 10px 0;
}
.trial-container h2 strong {
  color: #f00;
}
.image-placeholder-wrapper .image-contents {
  display: none;
}
.modal-container {
  background: rgba(0,0,0,0.5);
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: auto;
  position: fixed;
  z-index: 1200;
  -webkit-animation: fadeIn 0.5 ease;
  -moz-animation: fadeIn 0.5 ease;
  -o-animation: fadeIn 0.5 ease;
  -ms-animation: fadeIn 0.5 ease;
  animation: fadeIn 0.5 ease;
}
.modal-container.add-to-home-container {
  z-index: 2000;
}
.modal-container--fix-align {
  top: 0;
  left: 0;
}
.modal-content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  width: 90%;
  min-width: 300px;
  max-width: 500px;
  height: 100px;
  z-index: 1001;
  background: #fff;
  padding: 1.5em 1.5em 90px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  text-align: center;
}
.modal-content img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.modal-content--overflow {
  overflow: visible;
}
.add-to-home {
  height: 70%;
  padding: 1em 1em;
  overflow: scroll;
}
.add-to-home.is-android-old {
  height: 40%;
}
.add-to-home.is-android-new {
  height: 35%;
}
.add-to-home.is-iphone {
  height: 50%;
}
.add-to-home.is-ipad {
  height: 35%;
}
.add-to-home.is-ipad .step-0,
.add-to-home.is-ipad z {
  display: none;
}
.add-to-home .modal-close {
  display: inline-block;
  float: right;
  width: 10%;
  text-align: right;
  margin-bottom: 10px;
  color: #444;
}
.add-to-home .modal-close .icon-remove {
  font-size: 2em;
}
@media (min-width: 668px) {
  .modal-content {
    width: 50%;
    padding: 1.5em 1.5em 80px;
    min-width: 500px;
  }
}
@media screen and (orientation: landscape) {
  .modal-content.add-to-home.is-ipad {
    height: 45%;
  }
}
.modal-title {
  float: left;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #444;
  width: 100%;
}
.modal-title:hover {
  color: #444;
}
.modal-subtitle {
  margin-bottom: 30px;
}
.modal-description {
  margin-bottom: 25px;
}
.modal-content:not(.modal-content--auto-height) .modal-title {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.modal-cta {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  margin: auto;
}
.modal-cta .button-card-footer-half-width {
  background-color: #f5f5f5;
  line-height: 25px;
  font-size: 1em;
  width: 50%;
  border-bottom-left-radius: 5px;
}
.modal-cta .button-card-footer-half-width:first-of-type {
  border-bottom: 1px solid #ddd;
}
.modal-cta .button-card-footer-half-width:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;
}
@media screen and (max-width: 500px) {
  .modal-cta .button-card-footer-half-width {
    font-size: 0.9em;
  }
}
.modal-outer-close {
  position: absolute;
  top: -19px;
  right: -19px;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 400px) {
  .modal-outer-close {
    top: -25px;
    right: 0;
  }
}
.modal-content--auto-height {
  height: auto;
  max-height: 80%;
  top: initial;
  bottom: initial;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: visible;
  padding-bottom: 47px;
}
.auto-height-modal-scroll {
  max-height: 55vh;
  padding-bottom: 5px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.forgot-password-modal-container {
  visibility: hidden;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0,0,0,0.4);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.forgot-password-modal {
  background: #fff;
  border-radius: 3px;
  max-width: 300px;
  min-width: 300px;
  padding: 16px;
}
.forgot-password-modal-title {
  font-size: 1.25rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.0075em;
  padding-bottom: 8px;
}
.forgot-password-modal-body {
  padding-bottom: 8px;
}
.forgot-password-modal-footer {
  text-align: right;
}
.forgot-password-button {
  background: none;
  border: 0;
  border-radius: 0px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02857em;
  line-height: 1.75;
  min-width: 64px;
  padding: 4px 8px;
}
.forgot-password-button:hover {
  background: #e7e7e7;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
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;
}
template,
[hidden] {
  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: 0.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: -0.25em;
}
sup {
  top: -0.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 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: bold;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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: 0.54;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
  filter: alpha(opacity=54);
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.notification-container {
  background-color: #fff;
  position: fixed;
  top: 50px;
  left: 0;
  min-height: 50px;
  display: block;
  z-index: 9;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.notification-container .icon-ok,
.notification-container .icon-warning-sign {
  display: inline-block;
  vertical-align: middle;
  float: left;
  line-height: 1.1em;
  padding: 18px 0 0 15px;
}
.notification-container .notification-content {
  padding: 18px 0 0 15px;
  width: 70%;
  font-weight: 800;
  font-size: 1.1em;
  line-height: 1.1em;
  display: inline-block;
}
.notification-container .notification-actions {
  display: inline-block;
  float: right;
  vertical-align: middle;
  text-align: left;
}
.notification-container .notification-actions a {
  color: rgba(0,0,0,0.3);
  padding: 15px;
  line-height: 50px;
}
.notification-container .notification-actions a i {
  font-size: 1.5em;
}
.notification-container .notification-actions a:hover {
  color: rgba(0,0,0,0.5);
}
.notification-container.notification-success {
  background-color: rgba(42,185,59,0.95);
  color: #fff;
  z-index: 11;
}
.notification-container.notification-success .notification-content {
  width: 75%;
  text-align: left;
}
.notification-container.notification-success .notification-content i {
  margin-right: 5px;
}
.notification-container.notification-success .notification-actions a {
  color: rgba(255,255,255,0.7);
}
.notification-container.notification-success .notification-actions a i {
  font-size: 1.5em;
}
.notification-container.notification-success .notification-actions a:hover {
  color: #fff;
}
.notification-container.notification-error {
  background-color: rgba(255,0,0,0.95);
  color: #fff;
  z-index: 12;
}
.notification-container.notification-error .notification-content {
  width: 75%;
  text-align: left;
}
.notification-container.notification-error .notification-content i {
  margin-right: 5px;
}
.notification-container.notification-error .notification-actions a {
  color: rgba(255,255,255,0.7);
}
.notification-container.notification-error .notification-actions a i {
  font-size: 1.5em;
}
.notification-container.notification-error .notification-actions a:hover {
  color: #fff;
}
.notification-container.notification-offline {
  position: relative;
  top: 0;
  background-color: rgba(255,233,110,0.95);
  border-bottom: 1px solid #ddd;
}
.notification-container.notification-offline .notification-content {
  width: 60%;
}
.notification-container.notification-offline .notification-actions {
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.notification-container.notification-offline .notification-actions a {
  vertical-align: top;
}
.notification-container.notification-offline .notification-actions a i {
  font-size: 0.8em;
}
.notification-container.notification-offline.notification-success .notification-content {
  margin: 0;
}
.notification-container .progress {
  border-radius: 5px;
  position: absolute;
  right: 36px;
  background-color: #f5f5f5;
  width: 60px;
  height: 14px;
  top: 18px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.notification-container .progress .progress-bar {
  position: absolute;
  left: 0;
  border-radius: 5px;
  background-color: #000;
  height: 14px;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
}
.search-box-enabled .notification-offline {
  top: 50px;
}
.update-notification .menu-nav-item {
  padding-right: 20px;
}
@media print {
  * {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  html,
  body,
  .container,
  .layout-menu,
  .layout-content,
  .layout-sidebar {
    overflow: visible !important;
    position: relative !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .layout-menu,
  .layout-sidebar,
  .content-nav {
    display: none !important;
  }
  .layout-content {
    padding: 10px 0 !important;
  }
}
.custom-fields + .drawer,
.drawer + .button-block {
  margin-top: 2px;
}
.menu-input + .drawer {
  margin-top: 19px;
}
.menu-form + .drawer {
  margin-top: 12px;
}
.menu-input.mb-10 + .drawer {
  margin-top: 8px;
}
.drawer {
  margin: 15px 0px 15px 0px;
}
.drawer-menu {
  padding: 0px 8px 0px 8px;
  cursor: pointer;
  color: #444;
}
.drawer-menu .icon-infoCircle {
  display: inline-block;
  vertical-align: top;
}
.drawer-menu .icon-angle-down {
  display: inline-block;
  vertical-align: top;
}
.drawer-menu .icon-angle-up {
  display: inline-block;
  vertical-align: top;
}
.drawer-menu-label {
  font-weight: bold;
  color: #444;
  margin: 0 10px;
  display: inline-block;
  width: 80%;
}
.drawer-menu-label--margin-bottom {
  margin-bottom: 10px;
}
.menu-sidebar-container .drawer-menu-content {
  padding-left: 29px;
}
.drawer-menu-content {
  color: #444;
  padding: 5px 8px 0px 33px;
  margin: 0px;
}
.drawer-menu-content .link {
  color: #444;
  text-decoration: underline;
}
.drawer-menu-content .link:focus {
  outline: none;
}
.drawer-menu-content--indent {
  padding: 0px 0px 15px 30px;
}
.menu .icon-infoCircle,
.menu-login .icon-infoCircle,
.menu .drawer-menu,
.menu-login .drawer-menu,
.menu .drawer-menu-label,
.menu-login .drawer-menu-label,
.menu .drawer-menu-content,
.menu-login .drawer-menu-content {
  color: #fff;
}
.menu .icon-infoCircle .link,
.menu-login .icon-infoCircle .link,
.menu .drawer-menu .link,
.menu-login .drawer-menu .link,
.menu .drawer-menu-label .link,
.menu-login .drawer-menu-label .link,
.menu .drawer-menu-content .link,
.menu-login .drawer-menu-content .link {
  color: #fff;
}
.drawer ~ .consent {
  margin-top: 30px;
}
.consent {
  color: #fff;
  margin: 15px 0px 15px 8px;
}
.consent .link {
  color: #fff;
  text-decoration: underline;
}
.consent .link:focus {
  outline: none;
}
.drawer + .menu-button {
  margin-top: 12px;
}
.consent + .menu-button {
  margin-top: 0px;
}
.checkbox {
  position: relative;
  display: block;
}
.checkbox input[type="checkbox"] {
  width: auto;
  opacity: 1e-8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.checkbox .helper {
  position: absolute;
  top: -4px;
  left: -6px;
  cursor: pointer;
  display: block;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
}
.checkbox .helper:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  -webkit-transition: -webkit-transform 0.28s ease;
  -moz-transition: -moz-transform 0.28s ease;
  -o-transition: -o-transform 0.28s ease;
  -ms-transition: -ms-transform 0.28s ease;
  transition: transform 0.28s ease;
  border: 1px solid #5b6474;
  background-color: #fff;
}
.checkbox .helper:after {
  content: '';
  display: block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg) scale(0);
  -moz-transform: rotate(-45deg) scale(0);
  -o-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  position: absolute;
  top: 8px;
  left: 7px;
}
.checkbox input[type="checkbox"]:checked ~ .helper::before {
  background-color: #2e96d7;
}
.checkbox input[type="checkbox"]:checked ~ .helper::after {
  -webkit-transform: rotate(-45deg) scale(1);
  -moz-transform: rotate(-45deg) scale(1);
  -o-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
.checkbox label {
  min-height: 24px;
  padding-left: 21px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.style-guide {
  background: #fafafa;
  height: inherit;
}
.style-guide .theme-switch li {
  display: inline-block;
  margin-right: 15px;
}
.style-guide .theme-switch li a {
  color: #aaa;
}
.style-guide .theme-switch li:hover a {
  color: #999;
}
.style-guide .theme-switch li.is-selected a {
  color: #888;
}
.style-guide .toppad {
  margin-top: 1em;
}
.style-guide .botpad {
  margin-bottom: 1em;
}
.style-guide .container {
  min-width: 300px;
  max-width: 700px;
  margin: 2em auto;
  padding: 0 1em;
  width: 60%;
  background: #fafafa;
  display: block !important;
}
.style-guide .content-nav {
  display: block;
}
.style-guide .content-body {
  width: 100%;
}
.style-guide .block {
  margin: 1.5em 0 3em;
}
.style-guide .block-title {
  border-bottom: 4px solid #bbb;
  margin: 0 0 0.5em;
  padding: 0 0 0.75em;
}
.style-guide .molecule-block {
  margin: 1.5em 0;
}
.style-guide .molecule-title {
  margin: 0.5em 0 0;
  font-weight: 300;
  font-size: 15px;
  color: #555;
}
.style-guide .molecule-content {
  margin: 0.5em 0 1em;
}
.style-guide .content-list {
  margin: 10px 0;
}
.style-guide .cake-ftw {
  cursor: help;
}
.style-guide .dropdown-selected:hover {
  background-color: #e5e5e5;
}
.style-guide .dropdown-selected:hover .dropdown-menu-content {
  display: block;
  position: relative;
}
.style-guide .notification-container-v2 {
  position: relative !important;
  top: 0 !important;
}
.style-guide.dark-theme {
  background: #333;
}
.style-guide.dark-theme .theme-switch li a {
  color: #aaa;
}
.style-guide.dark-theme .theme-switch li a:hover {
  color: #eee;
}
.style-guide.dark-theme .theme-switch li.is-selected a {
  color: #ddd;
}
.style-guide.dark-theme .container {
  background: #333;
}
.style-guide.dark-theme .molecule-title {
  color: #aaa;
}
[ng:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.smartbanner_show {
  margin-top: 82px;
}
.smartbanner_show .smartbanner {
  display: block;
}
.smartbanner {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  height: 78px;
  font-family: 'Helvetica Neue', sans-serif;
  background: #f4f4f4;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none;
}
.smartbanner__container {
  margin: 0 auto;
}
.smartbanner__close {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  border: 2px solid #fff;
  width: 14px;
  height: 14px;
  font-family: 'ArialRoundedMTBold', Arial;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #fff;
  background: #070707;
  text-decoration: none;
  border-radius: 14px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -webkit-font-smoothing: subpixel-antialiased;
}
.smartbanner__close:active,
.smartbanner__close:hover {
  font-size: 13px;
  color: #aaa;
}
.smartbanner__icon {
  position: absolute;
  left: 30px;
  top: 10px;
  display: block;
  width: 57px;
  height: 57px;
  background: rgba(0,0,0,0.6);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.smartbanner__info {
  position: absolute;
  left: 98px;
  top: 18px;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold;
  color: #6a6a6a;
}
.smartbanner__title {
  font-size: 13px;
  color: #4d4d4d;
  line-height: 18px;
  font-weight: bold;
}
.smartbanner-button {
  position: absolute;
  right: 20px;
  top: 24px;
  border: 1px solid #bfbfbf;
  padding: 0 10px;
  min-width: 10%;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #6a6a6a;
  background: #efefef;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6), 0 1px 0 rgba(255,255,255,0.7) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,0.6), 0 1px 0 rgba(255,255,255,0.7) inset;
}
.smartbanner-button:active,
.smartbanner-button:hover {
  background: #dcdcdc;
  color: #6a6a6a;
}
.smartbanner_android {
  border-color: #212228;
  background: #3d3d3d url("//eventmobi-assets.s3.amazonaws.com/common-assets/native/dark_background_stripes.gif");
  border-top: 5px solid #88b131;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.smartbanner_android .smartbanner__icon {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.smartbanner_android .smartbanner__close {
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  color: #b1b1b3;
  background: #1c1e21;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 1px 1px rgba(255,255,255,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 1px 1px rgba(255,255,255,0.3);
}
.smartbanner_android .smartbanner__info {
  color: #ccc;
}
.smartbanner_android .smartbanner__title {
  color: #fff;
  font-weight: bold;
}
.smartbanner_android .smartbanner-button {
  min-width: 12%;
  border: 1px solid #dddcdc;
  padding: 1px;
  color: #d1d1d1;
  background: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.smartbanner_android .smartbanner-button__text {
  text-align: center;
  display: block;
  padding: 0 10px;
  background: #42b6c9;
  text-transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 20px;
  line-height: 22px;
}
.smartbanner_android .smartbanner__close:active,
.smartbanner_android .smartbanner__close:hover {
  color: #eee;
}
.smartbanner_android .smartbanner-button:active,
.smartbanner_android .smartbanner-button:hover {
  background: 0;
}
.smartbanner_android .smartbanner-button__text:active,
.smartbanner_android .smartbanner-button__text:hover {
  background: #2ac7e1;
}
.video-container {
  position: relative;
  padding-top: 56.25% /* 16:9 Aspect Ratio */;
  width: 100%;
  height: 100%;
}
.video-react-player {
  position: absolute;
  top: 0;
  left: 0;
}
.activity-feed-clear {
  clear: both;
}
.activity-feed-callout-block {
  max-width: 602px;
  width: 95%;
  margin: 1em auto;
}
.activity-feed-button {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.indicator-bar {
  background-color: #d2e7f5;
  padding: 5px 15px;
  color: #333;
}
.indicator-bar-left {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-right: 10px;
}
.indicator-bar-right {
  display: table-cell;
  vertical-align: middle;
}
.activity-feed-create-box {
  margin: 0 0 1em 0;
}
.activity-feed-create-buttons-cancel {
  float: left;
}
.activity-feed-create-buttons-post {
  float: right;
}
.details-block .details-block-content .activity-feed-create-textbox-container {
  width: 100%;
  padding-right: 40px;
  margin-bottom: 0;
}
.activity-feed-create-textbox {
  height: 100%;
  width: 100%;
  border: 0;
  resize: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  overflow-x: hidden;
}
.activity-feed-create-textbox:hover,
.activity-feed-create-textbox:focus {
  outline: none;
}
.activity-feed-create-camera-enabled label {
  color: #922f11;
  cursor: pointer;
}
.activity-feed-create-camera-disabled label {
  color: #888;
}
.activity-feed-create-camera-disabled label:hover,
.activity-feed-create-camera-disabled label:focus {
  color: #888;
}
.activity-feed-create-right {
  float: right;
  font-size: 1.2em;
  text-align: right;
  border-left: 1px solid #b8b8b8;
  width: 34px;
}
.activity-feed-create-right .button-block {
  border: none;
  display: inline;
  background: none;
  padding: 10px 15px;
}
.activity-feed-create-image-container {
  margin-top: 1em;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.activity-feed-create-image-container-progressoverlay {
  margin: 0 auto;
  position: absolute;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
}
.activity-feed-create-image-container-progressoverlay i.icon-spinner {
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -10px;
  color: #fff;
  font-size: 1.3em;
  position: absolute;
}
.activity-feed-remove-image-container-progressoverlay {
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
}
.activity-feed-remove-image-container-progressoverlay i.icon-remove-sign {
  cursor: pointer;
  left: 95%;
  top: 5%;
  margin-left: -8px;
  margin-top: -10px;
  color: #3b5998;
  font-size: 1.3em;
  position: absolute;
}
.activity-feed-create-image-container-thumbnail {
  width: 40px;
  height: 40px;
  position: absolute;
}
.activity-feed-timeline {
  margin: 0;
}
.activity-feed-post {
  display: block;
}
.activity-feed-post .card-content {
  display: block;
  padding: 15px 0 0 0;
  width: 100%;
}
.activity-feed-post-avatar {
  float: left;
  margin-left: 15px;
}
.activity-feed-post-avatar-img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.activity-post-delete {
  float: right;
  margin-right: 15px;
}
.activity-post-delete a {
  color: #b40004;
  font-weight: normal;
  font-size: 0.9em;
}
.activity-feed-post-header {
  margin: 5px 10px;
  display: inline-block;
}
.activity-feed-post-header p {
  margin: 0;
}
.activity-feed-post-name {
  color: #000;
  font-weight: bold;
}
a.activity-feed-post-name {
  text-decoration: underline;
}
.activity-feed-post-header-poster {
  line-height: 1.5em;
  font-size: 1.05em;
}
.activity-feed-post-time {
  font-size: 0.9em;
  color: #888;
}
.activity-feed-post-content {
  padding-top: 15px;
}
.card .card-content .activity-feed-post-content .activity-feed-post-text {
  margin: 0 15px 10px 15px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-line;
}
.activity-feed-post-image-container {
  width: 100%;
  max-height: 600px;
  max-width: 600px;
  background: #000;
  overflow: hidden;
  text-align: center;
}
.activity-feed-post-image {
  height: auto;
  max-height: 300px;
  max-width: 100%;
}
@media all and (min-width: 668px) {
  .activity-feed-post-image {
    max-height: 600px;
  }
}
.activity-feed-post-likes-left {
  float: left;
  margin: 15px;
}
.activity-feed-post-likes-button {
  font-size: 1.3em;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.activity-feed-post-likes-likebutton:hover {
  color: #888;
}
.activity-feed-post-likes-likebutton {
  color: #888;
}
.activity-feed-post-likes-unlikebutton:hover {
  color: #922f11;
}
.activity-feed-post-likes-unlikebutton {
  color: #922f11;
}
.activity-feed-post-likes-logintext {
  font-weight: bold;
}
.activity-feed-post-likes-right {
  float: right;
  margin: 15px;
}
.activity-feed-post-likes-countertext {
  font-weight: bold;
}
.activity-feed-updates-indicator {
  background-color: #2ab93b;
  border-radius: 5px;
  height: 50px;
  display: table;
  color: #fff;
  cursor: pointer;
}
.activity-feed-updates-indicator p {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.activity-feed-updates-indicator p i {
  position: relative;
  left: 14px;
  float: left;
  font-size: 15px;
}
.activity-feed-updates-indicator p span {
  font-size: 15px;
  font-weight: 500;
}
.activity-feed-updates-indicator--clicked {
  background-color: #ddd;
  color: #bbb;
}
.happening-now {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 100;
  padding: 15px 10px;
  margin-bottom: 0;
}
.happening-now .button-block {
  width: auto;
  padding: 10px 30px 9px;
  float: left;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.happening-now.fade-in {
  display: block;
}
.happening-now.fade-out {
  display: none;
}
.agenda-card .icon-chevron-right {
  line-height: 135px;
}
.agenda-card-title {
  white-space: normal;
  max-height: 80px;
}
.agenda-card-title--fixed-height {
  height: 73px;
}
.agenda-session-row--beta {
  margin: 10px 10px 0;
}
.agenda-session-row--beta .agenda-card-title {
  max-height: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.agenda-list-row.autoHeightInvisible {
  visibility: hidden;
}
.agenda-session-row-link {
  display: block;
}
.agenda-video {
  margin-bottom: 10px;
}
.agenda-feedback .list-icon {
  height: 50px;
}
.agenda-feedback .list-item-content {
  margin-left: 0.5em;
}
.user-agenda-right {
  float: right;
  position: relative;
  right: 18px;
  line-height: 95px;
  color: #c3c3c3;
}
.tl-content-sort {
  margin-left: 10px;
  margin-right: 10px;
  z-index: 100;
  position: relative;
}
.timeline-outer-container {
  position: relative;
  margin-top: 10px;
  padding-top: 40px;
  padding-left: 5em;
  z-index: 0;
  height: calc(100vh - 50px - 53px);
  width: 100%;
  overflow: hidden;
  background: #fff;
}
@media only screen and (max-width: 425px) {
  .timeline-outer-container-short {
    height: calc(100vh - 50px - 95px);
  }
}
.timeline-toggle-button-group--2 {
  margin-bottom: 10px;
}
.timeline-block .timeline-button {
  float: right;
}
@media only screen and (max-device-width: 667) {
  .timeline-block.toggle-menu {
    -webkit-transform: translate3d(200%, 0, 0);
    -moz-transform: translate3d(200%, 0, 0);
    -o-transform: translate3d(200%, 0, 0);
    -ms-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }
}
.timeline-container {
  position: relative;
  overflow: scroll;
  height: 100%;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
}
.timeline {
  border-bottom: 1px solid #eceded;
}
.timeline-columns {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.headings {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  z-index: 200;
  border-bottom: 1px solid #eceded;
  min-width: 100%;
}
.heading-item {
  display: inline-block;
  width: 15em;
  height: 3em;
  display: inline-block;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .heading-item {
    width: 15em;
  }
}
.heading-item > .heading-name {
  color: #767676;
  font-weight: 500;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 5px;
}
.heading-item > .heading-name > .heading-color {
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 2px 1px 0;
}
.hour-heading-item {
  width: 5em;
}
.hour-rows-container {
  height: 1px;
  width: 100%;
}
.hour-row {
  height: 25px;
  border-top: 1px solid #eceded;
  border-bottom: 1px dotted #eceded;
  margin-bottom: 25px;
  color: #767676;
}
.hour-row:first-child {
  border-top: none;
}
.session-column {
  width: 15em;
  border-right: 1px solid #eceded;
  border-bottom: 1px solid #eceded;
}
@media screen and (max-width: 736px) {
  .session-column {
    width: 15em;
  }
}
.hour-column {
  width: 5em;
  height: 1200px;
  border: 1px solid #eceded;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 40px;
  z-index: 100;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  white-space: nowrap;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.hour-column > .hour-row {
  border-bottom: none;
  text-align: right;
  margin-bottom: 0;
  height: 50px;
  background-color: #fff;
  float: left;
  width: 100%;
  white-space: normal;
}
.hour-column > .hour-row > p {
  margin-right: 0.5em;
}
.session-columns {
  display: inline-block;
  white-space: nowrap;
  height: calc(100% - 3em);
  min-width: 100%;
}
.session-column {
  height: 1200px;
  display: inline-block;
  position: relative;
  width: 15em;
}
@media screen and (max-width: 736px) {
  .session-column {
    width: 15em;
  }
}
.timeline-session-card {
  position: absolute;
  width: 12.35em;
  z-index: 1;
  overflow: hidden;
  margin-left: 2px;
  color: #000;
  background-color: #fff;
  padding: 3px 7px;
  white-space: normal;
  border-radius: 4px;
  border-width: 1px;
  border-style: dotted;
}
.timeline-session-card-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.timeline-session-card-bg-text,
.timeline-session-card-bg-header {
  font-size: 11px;
  position: relative;
  z-index: 2;
  opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  line-height: 1.3;
}
.timeline-session-card--attending {
  border-style: solid;
  border-right-width: 6px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.timeline-session-card--attending .timeline-session-card-bg {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.timeline-session-card--attending .timeline-session-card-bg-text,
.timeline-session-card--attending .timeline-session-card-bg-header {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.timeline-session-card--short {
  padding-top: 4px;
}
.timeline-session-card-attending-icon {
  margin: 0 2px;
  font-size: 0.9em;
}
.timeline-session-card-bg-header {
  white-space: nowrap;
  overflow: hidden;
}
.action-options-container--2 {
  display: table;
  width: 100%;
}
.action-options-container--2 .action-option-container {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.session-option {
  width: 100%;
}
.filter-button-group--2 {
  width: 100%;
}
.filter-button-group--2 > .button-card-footer-half-width.is-selected {
  background-color: #ccc;
  color: #1c2a47;
}
.session-popup-button {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  width: 50%;
  display: inline-block;
  padding: 10px 0;
  font-weight: 800;
  cursor: pointer;
}
.session-popup-button.is-selected {
  background-color: #ccc;
  color: #1c2a47;
}
.session-footer-button {
  margin-top: 15px;
}
.filter-selection-button {
  margin: 10px 0 0 0;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 10px 0;
  border-radius: 2px;
  font-weight: 800;
  cursor: pointer;
}
.filter-selection-button > .icon-circle {
  width: 20px;
  position: relative;
  float: left;
  margin-left: 10px;
  color: #000;
}
.filter-selection-button > .track-name {
  margin-left: 35px;
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.filter-selection-button.is-selected {
  background-color: #ccc;
}
.filter-selection-button:not(.is-selected) > .track-name {
  color: #888;
}
.filter-selection-list {
  max-height: calc(55vh - 82px);
}
.session-details-modal-scroller {
  max-height: calc(55vh - 90px);
}
.button-card-footer.filter-selection-button.show-all-option {
  color: #000;
}
.timeline-apply-filter-button {
  margin-top: 15px;
  width: 90%;
}
.no-scroll {
  overflow: hidden;
}
.button-group--auto-width {
  width: auto;
}
@media only screen and (min-width: 769px) {
  .list-view-fixed-width {
    width: 4.2em;
  }
  .timeline-view-fixed-width {
    width: 4.8em;
  }
  .agenda-filter-fixed-width {
    width: 4.7em;
  }
  .agenda-export-fixed-width {
    width: 10.3em;
  }
}
@media only screen and (max-width: 768px) {
  .visible-on-desktop {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .visible-on-desktop {
    display: inline;
  }
}
@media only screen and (max-width: 425px) {
  .visible-on-mobile {
    display: inline;
  }
}
@media only screen and (min-width: 426px) {
  .visible-on-mobile {
    display: none;
  }
}
@media only screen and (max-width: 425px), (min-width: 769px) {
  .visible-on-tablet {
    display: none;
  }
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
  .visible-on-tablet {
    display: inline;
  }
}
.content-sort-actions {
  display: block;
  position: relative;
  height: 33px;
  float: left;
}
.content-sort-actions>:first-child {
  float: right;
  width: 100%;
}
.content-sort-actions>:last-child {
  margin-right: 0;
  position: absolute;
  right: 0px;
}
.dropdown-no-toggle {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .dropdown-and-toggle {
    width: 74%;
    width: calc(100% - 85px);
  }
}
@media only screen and (min-width: 769px) {
  .dropdown-and-toggle {
    width: 80%;
    width: calc(100% - 156px);
  }
}
@media only screen and (max-width: 425px) {
  .dropdown-filter-export-and-no-toggle {
    width: 100%;
  }
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
  .dropdown-filter-export-and-no-toggle {
    width: 88%;
    width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 769px) {
  .dropdown-filter-export-and-no-toggle {
    width: 77%;
    width: calc(100% - 186px);
  }
}
@media only screen and (max-width: 425px) {
  .dropdown-filter-export-and-toggle {
    width: 70%;
    width: calc(100% - 85px);
  }
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
  .dropdown-filter-export-and-toggle {
    width: 69%;
    width: calc(100% - 134px);
  }
}
@media only screen and (min-width: 769px) {
  .dropdown-filter-export-and-toggle {
    width: 57%;
    width: calc(100% - 327px);
  }
}
@media only screen and (max-width: 768px) {
  .padding-for-filter-button {
    padding-right: 47px;
  }
}
@media only screen and (min-width: 769px) {
  .padding-for-filter-button {
    padding-right: 87px;
  }
}
.content-sort-extra-actions {
  display: block;
  position: relative;
  float: right;
}
@media only screen and (max-width: 425px) {
  .content-sort-extra-actions {
    float: none;
  }
}
.content-sort-extra-actions>* {
  float: right;
}
@media only screen and (max-width: 425px) {
  .content-sort-extra-actions>:last-child {
    clear: right;
    margin-top: 10px;
    margin-right: 0;
    width: 100%;
  }
  .content-sort-extra-actions>:last-child>* {
    width: 100%;
  }
}
.breakout {
  clear: none !important;
  margin-top: 0 !important;
  width: auto !important;
}
.button-big-icon {
  color: #555;
  font-size: 1.2em;
  line-height: 0.72em;
}
.button-big-icon>svg {
  font-size: 0.9em;
  margin-top: -1px;
}
.button-group--2 .button-group-item .dropdown-menu {
  margin-top: 0;
}
.tl-dropdown-menu .dropdown-selected {
  position: relative;
  padding: 0 2.2em 0 0;
  cursor: pointer;
  line-height: 2em;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  color: #555;
  width: 100%;
  font-size: 1.2em;
  display: inline-block;
  font-weight: 800;
  white-space: nowrap;
}
@media only screen and (max-width: 330px) {
  .tl-dropdown-menu .dropdown-selected {
    font-size: 1.2em;
  }
}
.tl-dropdown-menu .dropdown-selected.is-selected .dropdown-menu-content {
  display: block;
}
.tl-dropdown-menu .dropdown-menu-content .dropdown-item-link {
  border-width: 0;
  border-bottom-width: 1px;
  font-size: 20px;
  height: 2.1em;
  line-height: 2.1em;
  padding-left: 1em;
  padding-right: 42px;
  text-align: left;
}
.tl-dropdown-menu .dropdown-menu-content .dropdown-menu-item:last-child .dropdown-item-link {
  border: none;
}
.tl-dropdown-menu--legacy {
  width: 100%;
}
.tl-dropdown-menu--legacy .dropdown-selected {
  padding: 0 2em 0 0;
}
.tl-dropdown-menu--legacy .dropdown-menu-content .dropdown-item-link {
  text-align: center;
}
.tl-dropdown-more-label {
  position: absolute;
  right: 0;
  top: 3px;
  bottom: 3px;
  display: inline-block;
  border-left: 1px solid #bbb;
  text-transform: uppercase;
  width: 2.2em;
}
.tl-dropdown-more-label .dropdown-icon {
  display: inline-block;
  margin-top: -7px;
  vertical-align: middle;
  font-size: 0.8em;
}
.tl-button-group-item {
  text-align: center;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.tl-button-group-item:first-child {
  border-right: 1px solid #ccc;
}
.tl-button-group-item:first-child,
.tl-button-group-item:first-child .button-group-link {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.tl-button-group-item:last-child,
.tl-button-group-item:last-child .button-group-link {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.tl-button-group-item:only-child {
  border-right: 0;
}
.tl-button-group-item:active,
.tl-button-group-item:active .button-group-link,
.tl-button-group-item.is-selected .button-group-link {
  background-color: #eee;
  color: #444;
}
.tl-button-group-item>.button-group-link {
  vertical-align: top;
}
.tl-dropdown-menu-content {
  background: #fff;
  padding: 0 2px;
}
.tl-dropdown-menu .dropdown-menu-content .dropdown-item-link {
  border-width: 0;
  border-bottom-width: 1px;
  font-size: 1em;
  height: 2.1em;
  padding-left: 0.5em;
  text-align: center;
}
.tl-dropdown-menu .dropdown-menu-content .dropdown-menu-item:last-child .dropdown-item-link {
  border: none;
}
.session-details-modal-content {
  font-size: 14px;
}
.session-details-modal-scroller {
  padding-bottom: 20px;
}
.tl-modal-title {
  line-height: 1.5em;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.session-details-modal-content--short-desc .session-details-modal-description {
  text-align: center;
}
.session-details-modal-location {
  margin: 0.8em 0 1.7em;
}
.session-details-modal-location>i {
  margin: 0 0.3em 0 0.5em;
}
.session-details-modal-description {
  text-align: left;
  margin-top: 0.6em;
  line-height: 1.4em;
}
@media only screen and (max-width: 700px) {
  .button-big-icon {
    font-size: 1.2em;
    line-height: 0.7em;
  }
}
.content-tracks-list {
  margin: 5px 10px 10px;
}
.track-item {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.track-item.is-selected {
  padding: 0;
  background: #fafafa;
}
.track-item.is-selected .track-item-link {
  width: 100%;
}
.track-item .icon-chevron-right,
.track-item .icon-chevron-down {
  display: inline-block;
  width: 10px;
  margin-top: 4px;
  color: #b8b8b8;
  float: right;
}
.track-item .icon-circle {
  top: -4px;
  position: relative;
  padding-right: 7px;
  width: initial;
}
.track-item .track-title {
  width: 86%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 1.2em;
  line-height: 1.3em;
}
.track-item-link {
  padding: 12px;
  display: block;
}
.tracks-listing-header {
  margin: 15px 0px 10px;
  border-bottom: 1px solid #ccc;
}
.tracks-listing-header .icon-circle {
  display: inline-block;
  margin: 2px 5px 0 10px;
}
.tracks-listing-header .track-title {
  width: 90%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  font-size: 1.2em;
}
.content-tracks-container .date-title {
  padding: 5px 0;
  color: #555;
  font-size: 1em;
}
.content-tracks-container .date-title .icon-calendar {
  top: -2px;
  position: relative;
}
.content-sessions-container {
  outline: none;
}
.content-sessions-container--lazy-list {
  margin: 10px;
}
.content-sessions-container--lazy-list .card-tracks {
  float: left;
  margin-right: 5px;
}
.modal-title--alerts {
  padding-left: 25px;
  text-align: left;
}
.icon-bell--padding {
  margin-left: -30px;
  margin-right: 15px;
}
.modal-alert {
  width: 100%;
  display: block;
}
.modal-alert .alert-content {
  float: left;
  clear: both;
  margin-top: 20px;
  padding-bottom: 25px;
  text-align: left;
  width: 100%;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow-y: scroll;
}
.status-warning {
  display: none;
  background: #fff;
  padding: 20px 0;
  width: 100%;
  font-weight: 800;
  font-size: 1.1em;
  color: #b52c2c;
  text-align: center;
}
.status-warning a {
  text-decoration: underline;
}
.container-login .menu-header-title {
  width: 100%;
}
.container-login .menu-form-link {
  float: right;
  margin-top: 14px;
}
.container-login input::placeholder {
  color: #ccc;
  opacity: 1 /* Firefox */;
  -ms-filter: none /* Firefox */;
  filter: none /* Firefox */;
}
.container-login input :-ms-input-placeholder {
  color: #ccc;
}
.container-login input ::-ms-input-placeholder {
  color: #ccc;
}
.menu-login-steps.secure-mode {
  border-bottom: 1px solid #222;
  margin: 0;
  padding: 20px 0;
}
.login-html {
  background-color: #6f7a8e;
}
.menu-login-steps.secure-mode {
  background-color: #656f81;
}
.container-login {
  max-width: 400px;
  margin: 10% auto;
  background-color: #656f81;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.1);
}
.container-login .menu-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.container-login .menu-login {
  border-bottom: none;
}
.first-in-group {
  display: block;
  padding-top: 10px;
}
.first-in-group-left-col {
  width: 35px;
  float: left;
  height: 100%;
}
.first-in-group-left-col img {
  display: block;
  border-radius: 5px;
  height: 30px;
  width: 30px;
  max-width: 100%;
}
.first-in-group-right-col {
  display: block;
  overflow: hidden;
  padding-left: 10px;
}
.name-and-time {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
}
.not-first-in-group {
  display: block;
  padding-left: 45px;
}
.time-and-message {
  width: 100%;
  overflow: hidden;
}
.time-sent {
  overflow: hidden;
  margin-bottom: 5px;
}
.sent-message-container {
  overflow: hidden;
}
.blank-inbox-message {
  text-align: center;
}
.icon-comments-container {
  height: 0px;
  padding: 150px 0px 120px;
}
.icon-comments.large-size {
  font-size: 14em;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.chat-details-block {
  margin: 30px 10px 0px 10px;
}
.chat-details-block.inbox-blank {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.chat-details-block.inbox-blank .button-block {
  width: 300px;
}
.chat-details-block .button-block {
  color: #00a6cf;
}
.chat-details-block .button-block .icon-edit {
  vertical-align: middle;
}
.chat-all-messages-header {
  margin: 30px 0px 20px 25px;
  font-weight: bold;
  font-size: 1.1em;
}
.chat-person-list {
  margin-bottom: 20px;
}
.chat-conversation-tile-wrapper {
  height: 80px;
  padding: 0px 15px 0px 15px;
}
.chat-conversation-tile {
  height: 80px;
}
.chat-conversation-tile.chat-conversation-unread {
  border-style: solid;
  border-color: #00a6cf;
  border-width: 2px;
}
.chat-conversation-tile .person-list-item {
  margin: 0px;
  height: 76px;
}
.chat-conversation-tile .person-list-item .image-wrapper {
  width: 76px;
  height: 76px;
}
.chat-conversation-tile .person-list-item .person-item-content .person-name {
  margin-top: 5px;
}
.chat-conversation-tile .person-list-item .person-item-content .person-company {
  font-size: 13px;
}
.chat-conversation-tile .person-list-item .person-item-content .person-job-title {
  margin: 10px 5px;
}
.chat-conversation-tile .person-list-item .icon-chevron-right {
  line-height: 76px;
}
.chat-conversation-bubble {
  position: relative;
  margin-bottom: -15px;
  margin-left: 4px;
  display: block;
  height: 27px;
  width: 27px;
  line-height: 27px;
}
.chat-conversation-bubble.unread {
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #00a6cf;
  color: #fff;
  text-align: center;
  font-size: 15px;
}
.chat-person-details-link {
  display: block;
}
.chat-presence-dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 8px;
}
.chat-presence-dot.chat-presence-online {
  background-color: rgba(42,185,59,0.95);
}
.chat-presence-dot.chat-presence-offline {
  background-color: #ccc;
}
.chat-presence-status {
  font-size: 10px;
  font-weight: 400;
  font-style: italic;
  text-transform: uppercase;
}
.chat-presence-status.chat-presence-online {
  color: rgba(42,185,59,0.95);
}
.chat-presence-status.chat-presence-offline {
  color: #ccc;
}
.chat-conversation {
  background-color: #fff;
  float: left;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0px 10px 0px 10px;
  top: 0px;
  bottom: 0px;
  position: relative;
}
.chat-messages {
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
}
.chat-system-message {
  margin: 0 0 5px 0;
  width: 100%;
  color: #888;
  font-size: 1.2em;
  line-height: 1.4em;
  text-align: center;
  font-style: italic;
}
.chat-message {
  float: left;
  margin: 2px 0;
  width: 100%;
  color: #000;
}
.chat-message-person-name {
  color: #4f4e4e;
  font-size: 1.1em;
  font-weight: 600;
}
.chat-datetime-divider {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.chat-datetime-divider p {
  width: 200px;
  text-align: center;
  color: #4f4e4e;
  position: relative;
  top: 15px;
  background-color: #fff;
  margin: 0 auto;
}
.chat-datetime-divider hr {
  float: left;
  width: 100%;
  border: none;
  border-top: 1px solid #4f4e4e;
}
.chat-message-avatar {
  float: left;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  width: 35px;
  height: 30px;
  margin: 0 0 0 15px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.chat-message-avatar img {
  display: block;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 30px;
  width: 30px;
  max-width: 100%;
}
.chat-message-pointer {
  float: left;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 0px solid transparent;
  border-top: 10px solid #f1f3f8;
  margin-left: 5px;
}
.chat-message-content {
  max-width: 75%;
  display: inline-block;
  padding: 5px;
  background: #f1f3f8;
  border-radius: 3px;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  font-size: 1.1em;
  line-height: 1.3em;
}
p.chat-message-content {
  padding-left: 10px;
  padding-right: 10px;
}
.chat-message-read {
  display: inline-block;
  font-size: 0.8em;
  color: #00b8e6;
  width: 100%;
}
.chat-message-timestamp {
  margin-left: 10px;
  color: #888;
  text-transform: uppercase;
  font-size: 0.9em;
  line-height: 1.1em;
}
.chat-message-timestamp-sent {
  float: right;
  margin-top: 10px;
  text-align: right;
  color: #888;
  text-transform: uppercase;
  font-size: 0.9em;
  line-height: 1.1em;
}
.chat-timestamp {
  margin-top: 10px;
  width: 100%;
  color: #888;
  font-size: 0.9em;
  line-height: 1.1em;
  text-align: center;
}
.chat-placeholder {
  max-width: 45%;
  margin: 100px auto 10px auto;
  background: rgba(59,59,59,0.1);
  border-radius: 5px;
  font-size: 11px;
  text-align: center;
  padding: 5px;
}
.offset-pointer {
  margin-left: 65px;
  border-top-left-radius: 3px;
}
.chat-message-sent {
  float: right;
}
.chat-message-sent .chat-message-pointer {
  float: right;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #00b2d4;
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 15px;
}
.chat-message-sent .chat-message-content {
  float: right;
  margin-left: 0px;
  background: #00b2d4;
  color: #fff;
  border-radius: 3px;
}
.chat-message-sent .chat-message-read {
  text-align: right;
}
.chat-message-sent .offset-pointer {
  border-top-right-radius: 3px;
  margin-top: 2px;
  margin-right: 20px;
}
.chat-message-sent .timestamp-with-pointer {
  margin-top: 22px;
}
.chat-compose {
  width: 100%;
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
  float: left;
  background-color: #fafafa;
}
.chat-compose-input {
  float: right;
  margin-right: 15px;
  border-radius: 5px;
  padding: 0px 15px;
}
.chat-compose-input:disabled {
  color: #959595;
}
.chat-compose-textarea-container {
  overflow: hidden;
  padding: 0 10px;
}
.chat-compose-textarea-container:before,
.chat-compose-textarea-container:after {
  display: block;
  height: 5px;
  background-color: #fff;
  positon: relative;
  content: '';
}
.chat-compose-textarea-container:before {
  top: 0px;
}
.chat-compose-textarea-container:before {
  bottom: 0px;
}
.chat-compose-textarea {
  word-wrap: break-word;
  max-height: 48px;
  padding: 0px 10px;
  border: 1px solid #fff;
  color: #000;
  font-size: 14px;
  width: 100%;
  resize: none;
  overflow-x: hidden !important;
  background-color: #fff;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  height: 1.5em;
  background-color: #fff;
}
.chat-compose-textarea:focus {
  color: #444;
  outline: none;
}
.chat-person-details {
  border-bottom: 1px solid #ddd;
}
.chat-person-details .person-details {
  border-top: 1px;
  border-bottom: 1px;
}
.chat-person-details img {
  width: 75px;
  height: 75px;
}
@media all and (max-width: 668px) {
  .chat-component {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .chat-conversation {
    padding-right: 10px;
    padding-left: 10px;
  }
  .chat-message-content {
    max-width: 70%;
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .chat-message-read {
    margin-right: 20px;
  }
  .chat-placeholder {
    max-width: 85%;
  }
  .chat-person-details .person-details {
    padding: 10px;
  }
  .chat-person-details img {
    max-width: 45px;
    max-height: 45px;
  }
  .chat-person-details .person-details-content {
    font-size: 10px;
  }
  .chat-person-details .person-details-content .person-name {
    margin: 0px 0 0 10px;
  }
  .chat-person-details .person-details-content .person-job-title {
    margin: 0px 0 0 10px;
  }
  .chat-person-details .person-details-content .person-company {
    margin: 0px 0 0 10px;
  }
}
.chat-typing-dot-1,
.chat-typing-dot-2,
.chat-typing-dot-3 {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #444;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-animation: chat-typing-anim 1.5s 0s infinite alternate;
  -moz-animation: chat-typing-anim 1.5s 0s infinite alternate;
  -o-animation: chat-typing-anim 1.5s 0s infinite alternate;
  -ms-animation: chat-typing-anim 1.5s 0s infinite alternate;
  animation: chat-typing-anim 1.5s 0s infinite alternate;
}
.chat-typing-dot-2 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.chat-typing-dot-3 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
}
@-webkit-keyframes chat-typing-anim {
  from {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  to {
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
  }
}
@keyframes chat-typing-anim {
  from {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  to {
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
  }
}
.chat-inbox-conversation .person-company {
  margin: 6px 0 0 5px;
  white-space: nowrap;
}
.chat-inbox-conversation .person-job-title {
  margin: 0 0 0 5px;
}
.companies-listing .lazy-list-item:before {
  padding-top: 62px;
}
.companies-listing .card-wrapper {
  margin-bottom: 15px;
}
.companies-listing .card {
  display: block;
  width: 100%;
  height: 196px;
  clear: both;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin: 5px 0 10px 0;
  cursor: pointer;
}
.companies-listing .card .card-ribbon {
  display: none;
}
.companies-listing .card.has-ribbon .icon-chevron-right {
  line-height: 156px;
}
.companies-listing .card.has-ribbon .card-ribbon {
  display: block;
}
.companies-listing .card.has-ribbon .card-content {
  height: 156px;
}
.companies-listing .card-footer {
  margin: 0;
}
.companies-listing .card-footer .groups-list {
  width: 58%;
  display: inline-block;
}
.companies-listing .card-footer .card-location {
  width: 40%;
  margin-top: 10px;
}
.companies-listing .button-favorite-height {
  height: 37px;
}
.companies-listing .button-favorite-height-is-selected {
  height: 36px;
}
.companies-listing .card-image-wrapper {
  min-height: 100px;
  height: 100px;
  width: 110px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.companies-listing .card-image {
  vertical-align: top;
  margin: 0 10px 0 0;
  max-height: 100px;
  max-width: 100px;
  outline-style: solid;
  outline-color: #d9d9d9;
  outline-width: thin;
}
.companies-listing .card-title {
  position: relative;
  display: inline-block;
  width: 50%;
  line-height: 1.3em;
  height: 3.9em;
  padding: 0;
  vertical-align: top;
  overflow: hidden;
  white-space: initial;
  -o-text-overflow: initial;
  text-overflow: initial;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.companies-listing .card-tracks {
  margin-top: 7px;
}
.card-content height 144px .icon-chevron-right {
  line-height: 144px;
}
.sponsor-details-image {
  max-width: 100%;
}
.icon-chevron-right-no-companies {
  margin-left: 5px;
}
.card-ribbon-jagged {
  margin-top: -16px;
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  background: -webkit-linear-gradient(225deg, transparent 75%, #fafafa 75%) 0 50%, -webkit-linear-gradient(315deg, transparent 75%, #fafafa 75%) 0 50%;
  background: -moz-linear-gradient(225deg, transparent 75%, #fafafa 75%) 0 50%, -moz-linear-gradient(315deg, transparent 75%, #fafafa 75%) 0 50%;
  background: -o-linear-gradient(225deg, transparent 75%, #fafafa 75%) 0 50%, -o-linear-gradient(315deg, transparent 75%, #fafafa 75%) 0 50%;
  background: -ms-linear-gradient(225deg, transparent 75%, #fafafa 75%) 0 50%, -ms-linear-gradient(315deg, transparent 75%, #fafafa 75%) 0 50%;
  background: linear-gradient(-135deg, transparent 75%, #fafafa 75%) 0 50%, linear-gradient(135deg, transparent 75%, #fafafa 75%) 0 50%;
  background-repeat: repeat-x;
  -webkit-background-size: 11px 11px, 11px 11px;
  -moz-background-size: 11px 11px, 11px 11px;
  background-size: 11px 11px, 11px 11px;
}

  .card-ribbon {
      width: 95%;
      margin: -10px auto 0 auto;
      background-color: #cf0606;
      text-align: center;
      height: 44px;
  }
.card-ribbon h4 {
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
  width: 100%;
  height: 40px;
}
@media all and (min-width: 668px) {
  .companies-listing .card-title {
    width: 65%;
  }
}
.icon-chevron-right-company {
  line-height: 126px;
  float: right;
  position: relative;
  right: 18px;
  color: #c3c3c3;
  top: 60px;
}
.icon-star-company {
  display: inline;
}
.icon-search-searchbox {
  z-index: 1;
  position: relative;
  left: 21px;
  top: 11px;
  color: #555;
}
.icon-circle-companydetails {
  margin: 2px 5px 0 10px;
}
.icon-circle-companygrouplist {
  top: -4px;
  position: relative;
  margin-right: 7px;
}
.icon-chevron-right-companygrouplist {
  display: inline-block;
  width: 10px;
  margin-top: 4px;
  color: #b8b8b8;
  float: right;
  font-size: 1em;
}
.discussions-summary-header {
  margin: 0px 0px 0px 25px;
  font-weight: bold;
  font-size: 1.1em;
}
.discussions-summary-header.is-online {
  padding-top: 20px;
}
.discussion-channel-list {
  margin-bottom: 20px;
}
.discussion-channel {
  margin-bottom: 5px;
}
.discussion-channel-header {
  text-align: center;
  background: #fff;
  height: 45px;
}
.discussion-channel-header .person-details-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.discussion-channel-header .person-details-content .discussion-person-name {
  max-height: 45px;
}
.discussion-channel-tile-wrapper {
  padding: 0px 15px 0px 15px;
}
.person-list-item.discussion-list-item:hover .person-name,
.person-list-item.discussion-list-item:hover .icon-chevron-right {
  color: #e65529;
}
.person-list-item.discussion-list-item {
  height: 50px;
  margin: 0px;
}
.person-list-item.discussion-list-item.has_last_sent_message {
  height: 90px;
}
.person-list-item.discussion-list-item .icon-chevron-right.discussion-icon-chevron-right {
  line-height: 50px;
}
.person-list-item.discussion-list-item .icon-chevron-right.discussion-icon-chevron-right.has_last_sent_message {
  line-height: 90px;
}
.person-list-item.discussion-list-item .person-list-image {
  border-radius: 5px;
}
.listing-left-div {
  float: left;
  overflow: hidden;
  min-height: 100%;
  width: 90%;
}
.listing-right-div {
  float: left;
  display: block;
  overflow: hidden;
  min-height: 100%;
  width: 10%;
  padding-right: 10px;
}
.person-item-content.discussions-item-content {
  margin-top: 15px;
  width: 100%;
}
.person-item-content.discussions-item-content.has_last_sent_message {
  margin-top: 10px;
}
.person-name.discussions-name {
  margin: 0px;
  padding-left: 10px;
  font-size: 16px;
}
.image-message-container {
  width: 100%;
  height: 50px;
  margin-top: 5px;
}
.left-image {
  float: left;
  min-height: 100%;
  width: 60px;
  padding-left: 10px;
}
.right-content {
  display: block;
  overflow: hidden;
}
.discussion-channel-content-text {
  display: block;
  color: #666;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-size: 1.1em;
}
.discussion-channel-content-text .discussion-person-name {
  color: #000;
}
.person-details-content .person-name.discussion-person-name {
  margin: 0px;
}
.discussion-error {
  background-color: #fff;
  padding: 0px 15px 15px 15px;
}
.discussion-error-content {
  padding: 15px 15px 15px 0px;
  font-size: 1.15em;
  line-height: 16px;
  background-color: #ddd;
  display: block;
  overflow: hidden;
}
.icon-info-container {
  background-color: #ddd;
  float: left;
  overflow: hidden;
  min-height: 10px;
  width: 40px;
  text-align: center;
}
.icon-info-container .icon-info-sign {
  font-size: 2em;
  position: relative;
  top: 40%;
}
.document-title {
  z-index: 100;
  position: absolute;
  background-color: #f5f5f5;
  color: #555;
  width: 100%;
  display: block;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #ddd;
  text-indent: 15px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.documents-list .lazy-list-item:before {
  padding-top: 32px;
}
.documents-list .card:last-child {
  margin-bottom: 15px;
}
.documents-list .icon-document {
  color: #e65529;
  position: relative;
  margin: 0 5px 0 15px;
  bottom: 8px;
}
.documents-list .card-content {
  width: 80%;
  padding: 4px 0 10px 10px;
}
.documents-list .card-content .card-title {
  vertical-align: top;
  overflow: hidden;
  white-space: initial;
  -o-text-overflow: initial;
  text-overflow: initial;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.documents-list .card-content .card-size {
  color: #808080;
}
.documents-list .icon-chevron-right {
  line-height: 55px;
}
.documents-list.carousel-enabled .card-content .card-title {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.details-block.carousel-enabled {
  margin-right: 45px;
}
.document-viewer {
  top: 40px;
}
.crocodoc-page-inner {
  border: 1px solid #ccc;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  padding: 100px 0;
}
.document-controls {
  position: absolute;
  top: 50px;
  margin-left: 15px;
  z-index: 100;
}
.document-controls.offline-positioning {
  top: 160px;
}
.document-controls .document-controls-zoomin {
  display: block;
  -webkit-box-shadow: inset 0 0 10px 1px rgba(255,255,255,0.7), 0 1px 5px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 10px 1px rgba(255,255,255,0.7), 0 1px 5px rgba(0,0,0,0.5);
  background-color: #eee;
}
.document-controls .document-controls-zoomout {
  display: block;
  margin-top: 5px;
  -webkit-box-shadow: inset 0 0 10px 1px rgba(255,255,255,0.7), 0 1px 5px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 10px 1px rgba(255,255,255,0.7), 0 1px 5px rgba(0,0,0,0.5);
  background-color: #eee;
}
.document-controls .button {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 220px;
  position: relative;
  top: -90px;
  left: 55px;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.icon-chevron-right-agenda,
.icon-chevron-right-documents {
  float: right;
  position: relative;
  right: 18px;
  top: 20px;
  color: #c3c3c3;
}
.agenda-resource-link-icon {
  padding-left: 0.2em;
  margin: 0 5px 0 8px;
  position: relative;
  bottom: 8px;
}
.agenda-resource-link-item:hover > svg {
  color: #c23f17 !important;
}
.button-event-feed {
  color: #fff;
  font-size: 1.1em;
  display: block;
}
@media screen and (max-width: 400px) {
  .button-event-feed .nav-label.longer-label {
    font-size: 63%;
    top: -2px;
    position: relative;
  }
}
.unread-count {
  display: inline-block;
  position: relative;
  top: -10px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 800;
  border-radius: 40px;
  z-index: 100;
  background-color: rgba(255,0,0,0.9);
}
.unread-count.custom-align {
  top: -1px;
  left: -2px;
}
.app-update-dot {
  position: absolute;
  z-index: 100;
}
.icon-circle.icon-unread-alert {
  color: rgba(255,0,0,0.75);
  vertical-align: top;
  margin: 3px 5px 0 0;
  display: inline-block;
  font-size: 0.8em;
}
.unread-count-avatar {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 13px;
  width: 13px;
  height: 20px;
  color: #fff;
  line-height: 18px;
  padding: 0 1px 0 0px;
  font-size: 11px;
  text-align: center;
  font-weight: 800;
  border-radius: 3px;
  z-index: 100;
  margin-left: 55px;
  background-color: #f00;
}
.event-feed-controller {
  position: relative;
  z-index: 300;
}
.event-feed-container {
  position: fixed;
  z-index: 1000;
  height: 100%;
  width: 100%;
  top: 50px;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  text-align: left;
}
.event-feed-close {
  text-align: center;
  color: #e65529;
  background: #fff;
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 35px;
  margin-top: -1px;
  line-height: 30px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.event-feed-content {
  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  width: 90%;
  max-width: 600px;
  margin: 10px auto 0;
  border-radius: 5px;
}
.event-feed-content:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 49%;
  width: 0;
  height: 0;
  border-top: 8px solid rgba(0,0,0,0);
  border-left: 8px solid rgba(0,0,0,0);
  border-right: 8px solid rgba(0,0,0,0);
  border-bottom: 8px solid #fff;
  z-index: 100;
}
.event-feed-content .list-title {
  padding: 3px 10px;
  font-size: 1em;
  margin: 0;
  text-transform: inherit;
  position: relative;
  line-height: 2em;
}
.event-feed-content .list-title:first-child {
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.event-feed-content .list-title-link {
  font-size: 0.8em;
  color: #1a75ff;
  float: right;
}
.event-feed-content-list {
  background-color: #fff;
  margin: 0;
}
.event-feed-content-list:last-child {
  border-radius: 0px 0px 5px 5px;
}
.event-feed-content-list.event-feed-content-list-empty {
  padding: 8px 0px;
}
.event-feed-content-list .event-feed-messages:not(:last-of-type) {
  border-bottom: 1px solid #888;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.event-feed-list-item {
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: block;
}
.event-feed-list-item-content {
  width: 100%;
  display: inline-block;
  padding: 2px 10px 1px;
}
.event-feed-list-item-content.event-feed-list-item-content-empty {
  text-align: center;
}
.event-feed-list-item-content .list-item-title,
.event-feed-list-item-content .list-item-time {
  font-weight: 400;
  display: inline-block;
  line-height: 16px;
  margin: 3px 0 0 0;
  color: #555;
}
.event-feed-list-item-content .list-item-title.list-item-title-empty,
.event-feed-list-item-content .list-item-time.list-item-title-empty {
  font-weight: 600;
  font-size: 0.9em;
  line-height: 1em;
}
.event-feed-list-item-content .list-item-title {
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 75%;
}
.event-feed-list-item-content .list-item-title b {
  max-width: 65px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
  font-size: 0.8em;
}
.event-feed-list-item-content .list-item-time {
  float: right;
  color: #888;
  font-size: 0.8em;
}
.li-child-container {
  width: 100%;
  height: 50px;
  padding: 0px 10px 0px 10px;
}
.li-child-container-count {
  width: 100%;
  height: 40px;
  text-align: center;
  padding: 12px 0px;
}
.li-child-container-count a {
  font-weight: 600;
  color: #1a75ff;
}
.unread-dot-container {
  width: 3%;
  padding: 15px 0px 0px 0px;
  display: block;
  float: left;
  height: 100%;
}
.unread-dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 10px;
  background-color: #1a75ff;
}
.unread-message-container {
  width: 72%;
  display: block;
  float: left;
  height: 100%;
  padding: 8px 0px;
}
.unread-message {
  width: 90%;
}
.unread-message a {
  color: #000;
}
.unread-message-content {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 500;
}
.read-message-container {
  width: 75%;
  display: block;
  float: left;
  height: 100%;
  padding: 8px 0px 8px 0px;
}
.read-message {
  width: 90%;
}
.read-message a {
  color: #888;
}
.read-message-content {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 500;
}
.read-message-name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.message-time-container {
  width: 25%;
  height: 100%;
  display: block;
  float: left;
  position: relative;
}
.message-time {
  float: right;
  color: #888;
  font-size: 0.8em;
}
.align-message-time {
  width: 80%;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  text-align: right;
}
@media all and (max-width: 668px) {
  .unread-message-container {
    padding-left: 5px;
  }
}
.gamify.loader-content {
  width: 40px;
  height: 40px;
}
.gamify.content-sort {
  margin: 15px 10px 15px;
}
.gamify.details-block {
  margin: 15px 10px;
}
.gamify.details-block .details-block-title {
  margin-top: 10px;
  margin-left: 5px;
}
.gamify-challenges .details-block {
  margin: 15px 10px;
}
.gamify-challenges .content-card-list {
  margin: 15px 10px 0;
}
.gamify-challenges .content-card-list .card-title {
  font-weight: 800;
  white-space: pre-wrap;
}
.gamify-challenges .content-card-list .card-content {
  min-height: 80px;
  width: 100%;
  cursor: pointer;
}
.gamify-challenges .content-card-list .card-date {
  width: 35%;
}
.gamify-challenges .content-card-list .card-location {
  width: 60%;
}
.gamify-challenges .content-card-list .card-text-wrapper {
  width: 100%;
  -o-text-overflow: initial;
  text-overflow: initial;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.gamify-challenges .content-card-list .is-selected {
  color: #e65529;
}
.gamify .challenges-status {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 800;
}
.gamify-list-title {
  height: 30px;
  margin-bottom: 10px;
}
.gamify-list-title h3 {
  display: block;
}
.gamify-list-title .list-title-chevron {
  display: table;
  position: absolute;
  right: 15px;
  height: 28px;
}
.gamify-list-title .challenge-count {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  line-height: 1em;
  white-space: nowrap;
  vertical-align: baseline;
  color: #fff;
  background-color: #888;
  border-radius: 10px;
}
.gamify-form input[type='text'] {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 15px;
  width: 72%;
  height: 39px;
  top: 0;
  color: #555;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
}
.gamify-form input[type='text']:disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  font-style: italic;
}
.gamify-form button[type='submit'] {
  width: 25%;
  margin-left: 3%;
  padding: 10px;
}
.gamify-form button[type='submit']:disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.gamify-form button[type='submit'] .icon-spinner {
  margin: 0;
  font-size: 15px;
  line-height: 16px;
  max-height: 16px;
}
.outer-container .gamify-list-title .list-title-chevron {
  float: right;
  position: relative;
  right: 5px;
  top: 2px;
  height: initial;
}
.outer-container .gamify-list-title .list-title-chevron .icon-chevron-down {
  display: inline-block;
  vertical-align: inherit;
}
.gamify-icons {
  margin-right: 5px;
}
.gamify-info-modal,
.gamify-challenge-modal {
  z-index: 9;
}
.gamify-info-modal .modal-content,
.gamify-challenge-modal .modal-content {
  height: inherit;
}
.gamify-info-modal .modal-title h3,
.gamify-challenge-modal .modal-title h3 {
  float: left;
  max-width: 85%;
  text-align: left;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: pre-wrap;
}
.gamify-info-modal .modal-title button,
.gamify-challenge-modal .modal-title button {
  float: right;
  border: none;
  background: #fff;
  font-size: 20px;
}
.gamify-info-modal .modal-alert,
.gamify-challenge-modal .modal-alert {
  text-align: left;
}
.gamify-info-modal .modal-alert .alert-content:before,
.gamify-challenge-modal .modal-alert .alert-content:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  background-color: rgba(255,255,255,0);
}
.gamify-info-modal .modal-alert .alert-content,
.gamify-challenge-modal .modal-alert .alert-content {
  margin-top: 15px;
}
.gamify-info-modal .modal-content {
  min-height: 250px;
  max-height: 400px;
}
.gamify-info-modal .alert-content:before {
  bottom: 10px;
  height: 50px;
}
.gamify-info-modal .alert-content {
  max-height: 300px;
  padding-bottom: 40px;
}
.gamify-challenge-modal .modal-content {
  min-height: 200px;
  max-height: 300px;
}
.gamify-challenge-modal .alert-content:before {
  bottom: 100px;
  height: 20px;
}
.gamify-challenge-modal .alert-content {
  max-height: 120px;
  padding-bottom: 20px;
}
.gamify-challenge-modal .modal-cta {
  padding: 10px;
  border-top: 1px solid #ddd;
}
.gamify-challenge-modal .modal-cta .challenge-completed {
  margin: 10px 0;
  font-size: 1.1em;
  color: #e65529;
}
.gamify-challenge-modal .modal-input-error {
  text-align: left;
  color: #f00;
  margin-left: 5px;
}
@media only screen and (min-width: 480px) {
  .gamify-challenge-modal .modal-input-error {
    margin-bottom: 10px;
  }
}
.gamify-info-button {
  z-index: 8;
  position: fixed;
  bottom: 20px;
  left: 10px;
  width: 50%;
}
.gamify-info-button a {
  width: 100px;
}
.gamify-leaderboard .loader-content {
  width: 40px;
  height: 40px;
}
.gamify-leaderboard .content-list {
  margin: 15px 10px 15px;
}
.gamify-leaderboard .list-item {
  cursor: default;
}
.gamify-leaderboard .list-item .list-item-content {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
.gamify-leaderboard .list-item .list-item-column {
  display: inline-block;
  font-size: 1.1em;
}
.gamify-leaderboard .leaderboard-title {
  height: 35px;
  padding: 0;
  text-transform: uppercase;
  font-weight: 800;
}
.gamify-leaderboard .leaderboard-title .list-item-column {
  font-size: 0.9em;
}
.gamify-leaderboard .leaderboard-title .user-name {
  margin-left: 50px;
}
.gamify-leaderboard .leaderboard-title .user-points {
  padding: 0;
}
.gamify-leaderboard .current-user {
  color: #000;
  background: #e65529;
}
.gamify-leaderboard .user-rank {
  width: 40px;
  text-align: center;
  margin-left: 5px;
}
.gamify-leaderboard .user-image {
  display: inline-block;
  width: 32px;
  margin: 0 10px 0 5px;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  -moz-background-size: 32px 32px;
  background-size: 32px 32px;
}
.gamify-leaderboard .user-image .image-contents {
  width: 32px;
}
.gamify-leaderboard .user-name {
  max-width: 50%;
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.gamify-leaderboard .user-points {
  width: 70px;
  position: absolute;
  right: 0;
  text-align: right;
  padding-top: 5px;
  margin-right: 20px;
}
.widget-container {
  margin: 10px auto 0px auto;
  max-width: 600px;
  text-align: center;
}
.widget-container.editable .widget-one-column,
.widget-container.editable .widget-two-column {
  border: 1px dashed transparent;
}
.widget-container.editable .widget-one-column .widget-asset,
.widget-container.editable .widget-two-column .widget-asset {
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}
.widget-container.editable .widget-one-column:hover,
.widget-container.editable .widget-two-column:hover {
  border: 1px dashed #444;
}
.widget-one-column,
.widget-two-column {
  position: relative;
  display: inline-block;
  margin: 2%;
}
.widget-one-column {
  width: 46%;
  max-width: 290px;
}
.widget-two-column {
  width: 96%;
}
.widget-one-row {
  padding-bottom: 40%;
}
.widget-two-row {
  padding-bottom: 80%;
}
.widget-legacy .widget-contents {
  position: static;
}
.widget-legacy .widget-contents .widget-inner-contents {
  height: auto;
}
.widget-legacy .widget-contents .widget-overlay .widget-overlay-link {
  height: auto;
}
.widget-legacy .widget-contents .widget-overlay img {
  position: static;
  width: auto !important;
  max-width: 100%;
}
@media all and (min-width: 905px) {
  .widget-one-column .widget-countdown-block:last-child {
    display: inline-block;
  }
}
@media all and (min-width: 1000px) {
  .widget-container {
    max-width: 630px;
  }
}
.widget-contents {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 11px rgba(0,0,0,0.15);
  box-shadow: 0 1px 11px rgba(0,0,0,0.15);
}
.widget-contents .widget-inner-contents {
  width: 100%;
  height: 100%;
}
.widget-contents .widget-inner-contents.widget-timer {
  display: table;
}
.widget-overlay {
  height: inherit;
  overflow: hidden;
}
.widget-overlay .widget-overlay-link {
  height: inherit;
  display: block;
}
.widget-overlay-title {
  background-color: rgba(101,111,129,0.85);
  color: #fff;
  font-weight: 800;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 30px;
  line-height: 30px;
  font-size: 1em;
  text-align: left;
  padding-left: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.widget-two-column .widget-overlay-title {
  margin: auto;
  right: 0;
  height: 60px;
  padding: 21px 5px;
  font-size: 1.5em;
  line-height: 1em;
  border-radius: 0;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.widget-asset,
.widget-overlay {
  text-align: center;
  display: block;
  min-height: 60px;
}
.widget-asset img,
.widget-overlay img {
  position: absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
}
.widget-asset img.fill-width,
.widget-overlay img.fill-width {
  width: 100%;
  height: auto;
}
.widget-asset img.fill-height,
.widget-overlay img.fill-height {
  height: 100%;
  width: auto;
}
.widget-image-size-hint {
  margin-bottom: 10px;
  font-style: italic;
}
.widget-overlay-image {
  width: 100%;
  border-radius: 5px;
  background-color: #fff;
}
.widget-edit-image {
  max-height: 100px;
  margin-bottom: 20px;
  width: auto;
  max-width: 100%;
}
.widget-image-empty {
  background-color: rgba(59,59,59,0.1);
  border: 1px dashed #444;
  display: inline-block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.widget-countdown {
  display: table-cell;
  vertical-align: middle;
  height: inherit;
  text-align: center;
  padding: 15px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}
.widget-countdown-title {
  padding: 0 0 10px 0;
}
.widget-countdown-block {
  display: inline-block;
  text-align: center;
  width: 45px;
  margin: 0 3%;
}
.widget-countdown-block span {
  font-size: 0.9em;
  font-weight: 400;
  margin-bottom: 3px;
  display: block;
}
.widget-one-column .widget-countdown-block:last-child {
  display: none;
}
.widget-countdown-number {
  font-size: 1.6em;
  padding: 10px 0;
  width: 100%;
  height: 45px;
  line-height: 25px;
  display: block;
  border-radius: 5px;
  background-color: #656f81;
  color: #fff;
  font-weight: 800;
}
.widget-actions {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.widget-actions-move,
.widget-actions-edit {
  position: absolute;
  left: 0;
  padding: 15px;
  background-color: rgba(0,0,0,0.6);
  color: #ddd;
  font-size: 1.8em;
}
.widget-actions-move:hover,
.widget-actions-edit:hover {
  color: #fff;
}
.widget-actions-move.widget-actions-move-up,
.widget-actions-edit.widget-actions-move-up {
  left: 53px;
}
.widget-actions-edit {
  left: auto;
  right: 0;
}
.widget-add-block {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 40px;
  height: 90px;
  border: 1px dashed #fff;
  line-height: 90px;
  text-align: center;
  background: rgba(255,255,255,0.7);
  color: #83a94c;
  border-radius: 5px;
}
.widget-add-block h2 {
  font-size: 1.5em;
}
.widget-add-block h2 i {
  margin-right: 5px;
}
.widget-add-block:hover {
  background: #fff;
  border: 1px dashed #83a94c;
  color: #69873d;
}
.widget-palette {
  display: block;
  width: 98%;
  height: 90px;
  border: 1px dashed #fff;
  text-align: center;
  padding: 23px 0;
  border-radius: 5px;
}
.widget-palette .button-block {
  margin: 3px 0;
}
.widget-palette .button-block i {
  font-size: 0.9em;
}
.widget-settings,
.widget-settings-common {
  padding: 20px;
}
.widget-settings input.widget-image-upload.widget-upload-error,
.widget-settings-common input.widget-image-upload.widget-upload-error {
  border-color: #f00;
  border-width: 1px;
}
.widget-settings span.widget-upload-error,
.widget-settings-common span.widget-upload-error {
  display: block;
  font-style: italic;
  color: #f00;
  margin-bottom: 10px;
}
.widget-settings .right,
.widget-settings-common .right {
  float: right;
  color: #f00;
  line-height: 40px;
  vertical-align: top;
  font-weight: 400px;
}
.widget-settings select,
.widget-settings-common select {
  width: 100%;
}
.widget-settings select a span,
.widget-settings-common select a span {
  vertical-align: top;
}
.widget-image-upload-drop {
  display: block;
  text-align: center;
  padding: 20px;
  border: 1px dashed #999;
  border-radius: 5px;
  background: #f5f5f5;
  margin-bottom: 10px;
  font-style: italic;
  color: #666;
}
.widget-image-upload-crop {
  margin: 20px 0;
}
.widget-size-buttons {
  margin-top: 12px;
}
.widget-size-container {
  position: relative;
  margin-bottom: 10px;
}
.widget-size-button {
  display: inline-block;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  margin: 5px 0;
}
.widget-size-button.selected {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.widget-size-button span {
  display: inline-block;
  text-align: center;
  font-weight: 800;
  font-size: 0.8em;
  margin-top: 3px;
  color: #444;
}
.widget-size-button-inner {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: 25px;
  border: 1px solid #bbb;
  padding: 5px;
}
.widget-half-width-half-height-one {
  width: 45%;
  height: 12px;
  background-color: #333;
  float: left;
}
.widget-half-width-half-height-two {
  width: 45%;
  height: 12px;
  border: 1px solid #bbb;
  float: right;
}
.widget-full-width-half-height-one {
  width: 100%;
  height: 12px;
  background-color: #333;
  margin-bottom: 5px;
}
.widget-full-width-half-height-two {
  width: 45%;
  height: 12px;
  border: 1px solid #bbb;
  float: left;
}
.widget-full-width-half-height-three {
  width: 45%;
  height: 12px;
  border: 1px solid #bbb;
  float: right;
}
.widget-half-width-full-height-one {
  width: 45%;
  height: 30px;
  background-color: #333;
  float: left;
}
.widget-half-width-full-height-two {
  width: 45%;
  height: 30px;
  border: 1px solid #bbb;
  float: right;
}
.widget-full-width-full-height {
  width: 100%;
  height: 30px;
  background-color: #333;
}
.widget-agenda {
  height: 100%;
  background-color: #fff;
  text-align: left;
  border-radius: 5px;
  overflow: hidden;
}
.widget-agenda .card-content {
  height: 50px;
  padding: 5px 10px 0;
  font-size: 85%;
}
.widget-agenda .card-content .card-title {
  padding: 0;
}
.widget-agenda .card-content .card-date,
.widget-agenda .card-content .card-location {
  margin-bottom: 0;
}
.widget-agenda .card-content .card-date z,
.widget-agenda .card-content .card-location z {
  display: none;
}
.widget-one-column {
  vertical-align: top;
}
.widget-one-column .card-date y {
  display: none;
}
.widget-one-column .card-location {
  display: none;
}
@media all and (min-width: 500px) {
  .widget-agenda .card-content {
    height: 65px;
    padding: 10px;
    font-size: 100%;
  }
  .widget-agenda .card-content .card-date z,
  .widget-agenda .card-content .card-location z {
    display: inline-block;
  }
  .widget-one-column .card-content .card-date y {
    display: inline-block;
  }
  .widget-one-column .card-content .card-date z {
    display: none;
  }
  .widget-one-column .card-content .card-location {
    display: inline-block;
  }
}
.widget-agenda-list-container {
  height: 100%;
  overflow: scroll;
}
.item-details-title {
  padding: 5px 10px 0;
}
.widget-agenda-list {
  height: 100%;
  border-radius: 5px;
}
.widget-agenda-list-item {
  border-bottom: 1px solid #ddd;
  height: auto;
}
.widget-agenda-list-item a {
  display: block;
  position: relative;
}
.widget-agenda-list-item a .icon-chevron-right {
  position: absolute;
  right: 13px;
  top: 25px;
  font-size: 0.8em;
}
.widget-agenda-list-item:first-child {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.widget-agenda-edit-hint {
  font-style: italic;
}
.widget-gamify {
  height: 100%;
  background-color: #fff;
}
.widget-gamify .user-image {
  position: static;
  border-radius: 50%;
}
.widget-gamify-header {
  height: 15%;
}
.widget-gamify-header .widget-gamify-title {
  width: 90%;
  margin: 0 auto;
  padding-top: 5%;
}
.widget-gamify-content {
  height: 60%;
  overflow: hidden;
}
.widget-gamify-user {
  display: inline-block;
  height: 100%;
  width: 30%;
  padding: 5% 0;
}
.widget-gamify-user .user-image {
  display: block;
  width: 90%;
  height: 68%;
  border: 3px solid #656f81;
}
.widget-gamify-user span {
  text-align: center;
}
.widget-gamify-user .user-name {
  display: block;
  width: 100%;
  margin-top: -10%;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.widget-gamify-user .user-points {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.widget-gamify-user .user-rank-container {
  display: table;
  position: relative;
  top: -15px;
  margin: 0 auto;
  width: 20%;
  height: 15%;
  min-width: 20px;
  min-height: 20px;
}
.widget-gamify-user .user-rank {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  font-weight: 800;
  border: 3px solid #656f81;
  border-radius: 50%;
  background-color: #fff;
  color: #656f81;
}
.widget-gamify-user:first-child,
.widget-gamify-user:last-child {
  vertical-align: top;
}
.widget-gamify-user:first-child .user-image,
.widget-gamify-user:last-child .user-image {
  width: 70%;
  height: 53%;
}
.widget-gamify-footer {
  display: table;
  height: 25%;
  width: 100%;
  border-top: 2px solid #ddd;
}
.widget-gamify-footer-content {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5%;
}
.widget-gamify-footer-content .button-block {
  width: 85%;
}
.widget-gamify-footer-content .button-half-block {
  display: inline-block;
  margin: 0;
  width: 40%;
}
.widget-gamify-footer-content .user-image-wrapper {
  display: inline-block;
  width: 15%;
  max-height: 86px;
}
.widget-gamify-footer-content .user-image {
  display: inline-block;
  height: 100%;
  width: 100%;
  border: 2px solid #656f81;
}
.widget-gamify-footer-content .user-info {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin-left: 3%;
  width: 40%;
}
.widget-gamify-footer-content .user-info .user-name,
.widget-gamify-footer-content .user-info .user-rank {
  display: block;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.widget-gamify-footer-content .user-info .user-points {
  display: block;
  font-style: italic;
}
@media all and (min-width: 500px) {
  .widget-gamify-title {
    font-size: 1.8em;
  }
  .widget-gamify-user .user-name {
    line-height: 1.4em;
    font-size: 1.4em;
  }
  .widget-gamify-user .user-points {
    line-height: 1.2em;
    font-size: 1.2em;
  }
  .widget-gamify-user .user-rank-container {
    top: -20px;
  }
  .widget-gamify-user .user-rank {
    font-size: 1.5em;
  }
  .widget-gamify-footer-content .user-name,
  .widget-gamify-footer-content .user-rank {
    font-size: 1.1em;
  }
}
.widget-discussions,
.widget-discussions-short {
  height: 100%;
  background-color: #fff;
  text-align: left;
}
.widget-discussions-short .widget-discussions-list-item {
  height: 50%;
  border-bottom: 1px solid #ddd;
  background: #fff;
  position: relative;
  z-index: 1;
  line-height: 1.4em;
}
.widget-discussions-short .widget-discussions-channel-name {
  margin: 0.5em 0;
}
.widget-discussions-header {
  height: 25px;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  z-index: 1;
}
.widget-discussions-title {
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
}
.widget-discussions-list {
  height: calc(100% - 25px);
  list-style: none;
}
.widget-discussions-list:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 8em;
  text-decoration: inherit;
  content: "\f0e6";
  color: #888;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.5em;
}
.widget-discussions-list-item {
  height: 20%;
  border-bottom: 1px solid #ddd;
  background: #fff;
  position: relative;
  z-index: 1;
}
.widget-discussions-channel {
  height: 100%;
}
.widget-discussions-channel-name {
  width: 100%;
  margin: 0.3em 0 0.2em;
  padding: 0;
  line-height: 1em;
  font-size: 0.9em;
  font-weight: bold;
}
.widget-discussions-channel-left-div {
  height: 100%;
  width: 90%;
  float: left;
  padding-left: 10px;
}
.widget-discussions-channel-right-div {
  height: 100%;
  width: 10%;
  float: right;
  padding-right: 10px;
}
.widget-discussions-channel-right-div .icon-chevron-right {
  position: relative;
  top: 40%;
  left: 60%;
}
.widget-discussions-message {
  max-height: 60px;
  height: 65%;
}
.widget-discussions-message-image {
  height: 100%;
  width: 2em;
  float: left;
}
.widget-discussions-message-image img {
  max-height: 1.5em;
  max-width: 1.5em;
  margin-top: 0.2em;
  position: static;
  border-radius: 5px;
}
.widget-discussions-message-content {
  font-size: 0.9em;
}
.widget-discussions-message-content .widget-discussions-message-name {
  display: none;
  padding: 0.3em 0 0;
  line-height: 1em;
  font-size: 1em;
}
.widget-discussions-message-content .widget-discussions-message-text {
  padding-top: 0.4em;
  color: #888;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-discussions-message-content .widget-discussions-message-text-prompt {
  font-style: italic;
}
@media all and (min-width: 400px) {
  .widget-discussions-short .widget-discussions-channel-name {
    margin: 0.8em 0;
  }
  .widget-discussions-short .widget-discussions-message-text {
    margin-top: 2px;
  }
  .widget-discussions-list:after {
    font-size: 10em;
  }
  .widget-discussions-channel-name {
    margin: 5px 0;
  }
  .widget-discussions-message-image {
    width: 3em;
  }
  .widget-discussions-message-image img {
    max-height: 2.5em;
    max-width: 2.5em;
    margin: 0;
  }
  .widget-discussions-message-content .widget-discussions-message-name {
    display: block;
  }
  .widget-discussions-message-content .widget-discussions-message-text {
    padding: 0;
  }
  .widget-discussions-message-content .widget-discussions-message-text-prompt {
    padding-top: 0.2em;
  }
}
@media all and (min-width: 520px) {
  .widget-discussions-list:after {
    font-size: 15em;
  }
  .widget-discussions-channel-name {
    margin: 0.5em 0;
    padding: 0;
    font-size: 1.3em;
  }
  .widget-discussions-message-image {
    width: 4.5em;
  }
  .widget-discussions-message-image img {
    max-height: 3.2em;
    max-width: 3.2em;
  }
  .widget-discussions-message-content {
    line-height: 1.3em;
    font-size: 1.1em;
  }
  .widget-discussions-message-content .widget-discussions-message-text {
    margin-top: 5px;
  }
}
@media all and (min-width: 800px) {
  .widget-discussions-message-image {
    width: 4.5em;
  }
  .widget-discussions-message-image img {
    max-height: 3.5em;
    max-width: 3.5em;
  }
}
.widget-blank-state-container .widget-agenda-list-sample {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  overflow: hidden;
}
.widget-blank-state {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  padding: 0 5px;
}
.widget-blank-state .button {
  width: 200px;
  position: relative;
}
.widget-blank-state .button .icon-chevron-right {
  position: absolute;
  right: 15px;
  font-size: 0.8em;
  top: 13px;
}
.widget-title {
  text-align: center;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 20px 0 10px;
}
.widget-subtitle {
  display: none;
  font-size: 1.1em;
  text-align: center;
  color: #777;
  margin: 10px 0 30px;
}
@media all and (min-width: 500px) {
  .widget-title {
    font-size: 1.5em;
  }
  .widget-subtitle {
    display: block;
  }
}
.widget-one-column .widget-agenda-list-sample {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.widget-one-column .widget-blank-state {
  font-size: 80%;
}
.widget-one-column .widget-blank-state .button {
  font-size: 1.2em;
  line-height: 13px;
  width: 150px;
}
.widget-one-column .widget-blank-state .button i {
  font-size: 0.7em;
}
label[for="widget-countdown-datepicker"] {
  margin: 15px 0;
  text-align: center;
}
.widget-countdown-datepicker {
  margin: 0 auto;
}
.widget-countdown-datepicker th {
  font-size: 0.75em;
  color: #999;
  font-weight: 800;
  line-height: 2.5em;
  text-align: center;
}
.widget-countdown-datepicker th .btn {
  color: #333;
}
.widget-countdown-datepicker .btn {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 0 10px 1px rgba(255,255,255,0.7), 0 1px 3px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 10px 1px rgba(255,255,255,0.7), 0 1px 3px rgba(0,0,0,0.1);
  border-radius: 5px;
  display: inline-block;
  padding: 10px 14px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 800;
  color: #555;
}
.widget-countdown-datepicker .btn:hover {
  color: #c23f17;
  -webkit-box-shadow: inset 0 0 15px 5px rgba(255,255,255,0.7), 0 1px 5px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 15px 5px rgba(255,255,255,0.7), 0 1px 5px rgba(0,0,0,0.1);
}
.widget-countdown-datepicker .btn:active,
.widget-countdown-datepicker .btn:focus,
.widget-countdown-datepicker .btn.btn-info {
  color: #e65529;
  background-color: #eee;
  -webkit-box-shadow: 0 0 15px 2px #fff;
  box-shadow: 0 0 15px 2px #fff;
  border-color: #269abc;
}
.widget-countdown-datepicker .btn.btn-info {
  color: #e65529;
}
.widget-countdown-datepicker .btn.btn-info:hover {
  color: #444;
}
.widget-countdown-datepicker .btn-block {
  width: 100%;
}
label[for="widget-countdown-timepicker"] {
  margin-top: 30px;
  text-align: center;
}
.widget-countdown-timepicker {
  margin: 5px auto 15px;
}
.widget-countdown-timepicker .btn {
  color: #e65529;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 10px 1px rgba(255,255,255,0.7), 0 1px 3px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 10px 1px rgba(255,255,255,0.7), 0 1px 3px rgba(0,0,0,0.1);
  border: 1px solid #ccc;
  display: inline-block;
  padding: 10px 15px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 800;
  margin-top: -7px;
}
.widget-countdown-timepicker .btn.btn-link {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 15px;
}
.widget-countdown-timepicker .btn:hover,
.widget-countdown-timepicker .btn:focus {
  color: #c23f17;
}
.widget-countdown-timepicker .control-group {
  width: 50px;
}
.widget-countdown-timepicker input[type="text"] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-top: 2px;
}
.widget-countdown-timepicker input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}
.settings-explaination {
  font-style: italic;
  font-weight: 800;
  font-size: 12px;
  text-align: center;
  display: block;
}
.btn:focus {
  outline: none;
}
.widget-palette .button-block {
  width: auto;
  margin: 0 1%;
  padding: 10px 15px;
}
.classic-menu-container .widget-menu {
  width: 100%;
  margin: 10px 0 20px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}
.classic-menu-container .widget-menu-item {
  display: block;
  width: 100%;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(59,59,59,0.3);
}
.classic-menu-container .widget-menu-item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.classic-menu-container .widget-menu-item:first-child .widget-menu-item-icon {
  border-top-left-radius: 5px;
}
.classic-menu-container .widget-menu-item:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.classic-menu-container .widget-menu-item:last-child .widget-menu-item-icon {
  border-bottom-left-radius: 5px;
}
.classic-menu-container .widget-menu-item:hover {
  background-color: #f8f8f8;
}
.classic-menu-container .widget-menu-item-link {
  display: block;
  text-align: left;
  width: 100%;
}
.classic-menu-container .widget-menu-item-link:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  content: "\f054";
  float: right;
  line-height: 45px;
  margin-right: 15px;
  color: #3b3b3b;
}
.classic-menu-container .widget-menu-item-icon,
.classic-menu-container a .widget-menu-item-icon {
  font-size: 1.8em;
  display: inline-block;
  background-color: #3b3b3b;
  color: #fff;
  width: 45px;
  height: 46px;
  line-height: 45px;
  text-align: center;
  margin-top: -1px;
}
.classic-menu-container .widget-menu-item-title {
  display: inline-block;
  color: #444;
  font-size: 1.1em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 75%;
  margin: 0 0 0 5px;
}
.matrix-menu-container .widget-menu-item {
  display: inline-block;
  width: 33%;
  margin-top: 10px;
}
.matrix-menu-container .widget-menu-item-link {
  display: block;
  text-align: center;
}
.matrix-menu-container .widget-menu-item-link:hover .widget-menu-item-icon {
  background-color: #eee;
}
.matrix-menu-container .widget-menu-item-icon,
.matrix-menu-container a .widget-menu-item-icon {
  font-size: 2.5em;
  display: inline-block;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  border-radius: 10px;
  color: #3b3b3b;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.matrix-menu-container .widget-menu-item-title {
  display: block;
  color: #444;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 90%;
  margin: 8px auto;
}
.infobooth-page-content img {
  max-width: 100%;
  max-height: 100%;
}
.contact-header {
  margin: 15px 0 0 0;
}
.list-item [class^="icon-iconFor"],
.list-item [class*=" icon-iconFor"] {
  padding: 0;
  margin: 3px 0 0 3px;
  width: 32px;
  height: 32px;
}
body.layout-beta {
  overflow-x: hidden;
}
.close-sidebar,
.close-menu {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: none;
  cursor: pointer;
}
.close-menu.toggle-menu {
  display: block;
  width: 20%;
  left: 80%;
  z-index: 100;
}
.close-sidebar.toggle-sidebar {
  display: block;
  width: 20%;
  z-index: 100;
}
.layout-menu,
.layout-content,
.layout-sidebar {
  width: 100%;
  height: 100%;
  padding: 0 0 50px;
  display: block;
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -o-transform-style: flat;
  -ms-transform-style: flat;
  transform-style: flat;
  -webkit-transform-style: flat;
}
.layout-menu {
  position: fixed;
  top: 0;
  padding: 0 0 100px;
  background: #656f81;
  color: #fff;
  width: 80%;
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  -ms-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
  -webkit-transition: -webkit-transform 800ms;
  -moz-transition: -moz-transform 800ms;
  -o-transition: -o-transform 800ms;
  -ms-transition: -ms-transform 800ms;
  transition: transform 800ms;
}
.layout-menu.toggle-menu {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.content-nav,
.event-feed-container,
.notification-container,
.happening-now,
.poll-actions,
.gamify-info-button {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 800ms;
  -moz-transition: -moz-transform 800ms;
  -o-transition: -o-transform 800ms;
  -ms-transition: -ms-transform 800ms;
  transition: transform 800ms;
}
.content-nav.toggle-menu,
.event-feed-container.toggle-menu,
.notification-container.toggle-menu,
.happening-now.toggle-menu,
.poll-actions.toggle-menu,
.gamify-info-button.toggle-menu {
  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  -ms-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}
.content-nav.toggle-sidebar,
.event-feed-container.toggle-sidebar,
.notification-container.toggle-sidebar,
.happening-now.toggle-sidebar,
.poll-actions.toggle-sidebar,
.gamify-info-button.toggle-sidebar {
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  -ms-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}
.content-nav.iemobile,
.event-feed-container.iemobile,
.notification-container.iemobile,
.happening-now.iemobile,
.poll-actions.iemobile,
.gamify-info-button.iemobile {
  -webkit-transition: margin 800ms;
  -moz-transition: margin 800ms;
  -o-transition: margin 800ms;
  -ms-transition: margin 800ms;
  transition: margin 800ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.content-nav.iemobile.toggle-menu,
.event-feed-container.iemobile.toggle-menu,
.notification-container.iemobile.toggle-menu,
.happening-now.iemobile.toggle-menu,
.poll-actions.iemobile.toggle-menu,
.gamify-info-button.iemobile.toggle-menu {
  margin-left: 80%;
}
.content-nav.iemobile.toggle-sidebar,
.event-feed-container.iemobile.toggle-sidebar,
.notification-container.iemobile.toggle-sidebar,
.happening-now.iemobile.toggle-sidebar,
.poll-actions.iemobile.toggle-sidebar,
.gamify-info-button.iemobile.toggle-sidebar {
  margin-left: -80%;
}
.layout-content {
  margin-left: 0;
  background: #fafafa;
  z-index: 1;
  position: fixed;
  top: 50px;
  overflow-y: scroll;
  height: 100%;
  -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-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 800ms;
  -moz-transition: -moz-transform 800ms;
  -o-transition: -o-transform 800ms;
  -ms-transition: -ms-transform 800ms;
  transition: transform 800ms;
}
.layout-content .content-body {
  padding-bottom: 50px;
}
.layout-content.search-box-enabled .content-body {
  top: 50px;
  position: relative;
}
.layout-content.toggle-menu {
  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  -ms-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}
.layout-content.toggle-sidebar {
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  -ms-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}
.layout-content.iemobile {
  -webkit-transition: margin 800ms;
  -moz-transition: margin 800ms;
  -o-transition: margin 800ms;
  -ms-transition: margin 800ms;
  transition: margin 800ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.layout-content.iemobile.toggle-menu {
  margin-left: 80%;
}
.layout-content.iemobile.toggle-sidebar {
  margin-left: -80%;
}
.layout-content.is-embed,
.layout-content.widget-dashboard,
.layout-content.hide-menu {
  top: 0;
}
.input-focused {
  position: relative;
  min-height: 1000px;
}
.input-focused .layout-content {
  position: relative;
  min-height: 1000px;
}
.input-focused .chat-conversation {
  height: 100%;
  margin-bottom: 100px;
}
.layout-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  background: #656f81;
  color: #ddd;
  width: 80%;
  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  -ms-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
  -webkit-transition: -webkit-transform 800ms;
  -moz-transition: -moz-transform 800ms;
  -o-transition: -o-transform 800ms;
  -ms-transition: -ms-transform 800ms;
  transition: transform 800ms;
}
.layout-sidebar.toggle-sidebar {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.content-nav {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 10;
  height: 50px;
  line-height: 50px;
  background-color: #656f81;
  background-color: #333;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}
.content-nav .menu-item {
  white-space: nowrap;
}
.content-nav .menu-item,
.content-nav .sidebar-item {
  width: 15%;
  display: inline-block;
  float: left;
  text-align: center;
}
.content-nav .event-feed-item {
  width: 50%;
  margin: 0 10%;
  display: inline-block;
  text-align: center;
  position: relative;
}
.content-nav .sidebar-item {
  float: right;
}
.nav-button-menu,
.nav-button-back,
.nav-button-sidebar {
  padding: 0 10px;
  font-size: 1.5em;
  display: block;
  color: #fff;
  cursor: pointer;
  outline: 0;
  position: relative;
  height: 50px;
  white-space: nowrap;
}
.nav-button-menu.push-nav-button,
.nav-button-back.push-nav-button,
.nav-button-sidebar.push-nav-button {
  position: absolute;
  top: 0;
  left: 12%;
}
.nav-button-menu .icon-menu,
.nav-button-back .icon-menu,
.nav-button-sidebar .icon-menu,
.nav-button-menu .icon-user,
.nav-button-back .icon-user,
.nav-button-sidebar .icon-user,
.nav-button-menu .icon-arrow-left,
.nav-button-back .icon-arrow-left,
.nav-button-sidebar .icon-arrow-left {
  top: -9px;
  position: relative;
}
.nav-button-menu .nav-label,
.nav-button-back .nav-label,
.nav-button-sidebar .nav-label {
  position: relative;
  height: 20px;
  width: 100%;
  top: -40px;
  display: block;
  font-size: 0.5em;
  text-transform: uppercase;
}
.nav-button-menu .app-update-dot,
.nav-button-back .app-update-dot,
.nav-button-sidebar .app-update-dot {
  top: 7px;
  margin-left: 10px;
}
.nav-avatar {
  width: 30px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media all and (min-width: 668px) {
  .content-nav,
  .event-feed-container,
  .notification-container,
  .happening-now,
  .poll-actions,
  .gamify-info-button {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
  }
  .content-nav.toggle-menu,
  .event-feed-container.toggle-menu,
  .notification-container.toggle-menu,
  .happening-now.toggle-menu,
  .poll-actions.toggle-menu,
  .gamify-info-button.toggle-menu {
    width: 65%;
    margin-left: 35%;
    left: 0;
    float: left;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .content-nav.toggle-sidebar,
  .event-feed-container.toggle-sidebar,
  .notification-container.toggle-sidebar,
  .happening-now.toggle-sidebar,
  .poll-actions.toggle-sidebar,
  .gamify-info-button.toggle-sidebar {
    width: 65%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .close-sidebar.toggle-menu,
  .close-menu.toggle-menu,
  .close-sidebar.toggle-sidebar,
  .close-menu.toggle-sidebar {
    display: none;
  }
  .list-item-content {
    width: 85%;
  }
  .layout-menu {
    position: relative;
    width: 0%;
    display: none;
    margin-left: 0;
    float: left;
  }
  .layout-menu.toggle-menu {
    display: block;
    position: relative;
    width: 35%;
    margin-left: 0;
    float: left;
  }
  .layout-content {
    margin-left: 0;
    width: 100%;
    overflow: scroll;
  }
  .layout-content.toggle-menu {
    width: 65%;
    margin-left: 35%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .layout-content.toggle-sidebar {
    width: 65%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .layout-sidebar {
    position: relative;
    display: none;
    width: 0%;
    margin-right: 0;
    -webkit-transition: width 100ms;
    -moz-transition: width 100ms;
    -o-transition: width 100ms;
    -ms-transition: width 100ms;
    transition: width 100ms;
  }
  .layout-sidebar.toggle-sidebar {
    display: block;
    float: right;
    width: 35%;
    margin-right: 0;
    -webkit-transition: width 100ms;
    -moz-transition: width 100ms;
    -o-transition: width 100ms;
    -ms-transition: width 100ms;
    transition: width 100ms;
  }
}
@media all and (min-width: 975px) {
  .content-nav.toggle-menu,
  .event-feed-container.toggle-menu,
  .notification-container.toggle-menu,
  .happening-now.toggle-menu,
  .poll-actions.toggle-menu,
  .gamify-info-button.toggle-menu {
    width: 75%;
    margin-left: 25%;
  }
  .content-nav.toggle-sidebar,
  .event-feed-container.toggle-sidebar,
  .notification-container.toggle-sidebar,
  .happening-now.toggle-sidebar,
  .poll-actions.toggle-sidebar,
  .gamify-info-button.toggle-sidebar {
    width: 75%;
  }
  .layout-menu.toggle-menu {
    width: 25%;
  }
  .layout-content.toggle-menu {
    width: 75%;
    margin-left: 25%;
  }
  .layout-content.toggle-sidebar {
    width: 75%;
  }
  .layout-sidebar.toggle-sidebar {
    width: 25%;
  }
}
@media all and (min-width: 1350px) {
  .content-nav.toggle-menu,
  .event-feed-container.toggle-menu,
  .notification-container.toggle-menu,
  .happening-now.toggle-menu,
  .poll-actions.toggle-menu,
  .gamify-info-button.toggle-menu {
    width: 80%;
    margin-left: 20%;
  }
  .content-nav.toggle-sidebar,
  .event-feed-container.toggle-sidebar,
  .notification-container.toggle-sidebar,
  .happening-now.toggle-sidebar,
  .poll-actions.toggle-sidebar,
  .gamify-info-button.toggle-sidebar {
    width: 80%;
  }
  .layout-menu.toggle-menu {
    width: 20%;
  }
  .layout-content.toggle-menu {
    width: 80%;
    margin-left: 20%;
  }
  .layout-content.toggle-sidebar {
    width: 80%;
  }
  .layout-sidebar.toggle-sidebar {
    width: 20%;
  }
}
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
  html,
  body,
  .container,
  .layout-menu,
  .layout-sidebar,
  .layout-content {
    min-height: 0 !important;
  }
  .layout-menu,
  .layout-sidebar,
  .layout-content {
    padding-bottom: 50px;
  }
}
.container.is-embed .content-nav.toggle-menu,
.container.is-embed .event-feed-container.toggle-menu,
.container.is-embed .notification-container.toggle-menu,
.container.is-embed .happening-now.toggle-menu,
.container.is-embed .gamify-info-button.toggle-menu {
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.container.is-embed .person-details-edit-image {
  top: 0 !important;
}
@media all {
  .gamify-info-button.toggle-menu {
    margin-left: 10px !important;
  }
}
.layout-details-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}
.layout-details-main-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
}
@media all and (min-width: 1280px) {
  .layout-details-container {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: calc(100vh - 50px);
  }
  .layout-details-main-content {
    overflow-y: scroll;
  }
  .layout-details-embedded-content {
    width: 30%;
    min-width: 300px;
    max-width: 400px;
    border-left: 1px solid #ddd;
  }
}
@media all and (min-width: 1280px) {
  .embedded-panel .react-app-renderer {
    height: calc(100% - 48px);
  }
}
.menu-header {
  padding: 0 7px;
  width: 100%;
  height: 50px;
  background-color: #656f81;
  border-bottom: 1px solid #000;
  color: #fff;
}
.menu-header i {
  color: #fff;
}
.search-block .icon-search {
  position: relative;
  z-index: 8;
  left: 21px;
  top: 11px;
  color: #555;
}
.section-search {
  position: relative;
  top: 11px;
  width: 100%;
  padding: 2px 8px 0 25px;
  height: 27px;
  outline: none;
  font-size: 1em;
  background: #fff;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 15px;
}
.section-search:focus {
  padding: 2px 8px 0 25px;
}
.layout-menu .menu-search {
  display: none;
}
.layout-menu.toggle-menu .menu-search {
  display: inline-block;
}
.menu-search {
  position: relative;
  top: 11px;
  width: 100%;
  padding: 2px 20px 0 10px;
  height: 27px;
  outline: none;
  font-size: 1em;
  background-color: #656f81;
  color: #fff;
  border: 1px solid #222;
  border-radius: 15px;
}
.menu-nav-header {
  margin: 0;
  padding: 6px 6px 6px 15px;
  background-color: #656f81;
  border-bottom: 1px solid #222;
  font-size: 0.85em;
  line-height: 1.4em;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
}
.menu-nav-banner {
  text-align: center;
}
.menu-nav-banner .menu-nav-header {
  padding-left: 6px;
}
.menu-nav-banner .image-contents {
  width: 100%;
}
.menu-nav-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu-nav-list .menu-nav-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
#login-back-item {
  background-color: #515967;
  min-height: 0px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 800;
}
@media all and (min-width: 668px) {
  #login-back-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.menu-nav-item {
  position: relative;
  text-align: left;
  display: block;
  width: 100%;
  min-height: 52px;
  line-height: 40px;
  padding: 5px 0px 4px 25px;
  background-color: #656f81;
  font-size: 1.15em;
  color: #fff;
  cursor: pointer;
}
.menu-nav-item:hover {
  background-color: #5b6474;
  color: #fff;
}
.menu-nav-item.is-selected {
  color: #fff;
  background-color: #474e5a;
  -webkit-box-shadow: inset 5px 0px #fff;
  box-shadow: inset 5px 0px #fff;
}
.menu-nav-item .app-update-dot {
  top: 20px;
  right: 20px;
}
.menu-nav-item-label {
  padding: 8px 0px 11px 5px;
  line-height: 30px;
}
.divider {
  display: block;
  margin: 0px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000;
}
@media all and (min-width: 668px) {
  .layout-menu .menu-search {
    display: inline-block;
  }
}
.icon-numbered-list:before {
  top: 3px;
  position: relative;
}
.menu-app-update-date {
  text-align: center;
  margin-top: 20px;
}
.menu-app-update-date h5 {
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  font-size: 0.8em;
  margin: 0;
  letter-spacing: 1px;
}
.menu-nav-footer {
  text-align: center;
  margin: 30px 20px;
}
.menu-nav-footer h6 {
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  font-size: 0.8em;
  margin: 30px 0 5px;
  letter-spacing: 2px;
}
.menu-nav-footer .eventmobi-logo-path {
  fill: #fff !important;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.menu-nav-footer .footer-logo {
  max-width: 60%;
  max-height: 30px;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.menu-nav-footer .footer-logo:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.menu-nav-footer .footer-logo-custom {
  display: block;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  max-width: 100px;
}
.menu-nav-footer .footer-logo-cobranded a {
  width: 50%;
  display: inline-block;
  text-align: center;
  margin-top: 5px;
  vertical-align: top;
}
.menu-nav-footer .footer-buttons {
  width: 100%;
  margin-top: 30px;
}
.menu-nav-footer .footer-buttons .footer-button {
  border: 1px solid #232323;
  border-radius: 5px;
  width: 100%;
  display: block;
  padding: 10px;
  color: #fff;
  font-weight: 400;
  vertical-align: top;
}
.menu-nav-footer .footer-buttons .footer-button:hover {
  background-color: #5b6474;
  color: #fff;
}
.menu-nav-footer .footer-buttons .footer-button:nth-of-type(2n) {
  margin-top: 15px;
}
.menu-nav-footer .footer-buttons .button-full-width {
  width: 100%;
}
.menu-nav-footer .footer-buttons .app-chat-button {
  margin-top: 15px;
}
.icon-live-chat {
  padding-right: 10px;
}
.trial-banner {
  background: #f00;
  padding: 20px 0;
  width: 100%;
  font-weight: 800;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
}
.menu-nav-list a [class^="icon-"],
.menu-nav-list a [class*=" icon-"] {
  display: inline-block;
  width: 26px !important;
  height: 26px !important;
  text-align: center;
  padding-right: 0.285714285714286em;
  font-size: 1.3em;
  position: relative;
  top: 2px;
}
.custom-icon {
  display: inline-block !important;
  top: 6px !important;
  left: -2px !important;
}
.menu-header-title {
  margin-top: 0;
  padding-left: 16px;
  line-height: 50px;
  font-size: 1.1em;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.menu-header-title--full {
  width: 100%;
}
.menu-button {
  display: inline-block;
  margin: 20px 0 0;
  border: 0;
  padding: 10px 15px 10px 12px;
  background-color: #656f81;
  border: 1px solid #222;
  font-size: 12px;
  color: #eee;
  line-height: 1em;
  font-weight: 600;
  border-radius: 5px;
}
.menu-button i {
  margin-top: 2px;
  display: inline-table;
}
.menu-button:hover {
  color: #fff;
  background-color: #5b6474;
}
.menu-button:active {
  background-color: #444;
}
.menu-header {
  border: none;
}
.menu-header .menu-button {
  float: right;
  position: relative;
  top: 7px;
  right: 0px;
  margin: 0;
  height: 35px;
}
.menu-login-steps {
  text-align: center;
  margin: 15px 0 0;
  width: 100%;
}
.menu-login-steps .menu-login-hr {
  width: 100%;
  height: 4px;
  background: #323741;
  display: block;
  position: relative;
  border: none;
  top: calc(1.1em + 4px);
  margin: 0;
}
.menu-login-steps .menu-login-item {
  background: #323741;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.2em;
  font-size: 1.1em;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  z-index: 2;
  position: relative;
  font-weight: 800;
  color: #888;
}
.menu-login-steps .menu-login-item.is-selected {
  background-color: #f5f5f5;
  color: #555;
}
.menu-login-steps .menu-login-item:last-of-type {
  margin-left: 15%;
}
.menu-login-steps .menu-login-item:first-of-type {
  margin-right: 15%;
}
.menu-login {
  padding: 12px 12px 20px;
  border-bottom: 1px solid #222;
  border-top: none;
}
.menu-login-email {
  font-weight: 800;
  margin: 0 0 15px;
}
.menu-login-forgot {
  font-size: 0.9em;
}
.menu-login-text {
  color: #fff;
  margin: 5px 0;
}
.menu-input {
  position: relative;
  top: 6px;
  width: 100%;
  height: 27px;
  padding: 2px 8px 0 10px;
  background-color: #656f81;
  color: #eee;
  font-size: 1em;
  border: 1px solid #222;
  border-radius: 15px;
  outline: none;
}
.menu-form {
  color: #fff;
  overflow: hidden;
}
.menu-form + .menu-button {
  margin-top: 12px;
}
.menu-form-link {
  color: #fff;
  font-weight: 800;
}
.menu-form-link:hover {
  color: #ddd;
}
.menu-form-error {
  color: #f00;
  margin: 10px 0;
}
.menu-form-checkbox-error {
  color: #f00;
  margin: 10px 0px 10px 8px;
}
.menu-block {
  margin: 15px;
}
.menu-block.is-reason {
  color: #fff;
}
.menu-block.is-reason h4 {
  color: #fff;
}
.menu-block i {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5em;
  margin: 3px 10px 0 0;
  color: #fff;
}
.menu-block .menu-block-content {
  display: inline-block;
  width: 80%;
  color: #fff;
}
.menu-block .menu-block-content h4 {
  color: #fff;
}
.menu-block:not(.is-reason) h4 {
  color: #fff;
}
.menu-schedule-item-link {
  display: block;
  padding: 4px 20px 14px 54px;
}
.menu-schedule-title {
  margin: 0 0 4px 0;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.4em;
  color: #ddd;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.menu-session-time,
.menu-session-location {
  color: #888;
  font-size: 1em;
  font-weight: 400;
  width: 70%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.menu-session-location {
  width: 63%;
}
.menu-favorites-item {
  display: block;
  padding: 5px 0px 4px 25px;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 1.15em;
  cursor: pointer;
  min-height: 52px;
  line-height: 40px;
  background-color: #656f81;
  color: #fff;
}
.menu-favorites-item:hover {
  color: #fff;
  background-color: #5b6474;
}
.menu-favorites-item i {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: right;
  padding-right: 0.285714285714286em;
  font-size: 1.3em;
  position: relative;
  top: 2px;
}
.menu-favorites-item [class^="icon-"],
.menu-favorites-item [class*=" icon-"] {
  text-align: center;
}
.menu-favorites-item.disabled {
  color: rgba(255,255,255,0.5);
  cursor: not-allowed;
}
.menu-favorites-item.disabled:hover {
  color: rgba(255,255,255,0.5);
  background-color: #656f81;
}
.menu-inbox-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-inbox-item {
  padding: 12px;
  border-bottom: 1px solid #222;
  -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1);
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1);
}
.menu-inbox-avatar {
  vertical-align: top;
  border: 1px solid rgba(255,255,255,0.5);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75);
  box-shadow: 0 0 5px rgba(0,0,0,0.75);
  border-radius: 5px;
}
.menu-inbox-content {
  display: inline-block;
  width: 75%;
  margin-left: 6px;
  padding-top: 3px;
}
.menu-inbox-content h2,
.menu-inbox-content p {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.menu-inbox-content h2 {
  font-size: 1.1em;
}
.maps-container {
  height: calc(100vh - 50px);
}
.maps-title {
  z-index: 100;
  position: absolute;
  background-color: #f5f5f5;
  color: #555;
  width: 100%;
  display: block;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #ddd;
  text-indent: 15px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.maps-title.smaller-font {
  font-size: 80%;
}
.maps-title.smallest-font {
  font-size: 70%;
}
.maps-content {
  z-index: 50;
  overflow: hidden;
  position: relative;
  top: 40px;
}
.maps-content .maps-image-container {
  cursor: move;
  touch-action: none;
}
.maps-content .map-marker {
  height: 52px;
  font-size: 60px;
  color: #f00;
  margin-left: -15px;
  line-height: 52px;
}
.maps-controls {
  position: absolute;
  top: 50px;
  margin-left: 15px;
  z-index: 100;
}
.maps-controls.offline-positioning {
  top: 160px;
}
.maps-controls .maps-controls-zoomin {
  display: block;
  background-color: #eee;
}
.maps-controls .maps-controls-zoomout {
  display: block;
  margin-top: 5px;
  background-color: #eee;
}
.maps-controls .button {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 220px;
  position: relative;
  top: -90px;
  left: 55px;
}
.outer-container .maps-controls {
  top: 100px;
}
.maps-overlay-link-container {
  position: relative;
}
.maps-link-overlay {
  position: absolute;
  z-index: 150;
  width: 100%;
}
.maps-link-overlay.maps-link-overlay-top {
  top: 40px;
  height: 150px;
}
.maps-link-overlay.maps-link-overlay-bottom {
  height: 40px;
}
@media all and (min-width: 668px) {
  .maps-controls .button {
    max-width: 600px;
  }
}
.carousel-index-item {
  display: block;
  padding: 0 0 2%;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  font-size: 10px;
}
.carousel-index-item.letter-exists {
  font-weight: bold;
  color: #888;
}
.carousel-index-item.letter-exists:hover {
  color: #444;
}
.carousel-index-item:hover {
  color: #fff;
}
@media only screen and (min-width: 500px) {
  .carousel-index-item {
    padding: 0 0 4%;
    font-size: 13px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .section-search {
    width: 90%;
  }
}
@media only screen and (min-height: 550px) {
  .carousel-index-item {
    padding: 0 0 11%;
  }
}
@media only screen and (min-height: 668px) {
  .carousel-index-item {
    padding: 0 0 27%;
  }
}
@media only screen and (min-height: 800px) {
  .carousel-index-item {
    padding: 0 0 51%;
  }
}
@media only screen and (min-height: 950px) {
  .carousel-index-item {
    padding: 0 0 77%;
  }
}
.list-title {
  width: 100%;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
  padding: 5px 10px 5px 15px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 0.9em;
}
.list-title.absolute {
  position: absolute;
  left: 0;
}
.no-border {
  border: 0;
}
.person-list {
  margin: 0 10px 0 10px;
  width: inherit;
}
.person-list .divider:first-child .list-title {
  margin-top: -35px;
}
.person-list .divider + li .person-list-item {
  margin: 45px 0 10px;
}
.person-list .lazy-list-item:before {
  height: 66px;
  padding-top: 15px;
}
.person-list.person-list--beta {
  margin-left: 0;
}
.person-list.carousel-enabled {
  margin-right: 45px;
}
.person-list.carousel-enabled.person-list--beta {
  margin-right: 0;
}
.person-list-item {
  display: block;
  width: 100%;
  height: 66px;
  clear: both;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin: 5px 0 10px;
  cursor: pointer;
}
.person-list-item .icon-chevron-right {
  display: inline-block;
  position: relative;
  width: 3%;
  color: #fff;
  float: right;
  right: 10px;
  top: 25px;
  font-size: 1em;
  line-height: 65px;
}
.person-list--beta .person-list-item {
  margin-left: 10px;
  width: calc(100% - 10px);
}
.person-list--beta.carousel-enabled .person-list-item {
  width: calc(100% - 10px - 45px);
}
.image-wrapper {
  display: inline-block;
  width: 64px;
  height: 64px;
  vertical-align: middle;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  text-align: center;
  float: left;
  margin-right: 3px;
  overflow: hidden;
  -webkit-background-size: 64px 64px;
  -moz-background-size: 64px 64px;
  background-size: 64px 64px;
}
.image-wrapper .image-placeholder {
  width: 64px;
  height: 64px;
}
.person-list-image {
  width: 64px;
}
.person-item-content {
  display: inline-block;
  width: 65%;
  margin-top: 4px;
}
.person-content-details,
.person-name,
.person-job-title,
.person-company {
  display: block;
  width: 100%;
  margin: 3px 0 0 5px;
  font-weight: 400;
  color: #888;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.person-name {
  font-size: 1.1em;
  line-height: 1.2em;
  color: #444;
  margin: 0 0 0 5px;
}
.person-name .bold {
  font-weight: 800;
}
.person-name.bold {
  font-weight: 800;
}
.person-job-title {
  font-size: 0.8em;
  margin: 5px 0 0 5px;
  text-transform: uppercase;
}
.person-company {
  font-size: 0.9em;
}
.person-details {
  display: block;
  background-color: #fff;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.person-details-image {
  display: inline-block;
  max-width: 75px;
  vertical-align: top;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.person-details-content {
  display: inline-block;
  width: 70%;
}
.person-details-content .person-name,
.person-details-content .person-company,
.person-details-content .person-job-title {
  margin: 5px 0 0 10px;
  font-size: 1.2em;
  overflow: visible;
  white-space: inherit;
}
.person-details-content .person-company {
  font-size: 1em;
}
.person-details-content .person-job-title {
  font-size: 0.8em;
  letter-spacing: 1px;
}
.details-block-content.custom-fields li {
  margin-bottom: 10px;
}
.details-block-content.custom-fields li:last-child {
  margin-bottom: 0;
}
.content-search {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 15px 10px;
}
.content-search-input {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  align-self: auto;
  -ms-flex-item-align: auto;
  display: block;
  width: 100%;
  padding: 0px 15px 0 15px;
  height: 40px;
  outline: none;
  background: #fff;
  color: #444;
  border: 1px solid #ddd;
  border-radius: 20px;
  margin-right: 10px;
}
.content-search-input:focus {
  border: 1px solid #f3aa94;
}
.content-search-submit {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -o-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 2.2em;
}
.search-results-module.muted {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.search-results-module .list-item-title.bold {
  font-weight: 800;
}
.search-results-module .list-item-title {
  font-weight: 400;
}
.search-results-module .list-item-title .bold {
  font-weight: 800;
}
.question-page-container {
  overflow: hidden;
}
.embedded-panel .question-container {
  height: calc(100vh - 310px);
}
.question-container {
  height: calc(100vh - 260px);
  overflow: scroll;
  padding-top: 15px;
  border-top: 1px solid #ddd;
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  -o-transition: left 1s;
  -ms-transition: left 1s;
  transition: left 1s;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.question-container.question-per-page {
  display: none;
}
.question-container.question-per-page input[type="submit"] {
  display: none;
}
.question-container.question-per-page:first-child,
.question-container.question-per-page .question-active {
  display: block;
}
.question-container .next-question,
.question-container .previous-question {
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 100;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
  -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-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.question-container .next-question i,
.question-container .previous-question i {
  font-size: 0.8em;
}
.question-container .next-question.disabled,
.question-container .previous-question.disabled,
.question-container .next-question.disabled:hover,
.question-container .previous-question.disabled:hover {
  color: #888;
}
.question-container .next-question {
  left: initial;
  right: 20px;
}
.question-container .question-actions .button.previous,
.question-container .question-actions .button.next {
  border-radius: 5px;
  color: #888;
  float: left;
}
.question-container .question-actions .button.previous.disabled,
.question-container .question-actions .button.next.disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.question-container .question-actions .button.previous i,
.question-container .question-actions .button.next i {
  margin: 0;
}
.question-container .question-actions .button.next {
  float: right;
}
.question-container .question-actions .button.submit {
  width: 60%;
  text-align: center;
  position: relative;
}
.poll-details {
  background: #fff;
  padding: 15px;
  border-top: 1px solid #ddd;
}
.poll-details .poll-details-subtitle {
  text-align: left;
}
.poll-details-title {
  font-size: 1.2em;
  line-height: 1.3em;
  display: inline-block;
}
.poll-details-link {
  display: block;
  margin-top: 10px;
  line-height: 1.2em;
  font-weight: 800;
}
.poll-details-link .icon-chevron-right {
  font-size: 0.8em;
}
.survey-poll-container {
  border-top: 1px solid #ddd;
}
.question-container textarea,
.survey-poll-container textarea {
  font-size: 18px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ccc;
  min-height: 100px;
  margin-bottom: 15px;
}
.question-container textarea.disabled,
.survey-poll-container textarea.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.item-poll-container {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px 15px 30px;
  max-width: 600px;
  margin: auto;
  text-align: center;
}
.item-poll-container .item-notes {
  border: none;
}
.item-poll-container.one-question-per-page {
  position: absolute;
  left: 0;
  right: 0;
  top: 175px;
  bottom: 0;
  background: #fff;
  padding: 15px 15px 100px;
  min-height: 100%;
}
.item-poll-container.poll {
  padding-top: 0;
}
.item-poll-container.poll .rating {
  margin-bottom: 40px;
}
.item-poll-container.poll .details-block-content {
  margin: 0;
  background: none;
  border: none;
  padding: 0;
  font-size: initial;
  line-height: initial;
}
.item-poll-container.session_feedback .question-actions .next,
.item-poll-container.survey .question-actions .next,
.item-poll-container.session_feedback .question-actions .previous,
.item-poll-container.survey .question-actions .previous {
  display: none;
}
.item-poll-container.session_feedback .question-actions .submit,
.item-poll-container.survey .question-actions .submit {
  width: 100%;
}
.item-poll-container.session_feedback .question-submit-button,
.item-poll-container.survey .question-submit-button {
  font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
}
.item-poll-container.session_feedback .question-submit-button:before,
.item-poll-container.survey .question-submit-button:before {
  content: "";
}
.item-poll-container.session_feedback .question-submit-button span,
.item-poll-container.survey .question-submit-button span {
  margin: 0;
}
.global-submit-container {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px 15px 30px;
  min-height: 100%;
  max-width: 600px;
  margin: auto;
  text-align: center;
}
.global-submit-container button {
  width: 100%;
}
.progress-bar-container {
  display: block;
  padding: 5px 15px;
  background: #fff;
}
.progress-bar-alt {
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;
  position: relative;
  display: block;
}
.progress-bar-alt .progress-bar-label {
  position: relative;
  text-align: center;
  line-height: 35px;
  font-size: 1.4em;
  font-style: italic;
}
.question-progress-button {
  border-radius: 5px;
  background: #ddd;
  padding: 3px 13px;
  color: #555;
  line-height: 28px;
  float: left;
}
.question-progress-button.first-question {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.question-progress-button:last-child {
  float: right;
}
.progress-bar {
  border-radius: 50px;
  background-color: rgba(85,85,85,0.1);
  border: 1px solid rgba(85,85,85,0.3);
  height: 30px;
  width: 100%;
  margin: 0 auto 20px;
  text-align: center;
  position: relative;
  display: block;
}
.progress-bar-complete {
  background: rgba(85,85,85,0.2);
  border-radius: 50px;
  display: block;
  height: 30px;
  margin-top: -1px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  -ms-transition: width 1s;
  transition: width 1s;
  min-width: 30px;
}
.progress-bar-label {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 28px;
  color: #444;
}
.question-nav-buttons {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: bounceUp;
  -moz-animation-name: bounceUp;
  -o-animation-name: bounceUp;
  -ms-animation-name: bounceUp;
  animation-name: bounceUp;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 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-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  position: relative;
  z-index: 100;
}
.question-nav-buttons span {
  top: -1px;
  position: relative;
}
.question-title {
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: 800;
  display: inline-block;
  text-align: center;
}
.poll-details-subtitle {
  color: #888;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 8px 0 5px;
}
.poll-details-subtitle.funkify {
  text-align: left;
  font-style: italic;
}
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: 10px 0;
  min-height: 50px;
}
.rating i {
  margin-top: 5px;
  display: inline-block;
}
.rating .icon-star-empty {
  margin-right: 5px;
  color: #888;
  cursor: pointer;
  -webkit-transition: opacity 0.3 ease-in;
  -moz-transition: opacity 0.3 ease-in;
  -o-transition: opacity 0.3 ease-in;
  -ms-transition: opacity 0.3 ease-in;
  transition: opacity 0.3 ease-in;
}
.rating .icon-star-empty:hover,
.rating .icon-star-empty.active {
  -webkit-transition: opacity 0.3 ease-in;
  -moz-transition: opacity 0.3 ease-in;
  -o-transition: opacity 0.3 ease-in;
  -ms-transition: opacity 0.3 ease-in;
  transition: opacity 0.3 ease-in;
}
.rating .icon-star-empty:hover:before,
.rating .icon-star-empty.active:before,
.rating .icon-star-empty:hover~.icon-star-empty:before,
.rating .icon-star-empty.active~.icon-star-empty:before {
  color: #fccc5d;
  content: "\f005";
}
.rating.disabled i {
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.question-list-item-option {
  width: 100%;
  display: block;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid rgba(59,59,59,0.2);
  text-align: center;
  font-size: 1.2em;
  position: relative;
}
.question-list-item-option label {
  display: block;
  padding: 15px;
  cursor: pointer;
  z-index: 100;
  text-indent: 15px;
}
.question-list-item-option.disabled label {
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.question-list-item-option .icon-radio-button,
.question-list-item-option .icon-checkbox-button {
  font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
}
.question-list-item-option .icon-radio-button:before,
.question-list-item-option .icon-checkbox-button:before {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  position: absolute;
  top: 15px;
  left: -5px;
  content: "\f10d";
}
.question-list-item-option .icon-checkbox-button:before {
  content: "\f096";
}
.question-list-item {
  margin-top: 7px;
}
.question-list-item:first-child {
  margin-top: 10px;
}
.question-list-item:last-child {
  margin-bottom: 10px;
}
.question-list-item input {
  display: none;
}
.question-list-item input:checked + .question-list-item-option {
  background: #e65529;
  color: #eee;
  -webkit-animation: bounceIn 0.2s;
  -moz-animation: bounceIn 0.2s;
  -o-animation: bounceIn 0.2s;
  -ms-animation: bounceIn 0.2s;
  animation: bounceIn 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
}
input:checked + .question-list-item-option .icon-radio-button:before {
  content: "\f192";
}
input:checked + .question-list-item-option .icon-checkbox-button:before {
  content: "\f046";
}
.poll-actions {
  padding: 15px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: block;
  background: rgba(255,255,255,0.9);
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: 1s bounceUp linear;
  -moz-animation: 1s bounceUp linear;
  -o-animation: 1s bounceUp linear;
  -ms-animation: 1s bounceUp linear;
  animation: 1s bounceUp linear;
}
.poll-actions .button-block {
  position: relative;
}
.poll-actions .button-block .icon-chevron-up {
  position: absolute;
  right: 15px;
  font-size: 0.8em;
}
.question-finished {
  padding: 0 0 20px;
  text-align: center;
  color: #2ab93b;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: bounceUp;
  -moz-animation-name: bounceUp;
  -o-animation-name: bounceUp;
  -ms-animation-name: bounceUp;
  animation-name: bounceUp;
  -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-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.icon-chevron-right-survey {
  float: right;
  position: relative;
  right: 18px;
  top: 18px;
  color: #c3c3c3;
}
.icon-chevron-right-survey:hover {
  color: #c23f17;
}
.list-icon-survey {
  position: relative;
  font-size: 2em;
  padding-left: 0.2em;
  margin: 0 5px 0 8px;
  bottom: 9px;
}
.agenda-icon-survey {
  margin-right: 5px;
}
.survey-list-item:hover > svg {
  color: #c23f17 !important;
}
.person-details-image-upload-modal {
  width: 100%;
  text-align: center;
  margin: 0 auto 20px;
  height: 100%;
  background: #fafafa;
  position: fixed;
  top: 0;
  padding: 0px 15px 40px;
  overflow: scroll;
}
.person-details-image-upload-modal .icon-spinner {
  font-size: 4em;
  position: absolute;
  width: 100%;
  right: 0;
  margin: 133px auto;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 999999;
}
.person-details-image-upload-modal .image-upload-input {
  position: relative;
  margin-top: 0px;
}
.person-details-image-upload-modal .image-upload-input .icon-camera {
  position: relative;
  top: 2px;
}
.person-details-image-upload-modal .image-upload-input:active {
  color: #e65529;
}
.person-details-image-upload-modal .image-upload-input input {
  position: fixed;
  top: -100px;
}
.person-details-image-upload-modal .button-block,
.person-details-image-upload-modal .button-half-block {
  color: #e65529;
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
  padding: 7px 10px 7px;
}
.person-details-image-upload-modal .button-half-block {
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
}
.person-details-image-upload-modal .button-half-block.button-cancel {
  color: #f00;
}
.person-details-image-upload-modal .button-half-block.button-submit {
  color: #83a94c;
}
.person-details-image-upload-modal-ie {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-ie-profile-photo-upload {
  width: 100%;
  margin-top: 10px;
}
.ie-form-row {
  display: block;
  text-align: center;
  width: 100%;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
.ie-form-row .button-half-block {
  display: inline-block;
  color: #e65529;
  padding: 7px 10px 7px;
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
}
.ie-form-row .button-half-block.button-cancel {
  color: #f00;
}
.ie-form-row .button-half-block.button-submit {
  color: #83a94c;
}
@media all and (min-width: 668px) {
  .person-details-image-upload-modal {
    position: relative;
  }
}
.person-details-image-upload {
  display: block;
  background-color: #fafafa;
}
.person-details-image-upload .image-upload-container {
  height: 280px;
  width: 280px;
  text-align: left;
}
.person-details-image-upload .icon-arrow-up {
  margin-top: 50px;
  display: block;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 1;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}
.person-details-image-upload img {
  z-index: 5;
}
.person-details-image-upload:before {
  display: block;
  -webkit-box-shadow: inset 0 0 0 15px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 0 15px rgba(0,0,0,0.5);
  content: '';
  position: absolute;
  width: 280px;
  height: 280px;
  z-index: 100;
}
.person-details-image-upload:after {
  display: block;
  border: 1px solid rgba(255,255,255,0.7);
  content: '';
  position: absolute;
  width: 250px;
  height: 250px;
  z-index: 100;
  margin: -265px 15px;
}
@media all and (min-width: 668px) {
  .edit-user-profile .person-details-content {
    width: 75%;
  }
}
.settings-list {
  margin-top: 10px;
}
.settings-list .list-item {
  border-bottom: none;
  height: auto;
}
.settings-list .list-item:hover .list-item-title {
  color: #555;
}
.settings-list .list-item-aside {
  color: #555;
  font-size: 1.5em;
  clear: both;
  right: 10px;
  line-height: 0px;
  padding-top: 4px;
}
.settings-list .list-item-title {
  white-space: normal;
  line-height: 25px;
}
.settings-list .list-item-content {
  width: 70%;
  padding-bottom: 5px;
}
.settings-list .list-item-content .list-item-description {
  white-space: normal;
  padding-bottom: 5px;
  margin-top: 0px;
}
.settings-list .list-item-content .list-item-title {
  margin-top: 9px;
  line-height: 25px;
}
.settings-list .no-description {
  padding-bottom: 9px;
}
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.toppad {
  margin-top: 10px !important;
}
.botpad {
  margin-bottom: 10px !important;
}
.no-margin {
  margin: 0 !important;
}
.no-top-margin {
  margin-top: 0 !important;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-top-padding {
  padding-top: 0 !important;
}
.no-bottom-padding {
  padding-bottom: 0 !important;
}
.edit-user-profile .IN-widget {
  display: none !important;
  visibility: hidden !important;
}
.long-label {
  font-size: 90%;
}
.longer-label {
  font-size: 80%;
}
.nav-button-sidebar-label {
  margin-left: -1px;
}
.nav-button-sidebar-label.long-label {
  margin-left: -10px;
  font-size: 0.4em;
}
.nav-button-sidebar-label.longer-label {
  margin-left: -17px;
  font-size: 0.4em;
}
@media all and (min-width: 500px) {
  .content-sort .long-label,
  .content-sort .longer-label {
    font-size: 100% !important;
  }
  .button-group-link.long-label,
  .button-group-link.longer-label {
    font-size: 14px !important;
  }
  .nav-button-sidebar-label.long-label,
  .nav-button-sidebar-label.longer-label {
    margin-left: 0;
  }
}
@media all and (min-width: 668px) {
  .nav-button-sidebar-label.long-label,
  .nav-button-sidebar-label.longer-label {
    font-size: 0.5em;
  }
}
.modal-cta .button-card-footer-half-width.long-label {
  font-size: 1em;
  line-height: 24px;
  padding-top: 13px;
}
.modal-cta .button-card-footer-half-width.longer-label {
  font-size: 0.8em;
  line-height: 24px;
  padding-top: 14px;
}
@media all and (min-width: 668px) {
  .menu-favorites-item-title.long-label {
    font-size: 0.8em;
  }
  .menu-favorites-item-title.longer-label {
    font-size: 0.7em;
  }
}
@media all and (min-width: 668px) {
  .modal-content img {
    max-height: 375px;
  }
}
.layout-content,
.layout-sidebar,
.layout-menu,
.content-nav,
.smartbanner.smartbanner_android,
.event-feed-container {
  -webkit-transition: top 500ms ease-in-out, -webkit-transform 500ms;
  -moz-transition: top 500ms ease-in-out, -moz-transform 500ms;
  -o-transition: top 500ms ease-in-out, -o-transform 500ms;
  -ms-transition: top 500ms ease-in-out, -ms-transform 500ms;
  transition: top 500ms ease-in-out, transform 500ms;
}
.push-down .layout-sidebar,
.push-down .layout-menu,
.push-down .content-nav {
  top: 78px;
}
.push-down .smartbanner.smartbanner_android {
  top: 0;
}
.push-down .layout-content {
  top: 128px;
}
.push-down .layout-content .content-body {
  padding-bottom: 128px;
}
.push-down .event-feed-container {
  top: 128px;
}
.smartbanner.smartbanner_android {
  top: -78px;
}
/*# sourceMappingURL=app/css/app.css.map */
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item img {
  pointer-events: none;
  user-select: none;  
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus { outline: 0 }
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * Dark mode styles
 */

.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}