.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}


/* h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: brandon-grotesque, sans-serif;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 1.5em;
  font-weight: 700;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
  line-height: 2em;
}

a {
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  color: #ff5722;
  text-decoration: none;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

label {
  display: block;
  margin-bottom: 5px;
  color: #5c5c5c;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
} */

.loog-navbar {
  margin-top: 0px;
}

.loog-navbar.w--current {
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.navbar {
  position: fixed;
  left: 0px;
  top: 61px;
  right: 0px;
  bottom: 49px;
  z-index: 10;
  width: 100%;
  height: 90px;
  padding: 0px 2% 0px 0%;
  border-style: none;
  border-width: 1px;
  border-color: #000 #000 #fff;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.9)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.26);
  font-family: proxima-nova;
  color: #fff;
  text-transform: uppercase;
}

.navbar.alternative {
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.09);
  color: #000;
}

.button {
  position: static;
  right: 0px;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 10px 15px;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: none none solid;
  border-width: 2px;
  border-color: #fff #fff #c3421a;
  border-radius: 5px;
  background-color: #ff5722;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  text-shadow: none;
  cursor: pointer;
}

.button:hover {
  border-color: #ff3d00 #ff3d00 #ff5722;
  border-top-style: none;
  border-top-width: 1px;
  border-right-style: none;
  border-right-width: 1px;
  border-left-style: none;
  border-left-width: 1px;
  background-color: #ff8a65;
}

.button.w--current {
  background-color: #ff5722;
}

.button.alternative {
  margin-top: 27px;
  border-style: none;
  border-color: #ff5722;
  background-image: linear-gradient(135deg, #ff5722, #ef5350);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.38);
  color: #fff;
}

.button.alternative:hover {
  color: #fff;
}

.button.navigation {
  position: static;
  top: 66px;
  right: 5%;
}

.button.news {
  padding: 17px 31px;
}

.button.moved-up {
  position: relative;
  top: -25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.survey {
  border-bottom-style: solid;
  border-bottom-color: rgba(50, 52, 65, 0.59);
  background-color: rgba(50, 52, 65, 0.53);
  background-image: none;
}

.button.survey:hover {
  box-shadow: none;
  -webkit-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
  color: #fff;
}

.button.survey.w--current {
  background-color: #ff5722;
}

.button.survey.space-right {
  margin-right: 20px;
}

.button.space-right {
  margin-right: 20px;
}

.button.pull-right {
  float: right;
}

.button.blue {
  border-bottom-color: #272933;
  background-color: #373d4b;
}

.button.blue.small {
  padding: 5px 8px 3px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-size: 12px;
}

.button.pink-bg {
  border-bottom-color: rgba(0, 0, 0, 0.24);
  background-color: #fa83a8;
}

.button.big {
  padding: 20px 40px;
}

.button.mt-8 {
  margin-top: 40px;
}

.main-dropdown-link {
  position: static;
  z-index: 0;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}

.main-dropdown.w--open {
  top: 0px;
  width: 250%;
  margin-top: 90px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}

.main-dropdown.white.w--open {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #fff;
}

.dd-link {
  border-top: 1px solid hsla(0, 0%, 100%, 0.16);
  color: #fff;
}

.dd-link:hover {
  background-color: #222;
  font-style: normal;
}

.dd-link.w--current {
  color: #fff;
}

.dd-link.white {
  border-top-color: #ececec;
  background-color: #fafafa;
  color: #070707;
}

.dd-link.white:hover {
  background-color: #f1f1f1;
}

.nav-menu.alt {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  padding-right: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer-links {
  position: static;
  width: auto;
  margin-bottom: 5px;
  color: #323441;
  font-size: 13px;
  text-decoration: none;
}

.footer-links:hover {
  color: #ff5722;
}

.copyright-text {
  padding-top: 20px;
  padding-bottom: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: rgba(50, 52, 65, 0.66);
  text-align: center;
}

.navbar-dropdown {
  display: block;
  margin-top: 7px;
  margin-bottom: 5px;
  padding: 20px 14px;
  font-family: proxima-nova;
  color: #fff;
  font-size: 13px;
  text-align: right;
}

.navbar-dropdown.alt {
  position: static;
}

.amplify-footer {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid hsla(0, 0%, 81.2%, 0.75);
  background-color: #fff;
}

.footer---div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer---amplify-logo {
  display: block;
  width: 60px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.primary-page-hero-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px none #ebebeb;
  background-color: transparent;
  font-family: Lato, sans-serif;
  color: #323441;
  text-align: center;
}

.h1 {
  font-weight: 300;
}

.h1.text-shadow {
  margin-top: 66px;
  font-family: 'Josefin Sans', sans-serif;
  color: #3d3d3d;
  text-align: left;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.16);
}

.nav-link-demo {
  padding-top: 23px;
  padding-bottom: 23px;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.nav-link.w--current {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.nav-link.alternative {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #000;
}

.nav-link.alternative:hover {
  color: #ff5722;
}

.container-old {
  display: block;
  overflow: visible;
  width: auto;
  max-width: 1500px;
  margin-right: 7.5%;
  margin-left: 7.5%;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.container.skinny {
  margin-right: 10%;
  margin-left: 10%;
}

.container._w-1000 {
  width: 1000px;
  max-width: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.body {
  font-family: Lato, sans-serif;
  color: #323441;
  line-height: 150%;
}

.body.demo {
  background-color: hsla(0, 0%, 96.1%, 0.61);
}

.body.demo.bg-white {
  background-color: #fff;
}

.heading1 {
  margin-top: 0px;
  float: none;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  text-align: left;
  text-transform: capitalize;
}

.spaced {
  line-height: 26px;
}

.overflow-hide {
  position: relative;
  overflow: hidden;
  clear: left;
}

.straight-line {
  position: relative;
  width: 100%;
  height: 1px;
  margin-top: 7px;
  clear: left;
  border-radius: 1px;
  background-color: #9e9e9e;
}

.tri-parent {
  position: relative;
  left: 0px;
  top: -50px;
  right: 0px;
  width: 62%;
  padding: 30px;
  float: left;
  -webkit-perspective: 9999px;
  perspective: 9999px;
}

.columns {
  position: relative;
  z-index: 10;
  width: 29.11%;
  margin-right: 1.11%;
  margin-left: 3.11%;
  padding: 12px;
  float: left;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#a5a5a5));
  background-image: linear-gradient(180deg, #ccc, #a5a5a5);
  box-shadow: 11px 11px 0 0 #646464;
}

.circles {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #fff;
  border-radius: 100px;
}

.play-box {
  position: relative;
  left: 0px;
  top: 50%;
  bottom: 50%;
  z-index: 4;
  display: block;
  width: 65px;
  height: 65px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #fff;
  border-radius: 0px 3px 3px;
  background-color: rgba(0, 230, 118, 0.54);
  opacity: 0;
  -webkit-transform: translate(0px, -50%) translate3d(-56px, -60px, 70px);
  transform: translate(0px, -50%) translate3d(-56px, -60px, 70px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.play-box___square-one {
  position: absolute;
  left: 0px;
  top: 50%;
  bottom: 0px;
  z-index: 3;
  display: block;
  width: 65px;
  height: 65px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: hsla(0, 0%, 88.6%, 0.25);
  opacity: 0;
  -webkit-transform: translate(0px, -50%) translate3d(-28px, -38px, 50px);
  transform: translate(0px, -50%) translate3d(-28px, -38px, 50px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.alert-bubble {
  position: relative;
  left: -12px;
  top: 0px;
  right: 13px;
  bottom: 50px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ff5722;
  opacity: 0.5;
  -webkit-transform: skew(30deg, -3deg);
  -ms-transform: skew(30deg, -3deg);
  transform: skew(30deg, -3deg);
}

.alert-bubble._2 {
  position: relative;
  left: 0px;
  right: -9px;
  z-index: 1;
  opacity: 1;
  -webkit-transform: skew(30deg, -3deg);
  -ms-transform: skew(30deg, -3deg);
  transform: skew(30deg, -3deg);
}

.balanced-scorecard-message {
  position: absolute;
  left: 361px;
  top: 51px;
  display: none;
  width: 200px;
  padding: 15px 17px 8px;
  border-radius: 3px;
  background-color: rgba(255, 87, 34, 0.86);
  color: #fff;
  font-size: 12px;
}

.alert-bubble-wrap {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alert-bubble-wrap.recording {
  position: absolute;
  left: 62%;
  top: 2px;
  width: auto;
  -webkit-transform: rotateX(55deg) rotateY(-3deg) rotateZ(49deg);
  transform: rotateX(55deg) rotateY(-3deg) rotateZ(49deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.playbox_base {
  position: absolute;
  left: 0px;
  top: 50%;
  bottom: 50%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 65px;
  height: 65px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: #21b16b;
  -webkit-transform: translate3d(28px, 5px, 50px) translate(0px, -50%);
  transform: translate3d(28px, 5px, 50px) translate(0px, -50%);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.playbox-layer1 {
  position: absolute;
  left: 0px;
  top: 50%;
  bottom: 50%;
  z-index: 2;
  display: block;
  width: 65px;
  height: 65px;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.36);
  opacity: 0;
  -webkit-transform: translate3d(0px, -76%, 50px);
  transform: translate3d(0px, -76%, 50px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.best-practice-message {
  position: absolute;
  top: 317px;
  right: 148px;
  display: none;
  width: 200px;
  padding: 10px 17px 8px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.81);
  border-radius: 3px;
  background-color: rgba(0, 230, 118, 0.41);
  color: #fff;
}

.frost-text-wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  padding: 21px 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px none #093768;
  border-left: 2px none #093768;
  border-bottom-left-radius: 0px;
  background-color: #ff5722;
  color: #fff;
  font-size: 19px;
  font-weight: 300;
  cursor: pointer;
}

.join-us-at {
  display: inline-block;
  float: left;
  color: #fff;
  font-weight: 400;
  text-align: left;
}

.frost-pop-up-wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000000;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.79);
}

.frost {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.frost-wrap {
  background-color: #fff;
}

.frost-sub-wrap {
  padding: 41px 57px 57px;
  color: #1d1d1d;
}

.frost-button {
  padding: 20px 37px;
  border-radius: 3px;
  font-size: 17px;
}

.margin-bottom-2 {
  margin-bottom: 22px;
}

.close-button {
  position: fixed;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  margin-top: 15px;
  margin-right: 15px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.47);
  color: #fff;
  font-size: 32px;
  cursor: pointer;
}

.no-pad-col {
  padding-right: 0px;
  padding-left: 0px;
}

.no-pad-col.best-practice-rec {
  position: static;
  overflow: hidden;
  border-top: 1px none #000;
  border-bottom: 1px solid rgba(50, 52, 65, 0.2);
  background-color: #fff;
}

.pie-chart-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 75%;
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.graph {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/pie-1.svg');
  background-position: 0px 0px;
  background-size: cover;
}

.graph._1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-image: url('../images/all-green.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.graph._1.ab {
  background-image: url('../images/amplifai-pie.svg');
}

.circle-left {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 50%;
  height: 50%;
  float: left;
  border-style: none;
  border-right-width: 1px;
  border-right-color: #fff;
  border-bottom-width: 2px;
  border-bottom-color: #fff;
  border-radius: 100%;
  cursor: pointer;
}

.circle-left.topall {
  width: 100%;
}

.circle-left.full {
  width: 100%;
  height: 100%;
}

.circle-right {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 50%;
  height: 50%;
  float: right;
  border: 2px none #fff;
  cursor: pointer;
}

.circle-bottom {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  width: 100%;
  height: 50%;
  border-style: none;
  border-top-width: 2px;
  border-top-color: #fff;
  cursor: pointer;
}

.glow-green {
  display: block;
  width: 85px;
  height: 85px;
  background-color: transparent;
  background-image: url('../images/glow-green-2.svg');
  background-position: 0px 0px;
  background-size: cover;
  opacity: 0.5;
}

.glow-green._1 {
  border-radius: 0%;
  background-color: transparent;
  background-image: url('../images/all-green.svg');
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.5;
}

.white-middle-circle {
  position: absolute;
  z-index: 2;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #fff;
}

.glow-red {
  position: absolute;
  display: block;
  width: 85px;
  height: 85px;
  background-color: transparent;
  background-image: url('../images/glow-red-1.svg');
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.5;
}

.glow-red.half {
  background-image: url('../images/half-red.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.glow-yellow {
  position: absolute;
  display: block;
  width: 85px;
  height: 85px;
  background-color: transparent;
  background-image: url('../images/glow-yellow-2.svg');
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.5;
}

.glow-yellow.half {
  background-image: url('../images/half-yellow.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.demo-nav {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 1005;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #272933 !important;
  color: #fff;
}

.demo-nav.full {
  left: 0px;
}

.settings-icon {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  border-radius: 50%;
  opacity: 0.4;
  color: #8589a5;
}

.demo-nav-dropdown {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex!important;
  padding: 12px 8px !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  color: #fff !important;
}

.demo-logo {
  margin-top: 0px;
}

.demo-dropdown-list {
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: #d8d8d8;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
}

.demo-dropdown-list.w--open {
  position: absolute;
  right: 0px;
  margin-top: 4px;
  padding-right: 0px;
  padding-left: 0px;
}

.demo-navmenu-2 {
  float: left;
}

.demo-menu-button-2 {
  float: left;
}

.smiley-wrap {
  margin-top: 5px;
  padding: 0px;
  float: right;
}

.demonavbar2 {
  position: fixed;
  left: 0px;
  top: 60px;
  right: 0px;
  z-index: 1001;
  display: block;
  height: 50px;
  padding-right: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  border-left: 1px none rgba(0, 0, 0, 0.25);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#272933), to(#373d4b));
  background-image: linear-gradient(0deg, #272933, #373d4b);
  color: #323441;
}

.time-select-wrap {
  display: none;
  width: 100%;
  height: 65px;
  padding-right: 11px;
  padding-left: 19px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.date-slider {
  width: 150px;
  height: 40px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  background-color: #fff;
}

.slide-arrow {
  display: block;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  color: #d6d6d6;
}

.april {
  padding-top: 8px;
  text-align: center;
}

.dashboard {
  position: absolute;
  left: 0%;
  top: 110px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
  height: auto;
  margin-right: 1px;
  padding: 35px 20px;
  color: #252525;
  font-size: 16px;
}

.dashboard.eval {
  position: absolute;
  bottom: 0%;
  height: 100vh;
  background-color: #f6f6f6;
  color: #ff8a65;
}

.dashboard.task-mgr {
  left: 0px;
  top: 109px;
  width: 100%;
  padding: 0px;
  background-color: #fff;
}

.dashboard.task-mgr.white {
  background-color: #fff;
}

.dashboard.toolbox {
  padding: 0px;
  background-color: #fff;
}

.dashboard.library {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
}

.dashboard.coachsummary {
  position: static;
  left: 0px;
  top: 109px;
  width: 100%;
  padding: 0px;
}

.dashboard.topperfomer {
  left: 350px;
  padding-right: 60px;
  padding-left: 60px;
  background-color: #ebecf6;
}

.dashboard.white-bg {
  background-color: #fff;
}

.dashboard.dark {
  background-color: #1f2025;
  color: #fff;
}

.dashboard.dark.all-0 {
  top: 0px;
  padding: 0px;
}

.qa-bar-team-widget {
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.tile-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.03)), to(rgba(50, 52, 65, 0.03)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.03), rgba(50, 52, 65, 0.03));
  font-weight: 400;
  text-transform: uppercase;
}

.tile-header.trend-tab {
  z-index: 0;
  padding-right: 5px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.tile-header.alt {
  border-bottom-color: rgba(50, 52, 65, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.03)), to(rgba(50, 52, 65, 0.03)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.03), rgba(50, 52, 65, 0.03));
  box-shadow: none;
}

.tile-header.none {
  border-bottom-style: none;
  background-color: transparent;
  background-image: none;
}

.widget-body {
  height: 275px;
  padding: 15px 15px 15px 46px;
  background-color: #fff;
}

.widget-body.pie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.widget-body.none {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 274px;
  padding-bottom: 60px;
  padding-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.widget-row {
  height: 100%;
}

.widget-column {
  height: 100%;
}

.bar-top-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 87%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.bar-top-wrap:hover {
  overflow: hidden;
  border-radius: 3px;
}

.bar-bottom-wrap {
  height: 10%;
}

.bar {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 97%;
  height: 51%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: #5c6bc0;
  cursor: pointer;
}

.bar:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.25)), to(hsla(0, 0%, 100%, 0.25)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.25), hsla(0, 0%, 100%, 0.25));
}

.bar._1 {
  height: 80%;
  background-color: #9575cd;
}

.bar._2 {
  height: 20%;
  background-color: #64b5f6;
}

.bar._3 {
  height: 54%;
  margin-bottom: 0px;
  background-color: #4db6ac;
}

.bar._6 {
  height: 85%;
  background-color: #ffd54f;
}

.bar._7 {
  height: 48%;
  background-color: #ff8a65;
}

.bar._8 {
  height: 30%;
  background-color: #ef5350;
}

.bar._9 {
  height: 15%;
  background-color: #ba68c8;
}

.bar-text {
  position: absolute;
  color: #fff;
  font-weight: 400;
  text-shadow: 0 1px 2px #000;
  cursor: pointer;
}

.bar-mid-wrap {
  height: 3%;
  border-style: solid none none solid;
  border-width: 1px;
  border-color: #d8d8d8;
}

.bar-mid-wrap.end {
  border-right-style: solid;
}

.x-axis-label {
  position: static;
  left: -9px;
  top: 11px;
  right: -8px;
  margin-top: 0px;
  direction: rtl;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0px;
}

.x-axis-label._1 {
  position: static;
  top: 20px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  direction: ltr;
  text-align: center;
}

.bar-wrap {
  height: 100%;
}

.pie-chart-label-wrap {
  width: 100%;
  height: 17%;
  padding-top: 12px;
  padding-right: 6px;
  padding-left: 6px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
}

.pie-chart-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.label-dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #6ccc76;
}

.label-dot.yellow {
  background-color: #ffd54f;
}

.label-dot.red {
  background-color: #ef5350;
}

.pie-chart-label-text {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
}

.bar-graph-line {
  position: absolute;
  bottom: 24%;
  z-index: 0;
  width: 100%;
  height: 80px;
  border-top: 1px solid hsla(0, 0%, 84.7%, 0.49);
}

.bar-graph-line.upper {
  bottom: 62%;
}

.bar-graph-line.upper._2 {
  bottom: 93%;
  border-top-style: none;
}

.bar-graph-line.dots {
  bottom: 18%;
  z-index: 0;
  height: 40px;
}

.bar-graph-line.dots.up1 {
  bottom: 38%;
}

.bar-graph-line.dots.up2 {
  bottom: 57%;
}

.bar-graph-line.dots.up3 {
  bottom: 76%;
}

.bar-graph-line.dots.up4 {
  bottom: 90%;
  border-style: none;
}

.dashboard-row {
  margin-bottom: 23px;
}

.y-axis-number {
  position: absolute;
  left: -31px;
  top: 39px;
  bottom: -60px;
  direction: ltr;
  color: #bdbdbd;
  font-size: 12px;
  text-align: right;
}

.y-axis-number.last {
  left: -36px;
}

.y-axis-number.last.x {
  top: 24px;
}

.y-axis-number.bar-2 {
  top: 96px;
  bottom: -15px;
}

.y-axis-number.bar-2.a {
  top: 83px;
  bottom: -5px;
}

.y-axis-number.bar-2.b {
  left: -38px;
  top: 68px;
  bottom: -6px;
}

.y-axis-number.a {
  top: 66px;
  bottom: -5px;
}

.y-axis-number._5 {
  top: 37px;
}

.y-axis-number._6 {
  top: 36px;
}

.y-axis-number._7 {
  top: 36px;
}

.y-axis-number._8 {
  top: 23px;
}

.y-axis-number.m {
  top: 35px;
}

.bubble1 {
  position: relative;
  top: -86px;
  bottom: 59px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border: 1px solid #5c6bc0;
  border-radius: 50%;
  background-color: rgba(92, 107, 192, 0.5);
  cursor: pointer;
}

.bubble1:hover {
  background-color: #5c6bc0;
}

.bubble1.b {
  top: -48px;
  width: 20px;
  height: 20px;
}

.bubble1.c {
  top: -142px;
  width: 10px;
  height: 10px;
}

.bubble2 {
  position: relative;
  top: -44px;
  width: 15px;
  height: 15px;
  border: 1px solid #9575cd;
  border-radius: 100px;
  background-color: rgba(149, 117, 205, 0.5);
  cursor: pointer;
}

.bubble2:hover {
  background-color: #9575cd;
}

.bubble2.a {
  top: -47px;
  border-color: #ffd54f;
  background-color: rgba(255, 213, 79, 0.5);
}

.bubble2.a._1 {
  top: -51px;
  width: 20px;
  height: 20px;
}

.bubble2.a._1:hover {
  background-color: #ffd54f;
}

.bubble2.a._1._3 {
  top: -132px;
}

.bubble2.b {
  top: -40px;
  width: 25px;
  height: 25px;
}

.bubble2.c {
  top: -85px;
  width: 30px;
  height: 30px;
}

.bubble3 {
  position: relative;
  top: -137px;
  width: 25px;
  height: 25px;
  border: 1px solid #64b5f6;
  border-radius: 50%;
  background-color: rgba(100, 181, 246, 0.5);
  cursor: pointer;
}

.bubble3:hover {
  background-color: #64b5f6;
}

.bubble3.a {
  top: -123px;
  border-color: #4db6ac;
  background-color: rgba(77, 182, 172, 0.5);
}

.bubble3.a:hover {
  background-color: #4db6ac;
}

.bubble3.a._1 {
  top: -94px;
}

.bar-agent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 97%;
  height: 30%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: #5c6bc0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), to(rgba(0, 0, 0, 0.02)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02));
  cursor: pointer;
}

.bar-agent:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.25)), to(hsla(0, 0%, 100%, 0.25))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), to(rgba(0, 0, 0, 0.02)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.25), hsla(0, 0%, 100%, 0.25)), linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02));
}

.bar-agent._1 {
  height: 40%;
  background-color: #9575cd;
}

.bar-agent._1.jon-2 {
  height: 25%;
}

.bar-agent._1.jon-2:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.25)), to(hsla(0, 0%, 100%, 0.25)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.25), hsla(0, 0%, 100%, 0.25));
}

.bar-agent._1.john-2 {
  height: 50%;
}

.bar-agent._1.jaime {
  height: 20%;
}

.bar-agent._1.jessica {
  height: 30%;
}

.bar-agent._1.darren {
  height: 75%;
}

.bar-agent._1.alice {
  height: 23%;
}

.bar-agent._1.diego {
  height: 45%;
}

.bar-agent._2 {
  height: 45%;
  background-color: #64b5f6;
}

.bar-agent._2.john-1 {
  height: 50%;
}

.bar-agent._2.jamie {
  height: 15%;
}

.bar-agent._2.darren {
  height: 65%;
}

.bar-agent._2.alice {
  height: 28%;
}

.bar-agent._3 {
  height: 55%;
  margin-bottom: 0px;
  background-color: #4db6ac;
}

.bar-agent._3.john-1 {
  height: 65%;
}

.bar-agent._3.john-2 {
  height: 25%;
}

.bar-agent._3.jamie {
  height: 5%;
}

.bar-agent._3.jessica {
  height: 50%;
}

.bar-agent._3.darren {
  height: 52%;
}

.bar-agent._3.alice {
  height: 15%;
  margin-bottom: 0px;
}

.bar-agent._4 {
  height: 60%;
  background-color: #ffd54f;
}

.bar-agent._4.john-1 {
  height: 45%;
}

.bar-agent._4.jamie {
  height: 15%;
}

.bar-agent._4.darren {
  height: 50%;
}

.bar-agent._4.alice {
  height: 25%;
}

.bar-agent._5 {
  height: 50%;
  background-color: #ff8a65;
}

.bar-agent._5.john-1 {
  height: 25%;
}

.bar-agent._5.john-1.a {
  height: 50%;
}

.bar-agent._5.john-1.x {
  height: 50%;
}

.bar-agent._5.john-2 {
  height: 30%;
}

.bar-agent._5.john-2.a {
  height: 75%;
}

.bar-agent._5.jessica {
  height: 73%;
}

.bar-agent._5.darren {
  height: 41%;
}

.bar-agent._5.alice {
  height: 50%;
}

.bar-agent._5.deigo {
  height: 30%;
}

.bar-agent._5.karen {
  height: 75%;
}

.bar-agent._5.barrett {
  height: 52%;
}

.bar-agent.john-1 {
  height: 60%;
}

.bar-agent.john-1:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.25)), to(hsla(0, 0%, 100%, 0.25)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.25), hsla(0, 0%, 100%, 0.25));
}

.bar-agent.alex {
  height: 40%;
}

.bar-agent.jamie {
  height: 25%;
}

.bar-agent.darren {
  height: 75%;
}

.bar-agent.alice {
  height: 15%;
}

.bar-agent.diego {
  height: 60%;
}

.pie-chart-widget-qa-1 {
  display: block;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bubble-widget-qa-green {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-anna {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.dashboard-col {
  overflow: visible;
}

.pie-chart-widget-qa-2 {
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bubble-widget-qa-yellow {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  background-color: #ebebeb;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bubble-widget-qa-red {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bubble4 {
  position: relative;
  top: -55px;
  width: 20px;
  height: 20px;
  border: 1px solid #4db6ac;
  border-radius: 50%;
  background-color: rgba(77, 182, 172, 0.5);
  cursor: pointer;
}

.bubble4:hover {
  background-color: #4db6ac;
}

.bubble5 {
  position: relative;
  top: -124px;
  width: 30px;
  height: 30px;
  border: 1px solid #ffd54f;
  border-radius: 50%;
  background-color: rgba(255, 213, 79, 0.5);
  cursor: pointer;
}

.bubble5:hover {
  background-color: #ffd54f;
}

.bubble6 {
  position: relative;
  top: -80px;
  width: 15px;
  height: 15px;
  border: 1px solid #ff8a65;
  border-radius: 50%;
  background-color: rgba(255, 138, 101, 0.5);
  cursor: pointer;
}

.bubble6:hover {
  background-color: #ff8a65;
}

.bubble7 {
  position: relative;
  top: -92px;
  width: 20px;
  height: 20px;
  border: 1px solid #ef5350;
  border-radius: 50%;
  background-color: rgba(239, 83, 80, 0.5);
  cursor: pointer;
}

.bubble7:hover {
  background-color: #ef5350;
}

.bubble8 {
  position: relative;
  top: -57px;
  width: 20px;
  height: 20px;
  border: 1px solid #ba68c8;
  border-radius: 50%;
  background-color: rgba(186, 104, 200, 0.5);
  cursor: pointer;
}

.bubble8:hover {
  background-color: #ba68c8;
}

.bar-chart-agent-qa-john {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-alex {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-jaime {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-jessica {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-darren {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-alice {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-diego {
  position: relative;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-drew {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-megan {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-robert {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-claire {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-karen {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-denise {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-barrett {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.bar-chart-agent-qa-brett {
  position: relative;
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.pie-chart-widget-qa-3 {
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.pie-chart-widget-qa-4 {
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.pie-chart-widget-qa-5 {
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.eval-tab-pane {
  padding: 0px;
}

.eval-tabs-content {
  margin-top: 20px;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.eval-header {
  padding: 27px 39px;
  border-bottom: 1px solid #d8d8d8;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  color: #474747;
  font-size: 18px;
}

.eval-content {
  height: 100%;
  padding: 39px;
  background-color: #fff;
  color: #242424;
}

.eval-content.gray {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.03)), to(rgba(50, 52, 65, 0.03)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.03), rgba(50, 52, 65, 0.03));
}

.eval-form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.number-select-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.no-select {
  display: inline-block;
  width: 250px;
  margin-top: 13px;
  margin-bottom: 15px;
}

.eval-textarea {
  position: static;
  overflow: auto;
  margin-top: 10px;
  padding-bottom: 105px;
  border-radius: 3px;
  background-color: transparent;
}

.eval-col {
  position: static;
  height: 100%;
}

.eval-question {
  display: inline-block;
  margin-bottom: 10px;
  color: #ff5722;
  font-size: 17px;
  font-weight: 400;
}

.eval-sub-label {
  color: #858585;
  font-weight: 400;
}

.eval-score {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: 35px;
  margin: 7px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 87, 34, 0.5);
  border-radius: 3px;
  background-color: #fff;
  color: #313131;
}

.eval-score-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: none;
  border-left-width: 1px;
  border-left-color: #c3c3c3;
  border-radius: 3px;
  background-color: transparent;
}

.eval-footer {
  padding: 26px 39px;
  border-top: 1px solid #d8d8d8;
  background-color: #fff;
}

.eval-footer.fixedcalibrationeval {
  position: fixed;
  left: 350px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
}

.eval-next {
  float: right;
  border: 1px solid #bebebe;
  border-radius: 3px;
  background-color: transparent;
  color: #696969;
}

.appropriate-greeting {
  margin-right: 15px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: #d8d8d8;
  border-radius: 5px;
  background-color: transparent;
  color: #858585;
  text-align: center;
}

.appropriate-greeting.w--current {
  margin-right: 15px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: #d8d8d8 #d8d8d8 #ff5722;
  border-radius: 5px;
  background-color: #fff;
  color: #ff5722;
  text-align: center;
}

.obtaining-contact-information {
  margin-right: 15px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: #d8d8d8;
  border-radius: 5px;
  background-color: transparent;
  color: #858585;
  font-size: 13px;
  text-align: center;
}

.obtaining-contact-information.w--current {
  border-bottom-color: #ff5722;
  background-color: #fff;
  color: #ff5722;
}

.appointment-attempt {
  margin-right: 15px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: #d8d8d8;
  border-radius: 5px;
  background-color: transparent;
  color: #858585;
  font-size: 13px;
  text-align: center;
}

.appointment-attempt.w--current {
  border-style: solid;
  border-color: #d8d8d8 #d8d8d8 #ff5722;
  border-bottom-width: 5px;
  background-color: #fff;
  color: #ff5722;
}

.closing-the-call {
  margin-right: 15px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: #d8d8d8;
  border-radius: 5px;
  background-color: transparent;
  color: #858585;
  font-size: 13px;
  text-align: center;
}

.closing-the-call.w--current {
  border-bottom-width: 5px;
  border-bottom-color: #ff5722;
  background-color: #fff;
  color: #ff5722;
}

.eval-submit {
  padding: 20px 26px;
  float: right;
  border-radius: 3px;
  background-color: #ff5722;
}

.eval-back {
  border: 1px solid #bebebe;
  border-radius: 3px;
  background-color: #fff;
  color: #585858;
}

.eval-back.a {
  margin-top: 10px;
}

.color-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 50px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #e7e9f0;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-size: 12px;
}

.color-list:hover {
  background-color: #c8ccdb;
}

.color-list.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ff5722;
  color: #fff;
}

.list-selection-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.numb-tab-content {
  display: none;
}

.needs-analysis {
  margin-right: 15px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: #d8d8d8;
  border-radius: 3px;
  background-color: transparent;
  color: #858585;
  font-size: 13px;
  text-align: center;
}

.needs-analysis.w--current {
  border-bottom-color: #ff5722;
  background-color: #fff;
  color: #ff5722;
}

.eval-summary {
  padding: 0px 35px 35px;
  background-color: transparent;
}

.summary-title {
  margin-top: 50px;
  margin-bottom: 17px;
  font-size: 22px;
  text-align: left;
}

.question-wrap {
  margin-bottom: 20px;
  padding: 25px 25px 3px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  background-color: transparent;
  font-size: 18px;
}

.question-wrap.final {
  margin-top: 52px;
  margin-bottom: 18px;
  padding-bottom: 4px;
  background-color: #ff5722;
}

.question-summary {
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 3px;
  float: none;
  border-style: none;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  color: #6d6d6d;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}

.question-summary.a {
  display: inline-block;
  width: auto;
  margin-bottom: 18px;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
}

.question-summary.final {
  width: auto;
  float: right;
  color: #fff;
  font-size: 28px;
}

.question-summary.final.a {
  margin-top: 4px;
  color: #fff;
  font-size: 16px;
}

.sur {
  margin-right: 30px;
  margin-left: 0px;
  float: left;
  color: #cacaca;
  font-size: 16px;
}

.sur.answer {
  margin-left: 0px;
  color: #ff5722;
  font-weight: 700;
  text-align: center;
}

.question-score {
  width: 70%;
  margin-bottom: 15px;
  float: none;
  color: #6d6d6d;
  font-size: 16px;
  font-weight: 400;
}

.answer-wrap {
  display: inline-block;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.summary-score {
  position: absolute;
}

.score-summary {
  position: relative;
  top: -85px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 50px;
  margin-top: 52px;
  margin-bottom: 0px;
  padding: 0px 18px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ff5722;
  border-radius: 10px;
  font-size: 20px;
}

.complete-evaluation {
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: #d8d8d8;
  border-radius: 5px;
  background-color: transparent;
  color: #858585;
  font-size: 13px;
  text-align: center;
}

.complete-evaluation.w--current {
  border-bottom-color: #ff5722;
  border-radius: 5px;
  background-color: #fff;
  color: #ff5722;
}

.eval-success {
  height: 400px;
  padding-top: 174px;
  background-color: #fff;
  color: #000;
  font-size: 20px;
}

.schedule-demo {
  position: static;
  top: 145px;
  width: 100%;
  margin-top: 90px;
  margin-bottom: 0px;
  padding: 69px 43px 62px;
  color: #3f3f3f;
}

.schedule-demo.micro-learning {
  width: 85%;
  margin-bottom: 100px;
  margin-left: 7.5%;
  border-radius: 10px;
  background-color: #373d4b;
}

.select-field {
  height: 50px;
}

.pie-chart-widget-qa-6 {
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.pie-chart-widget-qa-7 {
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.pie-chart-widget-qa-8 {
  overflow: hidden;
  border: 1px none #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.dashboard-wrap {
  width: 95%;
}

.dashboard-wrap.coachsummary {
  width: 100%;
}

.navbar-vertical {
  position: fixed;
  top: 0px;
  bottom: 0px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98px;
  height: 110px;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid rgba(50, 52, 65, 0.1);
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  background-color: #fff;
  font-size: 12px;
  line-height: 15px;
}

.navbar-vertical.best-practice-library {
  padding: 0px;
}

.navbar-vertical-full {
  position: fixed;
  z-index: 2000;
  display: none;
  width: 270px;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323441;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.41);
}

.navbar-vertical-full.agent-dashboard {
  display: none;
}

.vn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 13px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.vn-wrap._1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.vn-wrap._1.a {
  padding-right: 13px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.vn-wrap._2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 14px;
}

.vn-wrap._2.active {
  padding-left: 8px;
  border-left: 5px solid #ff5722;
  color: #ebebeb;
}

.vn-wrap._3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.vn-wrap._3:hover {
  background-color: #ff5722;
}

.vn-wrap._3.active {
  padding-left: 15px;
  border-left: 5px solid #ff5722;
}

.vn-wrap._3.drop1 {
  background-color: hsla(0, 0%, 100%, 0.1);
}

.vn-wrap.agent-dashboard {
  padding-left: 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom-style: none;
}

.nav-icon {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.vert-nav-dropdown {
  position: static;
  width: 50px;
  margin-right: 0px;
  padding: 0px;
  float: right;
  color: #fff;
}

.vn-dropdown-wrap {
  float: right;
}

.vn-title {
  display: inline-block;
}

.icon-2 {
  position: static;
  margin-right: 0px;
}

.icon-2.clear {
  opacity: 0;
}

.vn-icon-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.out-of {
  margin-top: 8px;
  margin-right: 0px;
  margin-left: 4px;
  color: #a8a4a4;
  font-size: 12px;
}

.smiley {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
}

.in-smiley {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  opacity: 0.4;
}

.sad-smiley {
  width: 25px;
  height: 25px;
  opacity: 0.4;
}

.emoji-wrap {
  margin-top: 4px;
  margin-left: 15px;
}

.emoji-wrap.mr-6 {
  margin-right: 30px;
}

.navbar2wrap {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  margin-left: 16px;
  padding-top: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-right: 1px none rgba(50, 52, 65, 0.1);
  font-size: 18px;
}

.back-button {
  margin-top: 0px;
  padding: 16px 15px 16px 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px;
}

.p-divide {
  margin-bottom: 3px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 24px;
  font-weight: 300;
}

.dropdown-link {
  position: relative;
  width: 100%;
  padding: 14px 23px;
  float: none;
}

.dropdown-link:hover {
  background-color: #323441;
  color: #fff;
}

.dropdown-link.w--current {
  color: #ff5722;
  font-weight: 700;
}

.profile-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #323441;
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.49);
  color: #fff;
}

.profile-wrap.mgr-dash {
  padding: 5px 5px 5px 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile-bar {
  width: 100%;
  height: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #46d382;
  box-shadow: inset 0 0 6px -4px rgba(0, 0, 0, 0.34);
}

.profile-bar.yellow {
  background-color: #ffd54f;
}

.profile-bar._360-survey-expand-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  background-color: #fff;
}

.profile-bar._360-survey-expand-rn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  background-color: #fff;
}

.tile-wrap {
  position: relative;
  display: block;
  overflow: visible;
  height: 100%;
  margin-bottom: 20px;
  padding: 0px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.tile-wrap.show {
  overflow: visible;
}

.tile-wrap.agent-profile {
  margin-right: 10px;
  margin-left: 10px;
}

.tile-wrap.dark {
  color: #323441;
}

.tile-wrap.vendor-wrap {
  height: auto;
  margin-right: 10px;
  margin-left: 10px;
}

.tile-wrap.tenure {
  padding: 30px;
}

.tile-wrap.agent-profile-copy {
  margin-right: 0px;
}

.mgr-profile {
  width: 60px;
  height: 60px;
  border: 3px solid #6ccc76;
  border-radius: 50%;
}

.mgr-profile.full {
  width: 71px;
  height: 71px;
  margin-bottom: 8px;
  border-color: #46d382;
}

.mgr-profile.bp-icon {
  width: 71px;
  height: 71px;
  margin-bottom: 8px;
  border-style: none;
  border-color: #46d382;
}

.employee-img {
  width: 70px;
  height: 70px;
  border: 3px solid #ffd54f;
  border-radius: 50%;
}

.employee-img.mgr-dash {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-style: none;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.row.title {
  font-weight: 700;
}

.row.underline {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.row.underline.title {
  text-transform: uppercase;
}

.employee-name {
  margin-bottom: 7px;
  color: #fff;
  font-size: 20px;
}

.employee-name:hover {
  text-decoration: underline;
}

.employee-name.mgr-dash {
  margin-bottom: 5px;
  padding-bottom: 2px;
}

.employee-name.mgr-dash:hover {
  text-decoration: none;
}

.scorecard-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-left: 10px;
  padding: 12px;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 5px solid #000;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.15);
  text-transform: uppercase;
  cursor: pointer;
}

.scorecard-wrap.mgr-dash {
  width: auto;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.15);
  text-align: left;
}

.scorecard-wrap.green {
  border-bottom-color: #46d382;
  font-size: 13px;
}

.scorecard-wrap.greenyellow {
  border-bottom-color: #95d346;
}

.scorecard-wrap.game {
  padding-top: 6px;
  border-bottom-style: none;
  border-bottom-color: hsla(0, 0%, 100%, 0.15);
  color: #fff;
}

.scorecard-wrap.game.manager {
  height: 100px;
  padding-right: 18px;
  padding-left: 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.scorecard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 5px;
  padding: 6px 12px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 3px none #fff;
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.1);
  font-size: 16px;
  font-weight: 700;
}

.scorecard.mgr-dash {
  display: block;
  padding-top: 4px;
  float: left;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-bottom-color: #ef5350;
  background-color: hsla(0, 0%, 100%, 0.2);
  text-align: center;
}

.scorecard.mgr-dash.yellow {
  border-bottom-color: #bd9822;
  background-color: #ffd54f;
  color: #1d1d1d;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.52);
}

.scorecard.yellow {
  border-bottom-color: #ffd54f;
}

.scorecard.green {
  height: auto;
  border-bottom-color: #46d382;
  font-size: 16px;
}

.scorecard.greenyellow {
  border-bottom-style: none;
  border-bottom-color: #95d346;
}

.question-mark {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 17px;
  height: 17px;
  margin-top: 11px;
  margin-left: 25px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.18);
  font-size: 10px;
}

.question-mark.dark {
  margin-top: 5px;
  background-color: rgba(50, 52, 65, 0.2);
}

.question-mark.dark.no-ad {
  margin-top: 0px;
  margin-left: 15px;
}

.question-mark.mgr-dash {
  margin-left: 5px;
  cursor: pointer;
}

.question-mark.alt {
  background-color: rgba(50, 52, 65, 0.2);
  cursor: pointer;
}

.evaluate-wrap {
  padding: 19px;
}

.coach-score-help {
  position: absolute;
  right: -5px;
  z-index: 5;
  display: none;
  overflow: visible;
  width: 250px;
  padding: 11px;
  border-style: none;
  border-width: 2px;
  border-color: rgba(50, 52, 65, 0.23);
  border-radius: 3px;
  background-color: #323441;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.1)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1));
  box-shadow: 1px 1px 3px 0 #323441;
  opacity: 1;
  color: #fff;
}

.text-block-5 {
  margin-bottom: 5px;
  font-size: 10px;
}

.medium {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 300;
  text-transform: none;
}

.div-block-6 {
  padding: 8px;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.widget-footer {
  height: 30px;
  padding: 5px 11px 11px;
  border-top: 1px none rgba(50, 52, 65, 0.1);
  background-color: #fff;
  color: #838282;
  font-size: 11px;
}

.row-stretch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.row-stretch.full-width {
  width: 100%;
}

.coach-history-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 45px;
  padding: 7px 3px 7px 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid rgba(50, 52, 65, 0.1);
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  background-color: #fff;
  font-size: 11px;
  line-height: 17px;
  text-align: left;
  text-transform: capitalize;
}

.coach-history-cell.header {
  overflow: hidden;
  height: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-right-color: rgba(50, 52, 65, 0.1);
  border-bottom-color: rgba(50, 52, 65, 0.1);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.03)), to(rgba(50, 52, 65, 0.03)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.03), rgba(50, 52, 65, 0.03));
  text-align: left;
}

.coach-history-cell.header.ic {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.coach-history-cell.header.first-copy {
  padding-left: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.coach-history-cell.header.first-copy {
  margin-top: 0px;
  padding-left: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.coach-history-cell.header.first-copy {
  padding-left: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.coach-history-cell.header.first-copy {
  padding-left: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.coach-history-cell.header.first-copy {
  padding-left: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.coach-history-cell.stars {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right-color: #eee;
  border-bottom-color: #eee;
}

.coach-history-cell._1 {
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-left: 5px solid #8f8f8f;
  font-family: Lato, sans-serif;
  font-size: 11px;
}

.coach-history-cell._1.green {
  border-left-color: #46d382;
  font-family: Lato, sans-serif;
  font-size: 11px;
}

.coach-history-cell._1.red {
  border-left-style: solid;
  border-left-color: #ef5350;
  font-family: Lato, sans-serif;
  color: #373d4b;
  font-size: 11px;
}

.coach-history-cell._1.yellow {
  border-left-style: solid;
  border-left-color: #ffd54f;
}

.coach-history-cell._1.green {
  border-left-color: #46d382;
  font-family: Lato, sans-serif;
  font-size: 11px;
}

.coach-history-cell._1.yellow {
  border-left-style: solid;
  border-left-color: #ffd54f;
}

.coach-history-cell._1.red {
  border-left-style: solid;
  border-left-color: #ef5350;
  font-family: Lato, sans-serif;
  color: #373d4b;
  font-size: 11px;
}

.ic-file {
  height: 15px;
  margin-bottom: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  opacity: 0.75;
}

.search-wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 11px;
  padding-left: 11px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.search-wrap._2 {
  right: 74px;
}

.search-wrap._4 {
  color: #323441;
}

.image-2 {
  width: 20px;
  height: 20px;
}

.search-header-form-wrap {
  position: absolute;
  top: 0px;
  right: 42px;
  bottom: 0px;
  z-index: 1;
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.search-header-form-wrap._2 {
  right: 120px;
}

.search-form {
  height: 45px;
  border-style: none solid;
  border-right-width: 1px;
  border-right-color: rgba(50, 52, 65, 0.1);
  border-left-width: 1px;
  border-left-color: rgba(50, 52, 65, 0.1);
  background-color: rgba(50, 52, 65, 0.07);
}

.search-form:focus {
  border-right-color: rgba(50, 52, 65, 0.1);
  border-left-style: solid;
  border-left-color: rgba(50, 52, 65, 0.2);
}

.search-form._2 {
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.search-success {
  background-color: transparent;
}

.textarea {
  margin-top: 13px;
  padding-bottom: 69px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.05)), to(rgba(50, 52, 65, 0.05)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.05), rgba(50, 52, 65, 0.05));
  font-size: 12px;
}

.textarea.calibration {
  border-style: solid;
  border-color: #e8e8eb;
  border-radius: 5px;
  background-image: none;
  font-size: 14px;
  line-height: 1.5em;
}

.div-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.form-wrapper-4 {
  position: relative;
}

.ic-star {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  margin-left: 2px;
}

.leaderboard-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

.leaderboard-cell.name {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.leaderboard-cell.title {
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: transparent;
  color: #8b8b8b;
  font-size: 12px;
}

.leaderboard-cell.title.no-pad {
  padding-left: 0px;
}

.leaderboard-cell.title.center {
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.leaderboard-cell.title.right {
  padding-right: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

.leaderboard-cell.mgr-dash {
  font-size: 12px;
}

.leaderboard-cell.mgr-dash.border {
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-left: 6px solid #000;
}

.leaderboard-cell.mgr-dash.border.red {
  padding-left: 10px;
  border-left-color: #ef5350;
  color: #373d4b;
}

.leaderboard-cell.mgr-dash.border.yellow {
  padding-left: 10px;
  border-left-color: #ffd54f;
}

.leaderboard-cell.mgr-dash.border.green {
  border-left-color: #46d382;
}

.leaderboard-cell.mgr-dash.end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.leaderboard-cell.me {
  margin-right: 0px;
}

.leaderboard-agent-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.row-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
}

.row-4.title {
  height: auto;
  background-color: rgba(50, 52, 65, 0.03);
  font-size: 12px;
  text-transform: uppercase;
}

.row-4.title.task-mgr {
  height: 40px;
  border-right: 1px none #000;
  border-bottom-style: solid;
  background-color: #fff;
}

.row-4.mgr-dash {
  height: auto;
  margin-bottom: 0px;
  border-bottom-color: rgba(50, 52, 65, 0.1);
}

.row-4.mgr-dash.balanced-sc {
  border-bottom-style: solid;
  background-color: #373d4b;
  color: #fff;
  cursor: pointer;
}

.down-arrow {
  right: -5px;
  color: #ef5350;
}

.down-arrow.a {
  position: static;
  margin-top: 22px;
  margin-left: 0px;
}

.down-arrow.a.black {
  margin-top: 16px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  color: #252525;
}

.down-arrow.mgr-dash {
  position: static;
  margin-right: 10px;
  margin-left: 5px;
  float: right;
}

.down-arrow.mgr-dash.up {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #6ccc8f;
}

.up-arrow {
  right: -5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #6ccc76;
}

.rank {
  position: absolute;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 12px 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #323441;
  border-radius: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.83)), to(hsla(0, 0%, 88.6%, 0.93)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.83), hsla(0, 0%, 88.6%, 0.93));
  box-shadow: 0 0 1px 0 #323441;
  font-size: 14px;
}

.dropdown-toggle-2 {
  margin-right: 12px;
  margin-bottom: 27px;
  padding: 12px 40px 12px 16px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.21);
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.05);
  box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.13);
  color: #323441;
  font-size: 14px;
}

.dropdown-toggle-2.evaluate {
  width: 250px;
  height: 50px;
  border-style: none;
  border-color: rgba(0, 0, 0, 0.18);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
  box-shadow: 0 0 3px 0 rgba(50, 52, 65, 0.23);
}

.line-chart-wrap {
  position: relative;
  left: 0px;
  right: 10px;
  display: block;
  height: 125px;
  margin-top: 40px;
  padding: 0px 20px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  background-color: rgba(129, 115, 115, 0);
}

.line-chart-wrap.incentive {
  display: block;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: transparent;
}

.line-chart-wrap.task-mgr {
  margin-top: 0px;
  padding-left: 0px;
  border-bottom-style: none;
}

.line-chart-wrap.coach-now {
  display: block;
  height: auto;
  margin-top: 0px;
  padding-top: 20px;
  padding-left: 19px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom-style: solid;
  font-size: 14px;
}

.line-graph-row {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 125px;
}

.line-dot {
  position: absolute;
  left: -19%;
  top: 19%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px none #323441;
  background-color: transparent;
  cursor: pointer;
}

.line-dot:hover {
  background-color: transparent;
}

.line-dot._2 {
  left: -26%;
  top: 19%;
  bottom: 17%;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.line-dot._1 {
  position: absolute;
  left: -20%;
  top: 19%;
  bottom: 0%;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.line-dot._3 {
  left: -28%;
  top: 18%;
  bottom: -1%;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.line-dot._5 {
  left: 70%;
  top: -3%;
  right: 0%;
  bottom: 76.5%;
  background-color: transparent;
}

.line-dot._5.x {
  margin-top: -18px;
}

.div-block-16 {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block-17 {
  position: absolute;
  left: 32px;
  right: 32px;
}

.line-graph-row {
  display: block;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url('../images/no-color-trend-line.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.line-graph-row.yrr {
  background-image: url('../images/yellow-red-line-1.svg');
}

.line-graph-row.ggy {
  background-image: url('../images/green-yellow-line-1.svg');
}

.line-graph-row.gyy {
  background-image: url('../images/green-yellow-line-2.svg');
}

.line-graph-row.rrr {
  background-image: url('../images/red-line.svg');
}

.line-graph-row.yyy {
  background-image: url('../images/yellow-line.svg');
}

.column-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  border-bottom: 1px solid #ebebeb;
}

.table-row.title {
  height: auto;
  border-bottom-color: rgba(50, 52, 65, 0.1);
  background-color: #fff;
}

.table-row.task-mgr {
  border-bottom-style: none;
}

.table-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 6px 6px 6px 12px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #ebebeb;
  font-size: 12px;
}

.table-cell.end {
  padding: 0px;
  border-right-style: none;
}

.table-cell.name {
  overflow: hidden;
  padding-left: 13px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.table-cell.title {
  padding-bottom: 2px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: rgba(50, 52, 65, 0.03);
  color: #6b6b6b;
  font-size: 12px;
  text-transform: uppercase;
}

.table-cell.title.left {
  padding-left: 13px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.table-cell.title.spaced {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.table-cell.title.spaced.x {
  border-right-style: none;
}

.table-cell.title.space {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.table-cell.title-copy {
  padding-bottom: 2px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: rgba(50, 52, 65, 0.03);
  color: #6b6b6b;
  font-size: 12px;
  text-transform: uppercase;
}

.table-cell.metric-header {
  padding-bottom: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(50, 52, 65, 0.03);
  color: #6b6b6b;
  font-size: 12px;
  text-transform: uppercase;
}

.table-cell.metric-header.name {
  height: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  border-bottom: 1px solid #ebebeb;
  border-right-style: none;
}

.table-cell.metric-header.coach {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-basis: 15%;
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
  border-bottom: 1px solid #ebebeb;
}

.table-cell.performance-title {
  height: 30px;
  padding-bottom: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid #ebebeb;
  border-right-style: none;
  background-color: rgba(50, 52, 65, 0.03);
  color: #6b6b6b;
  font-size: 12px;
  text-transform: uppercase;
}

.performance-bar {
  position: static;
  width: 100%;
  height: 100%;
  background-color: #e9e9e9;
}

.agent-bar {
  width: 50%;
  height: 100%;
}

.agent-bar.red {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ef5350;
}

.agent-bar.red._1a {
  width: 70%;
}

.agent-bar.red.task-1._66 {
  width: 66%;
}

.agent-bar.green {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #46d382;
}

.text-block-9 {
  position: absolute;
  top: 11px;
  right: 0px;
  margin-right: 5px;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.35);
  color: #fff;
  font-size: 12px;
}

.text-block-9.ranking {
  right: auto;
  margin-top: 1px;
  margin-left: 5px;
  border-style: none;
  background-image: none;
}

.close-line {
  position: absolute;
  right: 1%;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  margin-top: 7px;
  margin-bottom: 15px;
  padding: 0px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.12);
  color: rgba(50, 52, 65, 0.4);
  cursor: pointer;
}

.dot-pop-up {
  position: absolute;
  z-index: 1003;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 118px;
  padding: 10px 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.9);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.38);
  font-size: 10px;
}

.dot-pop-up.pos1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dot-pop-up.pos2 {
  top: -10px;
}

.dot-pop-up.pos4 {
  top: -11px;
}

.dot-pop-up.pos5 {
  top: -15px;
  display: none;
}

.dot-pop-up.commits {
  position: static;
  display: none;
  margin-bottom: 1px;
  padding: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
}

.div-block-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.text-block-11 {
  width: auto;
  margin-bottom: -5px;
  text-transform: uppercase;
}

.pop-up-metric {
  display: inline-block;
  margin-bottom: 5px;
  padding-bottom: 0px;
  font-size: 18px;
}

.employee-metric {
  width: 100%;
  height: 100%;
  color: #323441;
  cursor: pointer;
}

.employee-metric.gray {
  background-color: rgba(50, 52, 65, 0.02);
}

.employee-metric.gray.me {
  border-style: none;
  border-right-width: 4px;
  border-right-color: rgba(50, 52, 65, 0.77);
  background-color: rgba(92, 107, 192, 0.11);
}

.employee-metric.task {
  display: inline;
  background-color: #fff;
}

.employee-metric.task:hover {
  border-radius: 3px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.27);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.employee-metric.no-point {
  cursor: default;
}

.line-text {
  position: absolute;
  left: 15px;
  top: -19%;
  display: inline-block;
  color: #9e9e9e;
  font-weight: 400;
  text-transform: capitalize;
}

.line-text.leader-board {
  color: #323441;
}

.text-block-14 {
  overflow: hidden;
  width: 100%;
}

.program-list.w--open {
  z-index: 500;
  margin-top: -15px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px none #323441;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.38);
}

.dropdown-link-2 {
  margin: 0px 7px;
  padding: 15px 84px 15px 19px;
  border-radius: 3px;
}

.dropdown-link-2:hover {
  background-color: #323441;
  color: #fff;
}

.dropdown-link-2.w--current {
  margin-right: 4px;
  margin-left: 4px;
  padding: 12px 12px 12px 16px;
  border-left: 5px solid #000;
  color: #323441;
}

.dropdown-link-2.w--current:hover {
  color: #fff;
}

.incentive-text {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  padding: 4px 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 3px;
  background-color: #6ccc8f;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
}

.incentive {
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 3px;
  font-size: 12px;
}

.coach {
  width: 100%;
  height: 100%;
}

.widget-body-1 {
  overflow: visible;
  height: auto;
}

.widget-body-1.task {
  overflow: auto;
  height: 250px;
}

.widget-body-1.task.agent-dash {
  overflow: visible;
  height: auto;
  max-height: 250px;
  min-height: 0px;
  background-color: #fff;
}

.mgr-profile-small {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
}

.mgr-profile-small.tsk-mgr {
  width: 35px;
  height: 35px;
  box-shadow: 0 0 4px 0 rgba(50, 52, 65, 0.24);
}

.mgr-profile-small.tb {
  margin-left: 10px;
}

.perf-trend-title {
  position: absolute;
  left: 21px;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  text-transform: uppercase;
}

.perf-trend-tab {
  background-color: rgba(0, 0, 0, 0.11);
}

.perf-trend-tab.high {
  display: none;
  margin-right: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #707070;
}

.perf-trend-tab.high.w--current {
  background-color: #46d382;
  color: #fff;
}

.perf-trend-tab.low {
  padding-top: 7px;
  padding-bottom: 7px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #707070;
}

.perf-trend-tab.low.w--current {
  display: none;
  background-color: #ef5350;
  color: #fff;
}

.metric-trend-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  height: 259px;
  margin-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1) #ebebeb;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0px;
  background-color: transparent;
}

.metric-trend-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 4px;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-top: 1px none rgba(50, 52, 65, 0.1);
  border-bottom: 1px none rgba(50, 52, 65, 0.1);
  border-left: 4px solid #000;
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.04);
  color: #000;
  font-size: 12px;
}

.metric-trend-row.red {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom-style: none;
  border-left-color: #ef5350;
  color: #000;
}

.metric-trend-row.yellow {
  border-left-color: #ffd54f;
  color: #000;
}

.metric-trend-row.green {
  border-left-color: #46d382;
  color: #000;
}

.text-block-16 {
  position: static;
  top: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.trend-slide {
  width: 33.4%;
  padding: 5px 10px;
  border-right: 1px none rgba(50, 52, 65, 0.1);
  border-bottom: 1px none #e7e7e7;
  font-size: 12px;
}

.slider {
  background-color: #fff;
}

.text-block-17 {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 6px;
  margin-left: 0px;
}

.tab-pane-2 {
  height: 334px;
}

.trend-arrow-wrap {
  top: 337px;
  width: 40px;
  height: 40px;
  border-style: none;
  border-width: 2px;
  border-color: rgba(50, 52, 65, 0.5);
  border-radius: 50%;
  background-color: rgba(50, 52, 65, 0.7);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  color: rgba(50, 52, 65, 0.5);
}

.trend-arrow-wrap.right {
  right: 45%;
  background-color: transparent;
}

.trend-arrow-wrap.left {
  left: 45%;
  background-color: transparent;
}

.icon-5 {
  margin-right: -2px;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  color: #323441;
  font-weight: 700;
}

.task-mgr-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}

.task-mgr-cell.title {
  padding-top: 8px;
  padding-bottom: 5px;
  color: #8b8b8b;
}

.task-mgr-cell.title.center {
  padding-left: 16px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-right: 1px none rgba(50, 52, 65, 0.1);
  font-style: normal;
}

.task-mgr-cell.title._1 {
  padding-left: 6px;
  font-family: Lato, sans-serif;
  font-size: 12px;
}

.coach-task {
  padding: 6px 11px;
  border-radius: 3px;
  background-color: #5c6bc0;
  color: #fff;
}

.task-item {
  height: auto;
  padding: 3px 8px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.task-item.coach-task {
  display: inline-block;
  margin-right: 0px;
  font-size: 12px;
}

.task-item.recognize {
  display: inline-block;
  background-color: #ba68c8;
  color: #fff;
  font-size: 12px;
}

.task-item.performance-task {
  overflow: hidden;
  background-color: #64b5f6;
  color: #fff;
  font-size: 12px;
}

.task-item.recognize-copy {
  display: inline-block;
  height: auto;
  background-color: #ba68c8;
  color: #fff;
}

.task-item.followup {
  display: inline-block;
  background-color: #64b5f6;
  color: #fff;
  font-size: 12px;
}

.task-item.learning {
  display: inline-block;
  background-color: #ff8a65;
  color: #fff;
  font-size: 12px;
}

.task-item.coachsurvey {
  display: inline-block;
  background-color: #4db6ac;
  color: #fff;
  font-size: 12px;
}

.task-item.learning {
  display: inline-block;
  background-color: #ff8a65;
  color: #fff;
  font-size: 12px;
}

.task-item.coachsurvey {
  display: inline-block;
  background-color: #4db6ac;
  color: #fff;
  font-size: 12px;
}

.task-item.recognize {
  display: inline-block;
  background-color: #ba68c8;
  color: #fff;
  font-size: 12px;
}

.task-item.followup {
  display: inline-block;
  background-color: #64b5f6;
  color: #fff;
  font-size: 12px;
}

.task-item.performance-task {
  overflow: hidden;
  background-color: #64b5f6;
  color: #fff;
  font-size: 12px;
}

.task-item.calibration {
  background-color: #ffd54f;
  color: #373d4b;
}

.task-item.calibration {
  background-color: #ffd54f;
  color: #373d4b;
}

.show-all {
  float: right;
  color: #323441;
  text-align: right;
}

.incentive-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.incentive-dot.red {
  margin-right: 5px;
  background-color: #ef5350;
}

.actual-goal {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.incentive-details-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 19px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  background-color: rgba(50, 52, 65, 0.05);
  font-size: 12px;
  line-height: 16px;
}

.incentive-details-wrap.line-chart-wrap {
  position: static;
  height: auto;
  margin-top: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.incentive-details-wrap.leader-board {
  background-color: transparent;
}

.incentive-details {
  padding: 10px;
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.1);
}

.incentive-details.success {
  margin-bottom: 5px;
  border: 1px solid #46d382;
  background-color: rgba(70, 211, 130, 0.5);
}

.incentive-details.failed {
  border: 1px solid #ef5350;
  background-color: rgba(239, 83, 80, 0.5);
}

.incentive-rule {
  margin-bottom: 5px;
  color: #818181;
}

.metric-bar-wrap {
  position: relative;
  display: block;
  height: 100%;
  margin-bottom: 1px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px none rgba(50, 52, 65, 0.1);
  background-color: transparent;
  font-size: 12px;
}

.metric-bar {
  height: 100%;
}

.metric-bar.green {
  position: static;
  width: 100%;
  height: 50px;
  background-color: #46d382;
}

.metric-bar.red {
  width: 40%;
  height: 50px;
  background-color: #ef5350;
}

.metric-bar.red.long {
  width: 60%;
}

.performance-bar-text {
  display: inline-block;
  margin-top: 0px;
  margin-right: 5px;
  padding: 4px 11px;
  float: right;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.performance-bar-text.ranking {
  height: 28px;
  margin-right: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  border-style: none;
  border-radius: 3px 0px 0px 3px;
  background-image: none;
}

.performance-bar-text.actual {
  margin-right: 0px;
  padding-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.performance-bar-text.slash {
  margin-right: 0px;
  padding-right: 3px;
  padding-left: 3px;
  border-radius: 0px;
}

.performance-bar-text.goal {
  padding-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rank-goal-wrap {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 50px;
  padding-left: 9px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
}

.rank-goal-wrap.right {
  right: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rank-goal-wrap.right.new {
  right: 0px;
  overflow: hidden;
  width: 100%;
  height: 50px;
  padding-right: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: 1px none #ebebeb;
  border-bottom-style: solid;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 102% 50%;
  background-size: auto 52px;
  background-repeat: no-repeat;
}

.rank-goal-wrap.right.new.manager {
  width: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 102% 50%;
  background-size: auto 53px;
  background-repeat: no-repeat;
}

.performance-arrow {
  position: static;
  margin: 0px;
  color: #ef5350;
}

.performance-arrow.up {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #46d382;
}

.performance-arrow-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  margin-right: 5px;
  padding: 5px 5px 5px 2px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0% 3px 3px 0%;
  background-color: rgba(0, 0, 0, 0.3);
}

.profile-info-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.calendar-cell {
  display: block;
  overflow: auto;
  width: 16.66666667%;
  height: 350px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 7px;
  border-style: solid;
  border-width: 4px 1px 1px;
  border-color: rgba(50, 52, 65, 0.1);
  background-color: #fff;
  font-size: 11px;
  line-height: 16px;
}

.calendar-cell.first {
  border-top-color: rgba(50, 52, 65, 0.3);
}

.calendar-cell.today {
  padding-right: 7px;
  border-top-color: #ff5722;
  background-color: #fff;
}

.calendar-cell.past {
  padding-right: 7px;
  background-color: rgba(50, 52, 65, 0.03);
}

.calendar-cell.totals {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.schedule {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 9px 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.schedule.days {
  margin-bottom: 6px;
  padding-top: 9px;
  padding-bottom: 0px;
}

.calendar-day {
  width: 16.66666667%;
  margin-right: 3px;
  margin-left: 3px;
  color: #8b8b8b;
  font-size: 12px;
  font-weight: 700;
}

.calendar-dot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 8px;
  margin-top: 4px;
  margin-right: 6px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #969696;
}

.calendar-dot.green {
  margin-top: 4px;
  background-color: #46d382;
}

.calendar-dot.red {
  background-color: #ef5350;
}

.calendar-dot.coach {
  background-color: #5c6bc0;
}

.calendar-dot.green {
  margin-top: 4px;
  background-color: #46d382;
}

.calendar-dot.coach {
  background-color: #5c6bc0;
}

.calendar-dot.red {
  background-color: #ef5350;
}

.dollar-icon {
  margin-top: 1px;
  margin-right: 8px;
  color: #46d382;
  font-weight: 700;
}

.calendar-number {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
}

.calendar-hours {
  display: inline-block;
  margin-right: 0px;
  float: right;
  color: #969696;
  font-size: 10px;
  font-weight: 700;
}

.coach-commit-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 5px 5px 5px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}

.coach-commit-cell.end {
  padding-top: 8px;
  font-size: 12px;
}

.commitment-line-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 9px 9px 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.commit-time {
  width: 20%;
  height: 5px;
  border-top: 1px solid #323441;
}

.commit-time.past {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.commit-time.past._55 {
  width: 55%;
}

.commit-time.future {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-style: dashed none none;
  border-width: 1px;
  border-right-color: #000;
  border-bottom-color: #000;
  border-left-color: #000;
}

.commit-time.future._45 {
  width: 45%;
}

.commit-dot {
  position: relative;
  left: auto;
  top: -6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  height: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #323441;
  cursor: pointer;
}

.commit-dot.green {
  top: -9px;
  width: 16px;
  height: 16px;
  border: 1px solid #46d382;
  background-color: #46d382;
  box-shadow: 0 0 6px 0 #323441;
}

.commit-dot.end {
  border: 1px solid #323441;
  background-color: #fff;
}

.commit-dot.green {
  top: -9px;
  width: 16px;
  height: 16px;
  border: 1px solid #46d382;
  background-color: #46d382;
  box-shadow: 0 0 6px 0 #323441;
}

.text-block-21 {
  text-align: right;
}

.task-1 {
  display: block;
  width: 100%;
  margin-top: 0px;
  color: #000;
}

.pop-up-header {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
}

.pop-up-body {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}

.pop-up-body.green {
  background-color: rgba(70, 211, 130, 0.5);
}

.pop-up-footer {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid rgba(50, 52, 65, 0.1);
}

.task-mgr-tabs-menu {
  position: relative;
  z-index: 5;
  display: inline-block;
  overflow: auto;
  width: 50%;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: none;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  background-color: #fff;
  color: #fff;
}

.task-mgr-tabs-menu.calibration {
  width: 60%;
}

.task-mgr-tab-link {
  width: 100%;
  padding: 0px;
  background-color: transparent;
}

.task-mgr-tab-link:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.25)), to(rgba(50, 52, 65, 0.25)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.25), rgba(50, 52, 65, 0.25));
}

.task-mgr-tab-link.w--current {
  background-color: #373d4b;
  color: #fff;
}

.tabs-demo {
  position: absolute;
  left: 98px;
  top: 40px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
}

.task-mgr-tabs-content {
  position: absolute;
  left: 50%;
  top: -41px;
  bottom: 0px;
  width: 50%;
  height: auto;
  border-left: 1px solid rgba(50, 52, 65, 0.1);
  background-color: #fff;
  background-image: url('../images/Asset-1.svg');
  background-position: 50% 50%;
  background-size: 200px;
  background-repeat: no-repeat;
}

.row-7 {
  position: absolute;
  left: 98px;
  right: 0px;
  z-index: 0;
  height: 40px;
  border-style: none none solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  background-color: transparent;
}

.text-block-24 {
  display: none;
}

.task-mgr-date {
  color: #979797;
  font-size: 12px;
}

.task-tabs-content {
  height: 100%;
  padding: 0px;
  border-left: 1px solid rgba(50, 52, 65, 0.1);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.04)), to(rgba(50, 52, 65, 0.04)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.04), rgba(50, 52, 65, 0.04));
}

.task-tabs-content.review.calibration {
  border-left-style: none;
}

.task-mgr-tabs-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  padding: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  text-align: justify;
}

.task-manager-tab-pane {
  height: 100%;
}

.div-block-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0px 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px none rgba(50, 52, 65, 0.1);
  border-left: 1px solid rgba(50, 52, 65, 0.1);
}

.div-block-30.date {
  border-left: 1px none rgba(50, 52, 65, 0.1);
  border-right-style: none;
}

.div-block-31 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 65%;
  height: 100%;
  padding-left: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.task-tabs-content-body {
  position: absolute;
  top: 65px;
  bottom: 60px;
  overflow: auto;
  width: 100%;
  padding: 14px;
  font-size: 12px;
}

.performance-preview-wrap {
  overflow: visible;
  margin-bottom: 18px;
  padding: 14px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  border-radius: 3px;
  background-color: #fff;
}

.performance-preview-wrap.history {
  overflow: visible;
  margin-top: 5px;
  padding: 18px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
}

.performance-preview-wrap.metric-preview {
  padding: 0px;
}

.performance-preview-wrap.red {
  background-color: rgba(239, 83, 80, 0.23);
  text-align: left;
}

.performance-preview-wrap.red.small {
  display: inline-block;
  font-size: 14px;
}

.performance-preview-wrap.green {
  background-color: rgba(70, 211, 130, 0.5);
  text-align: left;
}

.performance-preview-wrap.green.small {
  font-size: 14px;
}

.performance-preview-wrap.yellow {
  border-color: #ffd54f;
  background-color: rgba(255, 213, 79, 0.3);
}

.performance-preview-wrap.yellow.history {
  margin-right: 18px;
  margin-left: 18px;
}

.task-mgr-content-footer {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid rgba(50, 52, 65, 0.1);
  background-color: #fff;
}

.task-mgr-button {
  margin-left: 10px;
  padding: 6px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.41);
  border-radius: 50px;
  background-color: #323441;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.task-mgr-button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.1)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1));
  box-shadow: 0 0 4px 0 rgba(50, 52, 65, 0.55);
}

.task-mgr-button.coach-now {
  margin-left: 16px;
  border-radius: 50px;
  background-color: #373d4b;
  font-size: 12px;
}

.task-mgr-button.coach-now {
  margin-left: 16px;
  border-radius: 50px;
  background-color: #373d4b;
  font-size: 12px;
}

.div-block-32 {
  margin-bottom: 15px;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  background-color: #fff;
  font-size: 12px;
}

.div-block-32.tb {
  margin-right: 17px;
  margin-left: 17px;
  padding: 25px;
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.02);
}

.div-block-32.tb.audio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
}

.div-block-32.tb.audio:hover {
  box-shadow: 0 0 25px 0 rgba(50, 52, 65, 0.19);
}

.heading-3 {
  margin-top: 0px;
  margin-bottom: 1px;
}

.div-block-33 {
  margin-top: 6px;
  margin-bottom: 0px;
  padding: 0px 25px 0px 8px;
  border-bottom: 1px none #000;
}

.form-wrapper-6 {
  padding: 27px;
  font-weight: 400;
  text-align: left;
}

.inactive-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  margin-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: #f0f0f0;
}

.recognition-textarea {
  overflow: auto;
  border-style: none;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 94.5%, 0.5)), to(hsla(0, 0%, 94.5%, 0.5)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 94.5%, 0.5), hsla(0, 0%, 94.5%, 0.5));
  box-shadow: inset 0 0 8px 0 rgba(50, 52, 65, 0.2);
}

.form-button {
  margin-top: 10px;
  margin-left: 21px;
  padding: 14px 20px;
  float: right;
  border-radius: 3px;
  background-color: #323441;
  color: #fff;
  cursor: pointer;
}

.form-button.cancel {
  background-color: #888;
}

.form-label {
  font-weight: 400;
}

.icon {
  height: 15px;
  margin-top: 3px;
  margin-right: 7px;
  cursor: pointer;
}

.icon.large {
  height: 25px;
  margin-top: 0px;
  margin-right: 0px;
}

.icon.large.pm-agents {
  height: 17px;
}

.icon.large.mr-2 {
  margin-right: 5px;
}

.icon.badge {
  height: 35px;
  margin-top: 0px;
  margin-right: 10px;
}

.icon.profile {
  width: 40px;
  height: 40px;
  border-radius: 100px;
}

.icon.inactive {
  opacity: 0.25;
  cursor: pointer;
}

.icon.medium {
  height: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.icon.medium.mr-2 {
  margin-right: 10px;
}

.icon.more {
  display: block;
  width: 20px;
  height: 10px;
  margin-top: 0px;
  margin-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.leaderboard-wrap {
  display: block;
  overflow: auto;
  width: 92%;
  height: 47vh;
  margin: 0px auto 4px;
  padding: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.65);
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.25);
}

.leaderboard-wrap.agent-dashboard {
  height: 471px;
  margin-top: 5px;
}

.agent-img {
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  box-shadow: 0 0 4px 0 rgba(50, 52, 65, 0.49);
}

.leaderboard-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 6px 8px 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid rgba(50, 52, 65, 0.33);
  border-bottom: 1px solid rgba(50, 52, 65, 0.33);
  border-left: 3px solid #000;
  color: #fff;
  font-size: 12px;
}

.leaderboard-card:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.48)), to(rgba(50, 52, 65, 0.48)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.48), rgba(50, 52, 65, 0.48));
}

.leaderboard-card.green {
  border-right-color: rgba(50, 52, 65, 0.33);
  border-bottom-color: rgba(50, 52, 65, 0.33);
  border-left-color: #46d382;
}

.leaderboard-card.green.me {
  background-color: rgba(77, 88, 160, 0.7);
}

.leaderboard-card.red {
  border-left-color: #ef5350;
}

.leaderboard-card.red.last {
  border-bottom-style: none;
}

.leaderboard-card.yellow {
  border-left-color: #ffd54f;
}

.leaderboard-tabs {
  position: static;
}

.leaderboard-tabs-menu {
  padding: 7px 10px;
}

.leaderboard-tab {
  margin-right: 7px;
  padding: 6px 18px;
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #323441;
  color: #ebebeb;
  font-size: 12px;
}

.leaderboard-tab:hover {
  background-color: hsla(0, 0%, 100%, 0.4);
}

.leaderboard-tab.w--current {
  background-color: #1d1d1d;
}

.leaderboard-tab.agent.w--current {
  margin-left: 2px;
}

.div-block-41 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ranking {
  padding: 2px 7px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.46);
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3f50), to(#1d1d1d));
  background-image: linear-gradient(180deg, #3c3f50, #1d1d1d);
}

.recognition-card {
  width: 100%;
  margin-bottom: 13px;
  padding: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.42);
  border-radius: 3px;
  background-color: #323441;
  font-size: 12px;
}

.div-block-42 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding: 5px 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  color: hsla(0, 0%, 100%, 0.54);
  font-size: 10px;
  text-transform: uppercase;
}

.leaderboard-title {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
}

.rec-card-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-44 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}

.profile-image._30 {
  height: 30px;
  border-radius: 50%;
}

.div-block-45 {
  padding: 5px 5px 5px 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.leaderboard-side-bar-wrap {
  position: absolute;
  left: 0px;
  top: 252px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  padding-top: 10px;
}

.leaderboard-side-bar-wrap.agent-dashboard {
  top: 226px;
}

.tabs-content-2 {
  overflow: hidden;
  width: 100%;
  height: auto;
}

.tab-pane-4 {
  height: 100%;
}

.recognition-section {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10000;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(50, 52, 65, 0.95);
}

.container-2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ranking-text {
  padding: 2px 7px;
  border: 1px none #000;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 63, 80, 0.76)), to(rgba(29, 29, 29, 0.76)));
  background-image: linear-gradient(180deg, rgba(60, 63, 80, 0.76), rgba(29, 29, 29, 0.76));
  box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.38);
  color: #fff;
  text-transform: capitalize;
}

.leaderboard-nav-link {
  padding: 6px 18px;
  border: 1px solid #000;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5c6bc0), to(#3c4577));
  background-image: linear-gradient(180deg, #5c6bc0, #3c4577);
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}

.leaderboard-nav-link.w--current {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5c6bc0), to(#3c4577));
  background-image: linear-gradient(180deg, #5c6bc0, #3c4577);
}

.text-block-30 {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  padding: 3px 9px 3px 0px;
  border-radius: 3px;
  background-color: transparent;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}

.tabs-content-3 {
  position: absolute;
  top: 84px;
  bottom: 35px;
  overflow: visible;
  width: 100%;
  padding-top: 0px;
}

.tabs-content-3.agent-dashboard {
  top: 57px;
  bottom: 19px;
}

.link-2 {
  margin-right: 10px;
  float: right;
  color: #ebebeb;
  font-size: 12px;
  text-transform: uppercase;
}

.badge-count {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 3px 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.75);
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ef5350));
  background-image: linear-gradient(180deg, #ff5722, #ef5350);
  color: #fff;
  font-size: 12px;
}

.placeholder-widget {
  position: absolute;
  left: 10px;
  right: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  border-radius: 3px;
  background-color: transparent;
}

.text-block-32 {
  padding: 13px;
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.05);
}

.small-title {
  margin-bottom: 3px;
  color: rgba(50, 52, 65, 0.56);
  font-size: 12px;
  text-transform: uppercase;
}

.leaderboard-select-wrap {
  display: inline-block;
}

.nav-background {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 50;
  height: 110px;
  background-color: hsla(0, 0%, 100%, 0.48);
  box-shadow: 1px 1px 3px 0 rgba(50, 52, 65, 0.1);
}

.pop-up-display {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3000;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(50, 52, 65, 0.87);
}

.pop-up-display.agent-call {
  display: none;
}

.pop-up-display.training-audio {
  display: none;
}

.div-block-48 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 70px;
  height: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.html-embed-3 {
  z-index: 0;
  height: 80px;
}

.div-block-49 {
  position: absolute;
  z-index: 5;
  width: 300px;
  height: 5px;
  background-color: #fff;
}

.coach-history-file-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 45px;
  padding: 7px 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid rgba(50, 52, 65, 0.1);
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  background-color: #fff;
  color: #252525;
  font-size: 11px;
  cursor: pointer;
}

.column-6 {
  cursor: pointer;
}

.audio-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 19px 19px 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: #fff;
  color: #323441;
}

.container-4 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-51 {
  overflow: hidden;
  margin-right: 15px;
}

.audio-title {
  margin-bottom: 3px;
  padding-bottom: 0px;
  color: #ff5722;
  font-size: 15px;
  font-weight: 700;
}

.div-block-52 {
  position: absolute;
  top: 13px;
  right: 23px;
  bottom: 0px;
  margin-left: 0px;
}

.image-8 {
  margin-bottom: 46px;
}

.toolbox-title {
  color: #131313;
}

.div-block-54 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-54.totals {
  margin-bottom: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.schedule-line-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  color: #2c2c2c;
}

.schedule-line-item.totals {
  margin-bottom: 12px;
  padding: 14px 0px 15px 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  border-radius: 2px;
  background-color: rgba(50, 52, 65, 0.03);
  font-size: 14px;
}

.schedule-line-item.totals.red {
  background-color: rgba(239, 83, 80, 0.15);
}

.schedule-line-item.totals.red.past {
  background-color: #ef5350;
  color: #fff;
}

.schedule-line-item.totals.red.past {
  background-color: #ef5350;
  color: #fff;
}

.text-block-34 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-35 {
  margin-bottom: 6px;
  padding-bottom: 0px;
  float: none;
}

.schedule-slide {
  height: 400px;
  background-color: #fff;
}

.schedule-right-arrow {
  right: 44%;
  bottom: -351px;
  width: 50px;
  height: 50px;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  color: #323441;
}

.schedule-left-arrow {
  left: 44%;
  bottom: -351px;
  width: 50px;
  height: 50px;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  color: #323441;
}

.schedule-week {
  position: absolute;
  bottom: 14px;
  width: 100%;
  text-align: center;
}

.dropdown-2 {
  width: 65px;
  height: 65px;
  border-left: 1px solid rgba(50, 52, 65, 0.1);
}

.div-block-56 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-toggle-3 {
  display: block;
  height: 35px;
  margin-top: 0px;
  padding: 7px 20px 0px 23px;
  border-radius: 5px;
  background-color: rgba(104, 108, 134, 0.13);
  color: #323441;
}

.dropdown-3 {
  width: 105px;
  height: 45px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 5px 9px 5px 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: none;
  border-left-width: 1px;
  border-left-color: rgba(50, 52, 65, 0.1);
  font-size: 14px;
}

.dropdown-list-2.w--open {
  position: relative;
  left: -16px;
  width: 300px;
  padding: 0px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(50, 52, 65, 0.14);
}

.dropdown-link-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 55px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  color: #323441;
  font-size: 13px;
  font-weight: 300;
}

.dropdown-link-3:hover {
  border-right: 5px solid #ff7043;
  border-left: 5px none #ff5722;
}

.dropdown-link-3.w--current {
  border-left: 5px none #ff5722;
}

.dropdown-link-3.alt {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-style: normal;
  text-transform: uppercase;
  cursor: default;
}

.dropdown-link-3.alt:hover {
  background-color: #fff;
  color: #000;
}

.dropdown-link-3.dash {
  padding-left: 40px;
}

.performance-breakdown {
  position: absolute;
  left: 5px;
  top: 40px;
  right: 5px;
  display: none;
  padding: 12px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 #000;
}

.performance-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  margin-bottom: 12px;
  padding: 13px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border: 1px solid #46d382;
  border-radius: 3px;
  background-color: rgba(70, 211, 130, 0.5);
}

.performance-note.yellow {
  border-color: #ffd54f;
  background-color: rgba(255, 213, 79, 0.4);
}

.performance-note.red {
  border-color: #ef5350;
  background-color: rgba(239, 83, 80, 0.5);
}

.task-mgr-toolbar {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 98px;
  padding: 11px;
  border-right: 1px solid rgba(50, 52, 65, 0.1);
  background-color: #fff;
}

.task-toolbar-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: rgba(50, 52, 65, 0.1) rgba(50, 52, 65, 0.1) rgba(50, 52, 65, 0.23);
  border-radius: 3px;
  background-color: rgba(104, 108, 134, 0.11);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #323441;
  font-size: 14px;
  text-align: center;
}

.task-toolbar-wrap:hover {
  background-color: rgba(50, 52, 65, 0.25);
}

.task-toolbar-wrap.w--current {
  padding-left: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.09)), to(rgba(74, 78, 104, 0.07)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.09), rgba(74, 78, 104, 0.07));
}

.task-toolbar-wrap.active-task-item {
  border-bottom-color: #000;
  background-color: #373d4b;
  color: #fff;
}

.task-toolbar-icon {
  height: 30px;
  margin-bottom: 9px;
}

.div-block-57 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.toolbox-tag {
  display: inline-block;
  margin-top: 9px;
  margin-bottom: 9px;
  padding: 8px;
  border-radius: 50px;
  background-color: #5c6bc0;
  color: #fff;
}

.toolbox-tag.rec {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #4db6ac;
  font-size: 12px;
  font-weight: 400;
}

.toolbox {
  padding: 14px;
  border-style: solid none none solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.2);
  border-top-left-radius: 3px;
  background-color: #fff;
  color: #323441;
}

.toolbox.date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
  padding: 19px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-style: solid;
  border-left-style: none;
  border-radius: 0px;
  color: rgba(50, 52, 65, 0.63);
  font-size: 12px;
}

.toolbox.head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
  margin-bottom: 0px;
  padding: 19px 0px 19px 19px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-style: solid;
  border-top-left-radius: 15px;
}

.toolbox.body {
  height: 100%;
  padding: 59px 64px 64px;
  border-style: none solid solid none;
  border-radius: 0px 0px 0px 15px;
}

.toolbox.recommendations-wrap {
  overflow: auto;
  height: 100%;
  padding: 0px;
  border-style: none none solid;
}

.toolbox.recommendations-wrap.head {
  position: relative;
  height: 50px;
  padding: 0px;
  border-style: solid none none;
  border-top-left-radius: 0px;
}

.row-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.row-9.body {
  overflow: hidden;
  height: 1500px;
}

.toolbox-section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(50, 52, 65, 0.03);
}

.text-block-37 {
  position: absolute;
  top: 0px;
  z-index: 5;
  display: inline-block;
  width: 100%;
  padding: 16px;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.22);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 22px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid rgba(50, 52, 65, 0.22);
  opacity: 0.52;
  color: #323441;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}

.link-block:hover {
  opacity: 1;
}

.rec-img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 #fff;
}

.link-block-2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.div-block-60 {
  border-bottom: 1px solid rgba(50, 52, 65, 0.22);
}

.rich-text-block {
  line-height: 30px;
}

.star-wrap {
  display: inline-block;
  padding: 13px;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.22);
  border-radius: 5px;
}

.export {
  padding: 7px 9px;
  border: 1px solid #4db6ac;
  border-radius: 4px;
  color: #4db6ac;
}

.load-more {
  margin-top: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
}

.orange-dot {
  position: fixed;
  right: 16px;
  width: 10px;
  height: 10px;
  margin-left: 83px;
  border-radius: 50%;
  background-color: #ff7043;
}

.orange-dot.active {
  background-color: #323441;
}

.ic-menu {
  margin-right: 10px;
  margin-left: 5px;
}

.image-10 {
  margin-right: 12px;
}

.text-block-42 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #323441;
}

.coach-commit-detail {
  display: block;
  padding: 9px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  background-color: hsla(0, 0%, 100%, 0.05);
}

.div-block-63 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 11px;
  padding: 13px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  border-radius: 3px;
}

.div-block-63.head {
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-style: none;
  font-weight: 700;
}

.div-block-63.green {
  background-color: rgba(70, 211, 130, 0.08);
}

.div-block-63.yellow {
  background-color: rgba(255, 213, 79, 0.09);
}

.div-block-63.red {
  background-color: rgba(239, 83, 80, 0.1);
}

.commit-profile-img {
  width: 25px;
  height: 25px;
  margin: 6px 5px 5px;
  border-radius: 50%;
  cursor: pointer;
}

.div-block-65 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
}

.div-block-66 {
  margin-top: 10px;
}

.commit-profile-img-wrap {
  display: inline-block;
}

.checkbox-field {
  display: inline-block;
  margin-right: 15px;
}

.div-block-67 {
  display: inline-block;
}

.dropdown-toggle-4 {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  color: #fff;
}

.dropdown-4 {
  margin-right: 0px;
  margin-left: 0px;
}

.dropdown-list-3.w--open {
  left: 0px;
  width: 270px;
  margin-top: 13px;
  margin-left: -5px;
  padding: 11px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  background-color: #393a47;
  box-shadow: -1px 1px 3px 0 #000;
}

.dropdown-link-4 {
  margin-bottom: 9px;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.09);
  color: #fff;
}

.dropdown-link-4:hover {
  background-color: hsla(0, 0%, 100%, 0.19);
}

.amp-form-field {
  margin-bottom: 0px;
  padding: 54px 33px 33px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.15);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}

.amp-form-field:focus {
  border-style: solid;
  border-color: #323441;
}

.amp-form-field.left {
  border-top-style: solid;
  border-right-style: none;
  border-top-left-radius: 10px;
}

.amp-form-field.left:focus {
  border-right-style: solid;
  border-left-style: solid;
}

.amp-form-field.right {
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-right-radius: 10px;
}

.amp-form-field.no-left-border {
  border-left-style: none;
}

.amp-form-field.no-left-border:focus {
  border-left-style: solid;
}

.amp-form-field.password {
  margin-top: 21px;
  margin-bottom: 21px;
  padding: 25px 10px;
  border-style: solid;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 400;
}

.amp-form-field.password:hover {
  border-width: 1px;
  border-color: #000;
}

.amp-form-field.password:focus {
  border-width: 2px;
  border-color: #000;
}

.field-label {
  position: relative;
  top: 43px;
  margin-top: -25px;
  margin-left: 32px;
  color: rgba(50, 52, 65, 0.53);
  font-weight: 700;
}

.field-label.selection {
  top: 42px;
  margin-bottom: 42px;
  margin-left: 10px;
}

.form-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.amp-form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.amp-form-row.text-area {
  margin-top: 0px;
}

.amp-form-half-row {
  width: 50%;
}

.amp-form-full-row {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.select-field-2 {
  position: relative;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  padding-top: 0px;
  border-style: none;
  border-radius: 25px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #8a8a8a;
  font-weight: 300;
}

.amp-form-select-row {
  width: 100%;
  height: 90px;
  margin-top: 68px;
  padding-right: 26px;
  padding-left: 18px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.34);
  border-radius: 10px;
}

.amp-form-select-row.bottom {
  margin-top: 0px;
  padding-left: 21px;
  border-color: rgba(50, 52, 65, 0.15);
  border-top-style: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.primary-button {
  display: block;
  width: auto;
  height: auto;
  margin-top: 0px;
  margin-left: 21px;
  padding: 18px 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.15);
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #ff5722;
  text-align: center;
}

.primary-button:hover {
  background-image: linear-gradient(101deg, #ff5722, #ef5350);
  color: #fff;
}

.broswer-too-small {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #323441;
}

.div-block-70 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-wrap {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
  background-image: url('../images/Asset-5.svg');
  background-position: 50% 100%;
  background-size: 1000px;
  background-repeat: no-repeat;
  color: #323441;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.success-message {
  height: 300px;
  padding-top: 116px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  border-radius: 10px;
  background-color: transparent;
  color: #323441;
  font-size: 20px;
  line-height: 150%;
  font-weight: 300;
}

.error-message {
  position: absolute;
  left: 10px;
  right: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  border: 1px solid #ef5350;
  border-radius: 10px;
  background-color: transparent;
  color: #ef5350;
  text-align: center;
}

.textarea-2 {
  overflow: auto;
  padding-top: 20px;
  padding-bottom: 21px;
  padding-left: 31px;
  border-style: none solid solid;
  border-color: rgba(50, 52, 65, 0.15);
  border-top-width: 1px;
  border-radius: 0px 0px 10px 10px;
  font-style: normal;
}

.textarea-2:focus {
  border-style: solid;
  border-color: #323441;
}

.div-block-73 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 31px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header {
  padding-top: 37px;
  padding-bottom: 37px;
  text-align: center;
}

.row-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 34px;
  margin-bottom: 62px;
}

.div-block-75 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #323441;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
}

.div-block-75:hover {
  border-radius: 10px;
  box-shadow: inset 0 0 50px 0 rgba(50, 52, 65, 0.23);
}

.image-12 {
  margin-bottom: 33px;
}

.head {
  margin-bottom: 60px;
  font-size: 16px;
  font-weight: 300;
}

.subject {
  padding: 10px;
  font-size: 20px;
  font-weight: 300;
}

.subject.training {
  margin-bottom: 10px;
  padding-top: 50px;
  font-size: 25px;
  line-height: 30px;
  text-align: right;
}

.feature-wrap {
  padding: 23px 23px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  box-shadow: 0 0 6px 0 rgba(50, 52, 65, 0.03);
}

.feature-wrap.top {
  border-bottom-style: none;
  border-radius: 20px 20px 0px 0px;
  background-color: #fff;
}

.feature-wrap.whole {
  padding-bottom: 23px;
  border-bottom-style: solid;
  border-radius: 20px;
  background-color: #fff;
}

.feature-icon-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #9575cd;
  color: #fff;
}

.feature-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
}

.feature-tile {
  padding: 22px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-weight: 300;
  cursor: pointer;
}

.feature-tile:hover {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
}

.hero-backround {
  position: absolute;
  z-index: -5;
  width: 100%;
  height: 600px;
  background-color: rgba(255, 87, 34, 0.04);
  -webkit-transform: skew(0deg, -6deg) translate(0px, -175px);
  -ms-transform: skew(0deg, -6deg) translate(0px, -175px);
  transform: skew(0deg, -6deg) translate(0px, -175px);
}

.contact-pop-up {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10000;
  display: none;
}

.title-permissions-wrap {
  margin-top: 27px;
  padding: 31px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.17);
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.05);
}

.title-permissions-wrap.agent-permission {
  display: none;
}

.list-item-2 {
  margin-bottom: 15px;
  padding-bottom: 0px;
}

.heading-6 {
  margin-top: 0px;
  margin-bottom: 20px;
}

.unordered-list {
  margin-top: 10px;
  margin-bottom: 20px;
}

.profile-footer {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding-right: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.13);
}

.save {
  border-radius: 5px;
  background-color: #22bd72;
  font-weight: 700;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.45);
}

.dropdown-5 {
  display: inline-block;
  margin-right: 0px;
  margin-left: 0px;
  float: right;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
}

.dropdown-toggle-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 28px;
  padding-right: 20px;
  text-align: right;
}

.nav-demo {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 130px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.18);
}

.nav-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: 0%;
  margin-left: 5%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  margin-right: 5%;
  margin-left: 5%;
  float: none;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-item {
  margin-right: 0px;
  margin-left: 0px;
  float: none;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
}

.nav-item:hover {
  color: #ff5722;
}

.nav-item.w--current {
  color: #000;
}

.brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.brand.w--current {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-13 {
  height: 60px;
  margin-top: 3px;
  margin-left: 0%;
}

.image-13.blog {
  height: 40px;
}

.nav-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #323441;
  font-weight: 700;
}

.nav-toggle:hover {
  color: #ff5722;
}

.nav-toggle.w--open {
  height: 80px;
}

.nav-toggle.no-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 200ms ease, border-color 200ms linear;
  transition: color 200ms ease, border-color 200ms linear;
  cursor: pointer;
}

.nav-toggle.no-arrow:hover {
  border-bottom: 5px none #ff5722;
}

.nav-toggle.no-arrow.w--current {
  padding-top: 25px;
  border-bottom: 5px solid #ff5722;
  color: #ff5722;
}

.nav-toggle.menu {
  height: auto;
  padding-top: 10px;
  padding-right: 19px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: #323441;
}

.nav-toggle.menu:hover {
  border-right: 5px solid #ff5722;
  color: #ff5722;
}

.nav-toggle.menu.subitem {
  font-weight: 400;
}

.nav-toggle.blog {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
  color: #fff;
}

.nav-toggle.blog:hover {
  height: 80px;
  background-color: #fff;
  color: #ff5722;
}

.nav-toggle.blog.no-arrow.w--current {
  border-bottom-style: solid;
  border-bottom-color: #fff;
  background-color: hsla(0, 0%, 100%, 0.14);
  color: #fff;
}

.nav-list.w--open {
  top: 80px;
  padding: 0px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.47);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.right-arrow {
  position: static;
  display: inline-block;
  margin-right: 10px;
  margin-left: 0px;
  float: right;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.small-arrow {
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}

.lightbox-link-2 {
  width: 100%;
}

.form-wrapper-7 {
  display: block;
}

.coach-shortcut-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 9px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.hint {
  position: absolute;
  z-index: 10;
  padding: 4px 7px;
  border-radius: 3px;
  background-color: #323441;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
  color: #fff;
}

.newsletter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff1ec;
  color: #323441;
}

.newsletter-wrap {
  padding-top: 31px;
  padding-bottom: 31px;
}

.heading-7 {
  margin-top: 10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 400;
}

.row-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-84 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-53 {
  color: #272933;
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
}

.newsletter-form-wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10000;
  display: none;
  overflow: scroll;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(50, 52, 65, 0.88);
}

.image-15 {
  border-radius: 10px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.46);
}

.lightbox-link-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-54 {
  position: absolute;
  z-index: 1;
  display: inline-block;
  padding: 14px 39px;
  border-radius: 10px;
  background-color: rgba(50, 52, 65, 0.88);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.39);
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}

.text-block-54.larger {
  font-size: 20px;
  font-weight: 300;
}

.image-19 {
  width: 30px;
  height: auto;
}

.link-block-5 {
  margin-right: 25px;
  margin-left: 25px;
}

.section-topbottompad {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-topbottompad.more-pad {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-topbottompad.more-pad.pill-bg {
  background-image: url('../images/pill-pattern-2.svg');
  background-position: 0px 0px;
  background-size: 600px;
  background-attachment: fixed;
}

.tile-body {
  height: auto;
  padding: 29px;
}

.tile-body.vendor-metric-tiles {
  position: absolute;
  left: 0px;
  top: 50px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.tile-body.vendor-metric-tiles:hover {
  background-color: rgba(50, 52, 65, 0.07);
}

.tile-body.vendor-metric-tiles.tsat {
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #323441;
  color: #fff;
}

.tile-body.vendor-metric-tiles.aht {
  z-index: 1;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #323441;
  color: #fff;
}

.tile-body.vendor-metric-tiles.mpd {
  z-index: 1;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #323441;
  color: #fff;
}

.tile-body.vendor-metric-tiles.rdr7 {
  z-index: 1;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #323441;
  color: #fff;
}

.tile-body.vendor-metric-tiles.sch {
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #323441;
}

.tile-body.vendor-metric-tiles.adherence {
  z-index: 1;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #323441;
}

.tile-body.centered-tall-copy {
  position: absolute;
  left: 0px;
  top: 50px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tile-head {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding-right: 14px;
  padding-left: 29px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 65, 0.03)), to(rgba(50, 52, 65, 0.03)));
  background-image: linear-gradient(180deg, rgba(50, 52, 65, 0.03), rgba(50, 52, 65, 0.03));
  font-weight: 300;
  text-transform: capitalize;
}

.utilization-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 288px;
  margin-bottom: 23px;
}

.ic {
  height: 20px;
  margin-right: 10px;
}

.first {
  margin-top: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
}

._4 {
  color: #323441;
}

._1 {
  font-family: Lato, sans-serif;
  color: #323441;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

._2 {
  margin-top: 0px;
  font-family: Lato, sans-serif;
  color: #323441;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

._3 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  color: #323441;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.break-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px dotted rgba(50, 52, 65, 0.2);
  border-bottom: 1px none rgba(50, 52, 65, 0.2);
}

.feature-tile-lg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 22px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 300;
  cursor: pointer;
}

.feature-tile-lg:hover {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
}

.feature-icon-wrap-lg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  padding: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ef5350));
  background-image: linear-gradient(180deg, #ff5722, #ef5350);
  color: #fff;
  font-size: 20px;
}

.coaching-form-wrap {
  position: relative;
  z-index: 1;
  overflow: visible;
  height: auto;
  margin-bottom: 20px;
  border-radius: 3px;
  background-color: #fff;
}

.head1 {
  margin-left: 1px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
}

.head1.bold {
  font-weight: 700;
}

.head1.best-practices {
  width: 75%;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-transform: capitalize;
}

.head3 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #323441;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.head3.bold {
  font-weight: 700;
}

.head3.bold.gray {
  color: #686c86;
}

.head2 {
  margin-top: 0px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 35px;
  line-height: 45px;
  font-weight: 300;
}

.head2.centered {
  text-align: center;
}

.task-mgr-tabs-content-copy {
  position: absolute;
  left: 50%;
  top: -41px;
  bottom: 0px;
  width: 50%;
  height: auto;
  border-left: 1px solid rgba(50, 52, 65, 0.1);
  background-color: #fff;
  background-image: url('../images/Asset-1.svg');
  background-position: 50% 50%;
  background-size: 200px;
  background-repeat: no-repeat;
}

.task-mgr-tabs-content-copy.calibration {
  left: 60%;
  top: -120px;
  right: 0px;
  width: 40%;
  background-color: transparent;
  background-image: none;
}

.alltran-agent-wrap-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alltran-agent-wrap-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alltran-agent-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alltran-agent-wrap-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alltran-agent-wrap-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row-24 {
  position: absolute;
  top: 99px;
  bottom: 0px;
  z-index: 1;
  width: 95%;
  float: right;
}

.column-20 {
  height: 100%;
}

.column-20.agent-left {
  padding-left: 6%;
}

.column-20.agent-right {
  padding-right: 6%;
}

.west {
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.div-block-99 {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 152, 255, 0);
  cursor: pointer;
}

.placeholder-widget-utilization {
  position: absolute;
  left: 10px;
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  border-radius: 3px;
  background-color: transparent;
}

.row-25 {
  height: 100%;
}

.line-chart-wrap-copy {
  position: relative;
  left: 0px;
  right: 10px;
  display: block;
  height: 125px;
  margin-top: 0px;
  padding: 0px 20px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px none #ebebeb;
  background-color: rgba(129, 115, 115, 0);
}

.line-text-copy {
  position: relative;
  left: -14px;
  top: -19%;
  display: inline-block;
  color: #363636;
}

.div-block-101 {
  margin-bottom: 20px;
  padding: 12px 12px 23px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  border-radius: 5px;
  background-color: #fff;
}

.spacer {
  display: inline-block;
  width: 100%;
  height: 20px;
}

.spacer._20 {
  height: 20px;
}

.spacer._10 {
  height: 5px;
}

.spacer._5 {
  height: 5px;
}

.spacer.whitefill {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

.alert-overlay {
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 1000000;
  display: block;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.alert {
  width: 400px;
  margin-bottom: 25px;
  margin-left: 25px;
  border-radius: 3px;
  background-color: #323441;
  color: #fff;
}

.alert.bad {
  display: none;
  background-color: #f44336;
}

.row-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 9px;
}

.div-block-105 {
  width: 100%;
  padding: 10px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
}

.col-tall {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.close {
  opacity: 0.5;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  cursor: pointer;
}

.close:hover {
  opacity: 1;
}

.alert-section-wrap {
  position: fixed;
  left: 0px;
  bottom: 0px;
}

.head4 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
}

.head4.dark {
  color: #323441;
}

.h3---inline-tag {
  display: inline-block;
  margin: 0px 5px;
  padding: 0px 7px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-transition: color 200ms ease, border-color 200ms ease;
  transition: color 200ms ease, border-color 200ms ease;
  font-family: Lato, sans-serif;
  color: #323441;
  font-size: 30px;
  line-height: 35px;
  font-weight: 300;
  text-align: left;
}

.h3---inline-tag:hover {
  margin-top: -2px;
  margin-right: 3px;
  margin-left: 3px;
  border-width: 3px;
  border-color: #ff5722;
  color: #ff5722;
}

.h3---inline-tag.no-space {
  margin-left: 1px;
  font-family: 'Josefin Sans', sans-serif;
  color: #6b6b6b;
  cursor: default;
}

.h3---inline-tag.no-space:hover {
  margin-bottom: -2px;
  margin-left: -1px;
  color: #ff5722;
}

.tooltip-wrap {
  display: inline-block;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-align: center;
}

.tip {
  position: absolute;
  z-index: 15;
  margin-top: 6px;
  padding: 4px 9px;
  border-radius: 3px;
  background-color: #323441;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.44);
  opacity: 0;
  color: #fff;
  font-weight: 300;
}

.inline {
  display: inline;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.section-8 {
  position: relative;
  padding: 80px 100px;
}

.number-of-reviews {
  display: inline;
  font-size: 14px;
}

.star-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  margin-right: 0px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ff5722;
  font-size: 16px;
}

.star-rating.gray {
  color: rgba(50, 52, 65, 0.5);
}

.rating-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.rating-wrap:hover {
  color: #5c6bc0;
}

.recommended-best-practices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 19px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  background-color: rgba(50, 52, 65, 0.05);
  font-size: 12px;
  line-height: 16px;
}

.recommended-best-practices.line-chart-wrap {
  position: static;
  height: auto;
  margin-top: 0px;
  padding-top: 9px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.recommended-best-practices.long {
  position: static;
  height: auto;
  margin-top: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.recommended-best-practices.sixer {
  position: static;
  height: auto;
  margin-top: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.rating-article-wrap {
  width: 100%;
  color: #323441;
  font-size: 14px;
}

.rating-article-wrap:hover {
  color: #5c6bc0;
  text-decoration: underline;
}

.recommended-template {
  padding: 0px 20px 0px 0px;
  line-height: 20px;
  text-transform: capitalize;
}

.rating-thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 150px;
  padding-bottom: 5px;
  padding-left: 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: 5px;
  background-color: #5c6bc0;
  background-image: url('../images/best-practice-bg_2.svg');
  background-position: 100% 100%;
  background-size: 125px;
  background-repeat: no-repeat;
}

.rating-thumbnail:hover {
  box-shadow: 0 0 22px 0 rgba(50, 52, 65, 0.3);
}

.rating-thumbnail.end-call {
  background-image: url('../images/end-call.png');
}

.rating-thumbnail.on-hold {
  background-image: url('../images/hold.png');
}

.rating-thumbnail.answer {
  border-radius: 3px;
  background-image: url('../images/58eec4345f51a829c533225b_answer-phone.png');
}

.rating-thumbnail.time {
  background-image: url('../images/time-management.png');
}

.rating-thumbnail.convert {
  background-image: url('../images/596e55be116da70482c6a313_sales-funnel.png');
}

.rating-thumbnail.customer-need {
  background-image: url('../images/597a407035eb6600014d540b_Screen-Shot-2017-07-27-at-2.34.55-PM.png');
}

.rating-thumbnail.flow {
  background-image: url('../images/Screen-Shot-2017-07-27-at-2.38.40-PM.png');
}

.rating-thumbnail.greeting {
  background-image: url('../images/597a428bf44b380001655a96_Screen-Shot-2017-07-27-at-2.42.30-PM.png');
}

.heading-13 {
  position: absolute;
  top: 15px;
  margin-top: 0px;
  font-size: 12px;
}

.tile-template {
  position: relative;
  z-index: 1;
  display: block;
  overflow: visible;
  margin-right: 10px;
  margin-bottom: 40px;
  margin-left: 10px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 2px 1px hsla(0, 0%, 52.2%, 0.27);
}

.donut {
  width: 175px;
}

.vendor-sites {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.overlay-row {
  position: absolute;
  left: 5%;
  top: 50px;
  right: 5%;
  bottom: 0px;
  z-index: 1;
  float: none;
}

.column-23 {
  height: 100%;
}

.row-30 {
  height: 100%;
}

.donut-metric {
  position: absolute;
  font-size: 18px;
  font-weight: 700;
}

.div-block-107 {
  width: 90%;
  margin-top: 20px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #f1f1f1;
  box-shadow: inset 0 0 8px 1px rgba(0, 0, 0, 0.11);
  text-align: center;
}

.div-block-107.alt {
  background-color: hsla(0, 0%, 94.5%, 0.16);
  color: #fff;
}

.div-block-108 {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.vendor-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 288px;
  margin-bottom: 23px;
}

.vendors-back-button {
  cursor: pointer;
}

.metric-tag {
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: rgba(50, 52, 65, 0.45);
  box-shadow: 1px 1px 3px 0 #000;
  opacity: 0.9;
  color: #fff;
  font-size: 12px;
}

.metric-tag:hover {
  text-decoration: none;
}

.capability-tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-bottom: 40px;
  margin-left: 10px;
  padding: 10px 10px 10px 31px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(50, 52, 65, 0.15);
  color: #272933;
}

.div-block-109 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
}

.capability-icon {
  height: 80px;
}

.div-block-110 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.small-break {
  display: block;
  width: 50px;
  margin-right: auto;
  margin-left: auto;
  border-top: 5px solid #ff5722;
  border-radius: 50px;
}

.unordered-list-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5%;
  margin-left: -3%;
  padding-left: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.div-block-111 {
  max-height: 96%;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

.grid-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 33.33%;
  -webkit-flex: 33.33%;
  -ms-flex: 33.33%;
  flex: 33.33%;
  -webkit-transition: -webkit-transform 417ms ease;
  transition: -webkit-transform 417ms ease;
  transition: transform 417ms ease;
  transition: transform 417ms ease, -webkit-transform 417ms ease;
}

.grid-list-item:hover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.grid-list-item.padded {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 100px;
}

.grid-list-item.padded.title {
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 25px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grid-list-item.padded.title:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.grid-list-item.padded.less-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}

.grid-list-item.padded.less-margin:hover {
  -webkit-transform: scale(1.3) translate(0px, 0px);
  -ms-transform: scale(1.3) translate(0px, 0px);
  transform: scale(1.3) translate(0px, 0px);
}

.integration-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-logo {
  position: relative;
  width: 140px;
  height: 140px;
  margin-bottom: 0px;
  padding: 4px;
  border: 1px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 6px 0 rgba(23, 43, 179, 0.22);
}

.integration-logo {
  height: 50px;
}

.integration-logo.large {
  height: 90px;
}

.integration-logo.i3 {
  border-radius: 3px;
}

.integration-logo.move-left {
  padding-right: 0px;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

.integration-logo.move-left:hover {
  -webkit-transform: translate(-100px, 0px) translate(0px, 0px);
  -ms-transform: translate(-100px, 0px) translate(0px, 0px);
  transform: translate(-100px, 0px) translate(0px, 0px);
}

.link-6 {
  color: #8f94b4;
}

.collection-list-wrapper-2 {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.collection-list-wrapper-2.half {
  width: 48%;
}

.best-practice-rating {
  height: 15px;
  margin-right: 8px;
}

.best-practice-rating.no-margin {
  margin-right: 0px;
}

.simple-sentence {
  display: inline-block;
  width: 20%;
  height: 15px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(104, 108, 134, 0.26)), to(rgba(104, 108, 134, 0.23)));
  background-image: linear-gradient(180deg, rgba(104, 108, 134, 0.26), rgba(104, 108, 134, 0.23));
  opacity: 0.15;
}

.simple-sentence._50 {
  width: 50%;
}

.simple-sentence._100 {
  width: 100%;
}

.simple-sentence.dark {
  background-color: #000;
  background-image: none;
}

.image-29 {
  width: 50%;
  padding: 0px;
}

.best-practice-pop-out {
  position: fixed;
  z-index: 2000;
  display: none;
  width: 270px;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323441;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.41);
}

.link-block-9 {
  width: 90%;
  margin-top: 15px;
  margin-right: 5%;
  margin-left: 5%;
  padding: 15px;
  border-left: 4px solid #000;
  border-radius: 5px;
  background-color: #484b5f;
  -webkit-transition: background-color 350ms ease;
  transition: background-color 350ms ease;
  color: #fff;
  line-height: 25px;
}

.link-block-9:hover {
  background-color: #000;
}

.link-block-9.qa {
  border-left-color: #3f51b5;
}

.link-block-9.qa:hover {
  background-color: #3f51b5;
}

.link-block-9.sc {
  border-left-color: #009688;
}

.link-block-9.sc:hover {
  background-color: #009688;
}

.link-block-9.csat {
  border-left-color: #607d8b;
}

.link-block-9.csat:hover {
  background-color: #607d8b;
}

.link-block-9.aht {
  border-left-color: #c2185b;
}

.link-block-9.aht:hover {
  background-color: #c2185b;
}

.link-block-9.attendance {
  border-left-color: #ffa726;
}

.link-block-9.attendance:hover {
  background-color: #ffa726;
}

.link-block-9.all {
  border-left-color: #1d244e;
}

.link-block-9.all:hover {
  background-color: #1d244e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.text-block-67 {
  margin-top: 15px;
  margin-left: 5%;
  color: #fff;
  font-size: 18px;
}

.div-block-120 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  padding: 5px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.demographic-wrap {
  position: fixed;
  left: 25%;
  top: 110px;
  right: 0%;
  bottom: 0px;
  overflow: scroll;
  padding: 37px 25% 37px 37px;
  background-color: transparent;
}

.demographic-wrap.complete {
  left: auto;
  z-index: 5;
  width: 25%;
  padding-right: 37px;
  background-color: #f0f1f8;
}

.demographic-wrap.complete.show-demo-wrap {
  position: static;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(104, 108, 134, 0.52);
  border-radius: 5px;
  background-color: #fff;
}

.field-label-3 {
  font-size: 14px;
  font-weight: 600;
}

.form-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-grid-cell {
  padding: 25px 15px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.form-grid-cell.complete {
  padding-top: 14px;
  padding-bottom: 14px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  opacity: 0.7;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}

.edit-qr {
  position: static;
  top: 45px;
  right: 20px;
  padding: 4px 17px;
  float: right;
  border-style: none;
  border-radius: 50px;
  background-color: rgba(104, 108, 134, 0.23);
  color: rgba(37, 37, 37, 0.53);
  font-size: 13px;
  font-weight: 700;
}

.heading-15 {
  display: inline-block;
}

.survey-wrap {
  position: absolute;
  left: 0%;
  top: 110px;
  bottom: 0px;
  z-index: 2;
  display: none;
  overflow: auto;
  width: 75%;
  height: auto;
  padding: 35px 20px;
  background-color: #fff;
  color: #252525;
  font-size: 16px;
}

.survey-form {
  margin-right: 0%;
  margin-left: 0%;
  padding: 19px;
  text-align: left;
}

.survey-tab-pane {
  padding: 0px;
}

.survey-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.survey-content {
  height: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #fff;
  color: #242424;
}

.survey-question-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: none;
  border-left-width: 1px;
  border-left-color: #c3c3c3;
  border-radius: 3px;
  background-color: transparent;
}

.field-label-4 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-123 {
  margin-bottom: 20px;
}

.div-block-124 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tabs-content-4 {
  overflow: visible;
}

.survey-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.survey-answer {
  margin-right: 30px;
  margin-left: 0px;
  float: left;
  color: #cacaca;
  font-size: 16px;
}

.survey-answer.answer {
  margin-left: 0px;
  color: #323441;
  font-weight: 700;
  text-align: center;
}

.input {
  height: 50px;
  border-style: none;
  border-radius: 5px;
  background-color: #ebecf6;
  font-weight: 400;
}

.input.text-area {
  min-height: 100px;
  font-weight: 400;
}

.head5.fade {
  color: #cacaca;
}

.survey-answer-wrap {
  display: inline-block;
  margin-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.select-input {
  height: 50px;
  border-style: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebecf6), to(#ebecf6));
  background-image: linear-gradient(180deg, #ebecf6, #ebecf6);
  font-weight: 700;
}

.question-pop-up {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(50, 52, 65, 0.72);
}

.question-pop-up.quality-review {
  display: none;
  padding-right: 20%;
  padding-left: 20%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.pop-up-question {
  width: 100%;
  margin-right: 0%;
  margin-left: 0%;
  padding: 34px;
  border-radius: 5px;
  background-color: #fff;
  font-size: 16px;
}

.spacer-horizontal {
  display: inline;
  width: 20px;
}

.spacer-horizontal.small {
  width: 10px;
}

.task-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.task-cell._1-1-20 {
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.task-cell._1-1-20.small {
  font-size: 12px;
  line-height: 1.5em;
}

.task-cell._1-1-20.small._w-35p {
  -webkit-flex-basis: 35%;
  -ms-flex-preferred-size: 35%;
  flex-basis: 35%;
}

.task-cell._1-1-20.small._w-10p {
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}

.task-cell._1-1-20.small.end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.task-cell._1-1-20.small.align-items-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.task-manager-open-body {
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: block;
  overflow: auto;
  width: 100%;
  padding: 0px;
  background-color: #fff;
  color: #323441;
  text-align: center;
}

.task-manager-open-body.exec {
  text-align: left;
}

.flex-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 15%;
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
}

.no-emoji-nav {
  position: fixed;
  left: 98px;
  top: 65px;
  right: 0px;
  z-index: 1000;
  display: block;
  height: 45px;
  padding-right: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(50, 52, 65, 0.1);
  border-left: 1px none rgba(0, 0, 0, 0.25);
  background-color: #fff;
  color: #323441;
}

.no-emoji-nav.full {
  left: 0px;
}

.form-5 {
  text-align: left;
}

.flex-box-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.no-margin {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #323441;
}

.micro-learning {
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  cursor: pointer;
}

.taskmanager-head-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding-left: 5px;
  border-bottom: 1px solid #e8e8f4;
  background-color: #f8f8fc;
  color: #323441;
}

.taskmanager-head-row.auto-height {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: left;
}

.taskmanager-head-row.calibration {
  width: 60%;
  height: 60px;
  border-bottom: 1px solid #e8e8eb;
  background-color: #f2f5f7;
}

.taskmanager-head-row.calibration.card {
  width: 100%;
  padding-left: 0px;
}

.taskmanager-head-row.calibration {
  width: 60%;
  height: 60px;
  border-bottom: 1px solid #e8e8eb;
  background-color: #f2f5f7;
}

.taskmanager-head-row.calibration.card {
  width: 100%;
  padding-left: 0px;
}

._0-1-16 {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

._0-1-16.taskcell {
  padding-top: 0px;
  padding-left: 10px;
  -webkit-flex-basis: 16.67%;
  -ms-flex-preferred-size: 16.67%;
  flex-basis: 16.67%;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

._0-1-16.taskcell.end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

._0-1-16.taskcell-head {
  padding-top: 0px;
  padding-left: 10px;
  -webkit-flex-basis: 16.67%;
  -ms-flex-preferred-size: 16.67%;
  flex-basis: 16.67%;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}

.taskrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70px;
  padding: 0px;
  border-left: 5px solid #e7e7e7;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 14px;
}

.taskrow:hover {
  background-color: rgba(55, 61, 75, 0.1);
}

.taskrow.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left-color: #272933;
  background-color: #373d4b;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.taskmanager-body-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8eb;
}

._1-1-20 {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

._1-1-20.taskcell {
  padding-top: 10px;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  color: #7b7e8d;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}

._1-1-20.taskcell.pm-agents.space-between.roundright {
  border-top-right-radius: 5px;
}

._1-1-20.taskcell.space-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-right: 1px solid rgba(39, 41, 51, 0.15);
  line-height: 125%;
}

._1-1-20.taskcell.space-between.name {
  min-width: 500px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

._1-1-20.taskcell.calibration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-right: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 11px;
  line-height: 1.5em;
  text-transform: uppercase;
}

._1-1-20.taskcell.calibration._w-10p {
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}

._1-1-20.taskcell.calibration._w-35p {
  -webkit-flex-basis: 35%;
  -ms-flex-preferred-size: 35%;
  flex-basis: 35%;
}

._1-1-20.taskcell.calibration._w-35p.grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

._1-1-20.taskcell.calibration.align-items-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

._1-1-20.taskcell.calibration.align-items-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

._1-1-20.taskcell.calibration.align-items-end.text-end {
  text-align: right;
}

._1-1-20.pm-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-right: 1px solid rgba(39, 41, 51, 0.15);
  color: #373d4b;
  font-weight: 700;
}

._1-1-20.pm-cell.coach-col-1 {
  display: none;
}

._1-1-20.pm-cell.coach-col-2 {
  display: none;
}

._1-1-20.pm-cell.coach-col-3 {
  display: none;
}

._1-1-20.pm-cell.name {
  min-width: 500px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.image-31 {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.div-block-133 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-134 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.heading-18 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #686c86;
  font-size: 15px;
  line-height: 1.2em;
}

.heading-19 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
}

.text-block-70 {
  font-weight: 700;
  text-align: right;
}

.div-block-136 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

.text-block-71 {
  margin-left: 10px;
  padding: 8px;
  border-bottom: 2px solid #2c6964;
  border-radius: 5px;
  background-color: #4db6ac;
  color: #fff;
  font-weight: 700;
}

.taskmanager-body-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  color: #323441;
}

.taskmanager-body-row.auto-height {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid rgba(104, 108, 134, 0.29);
  border-left: 5px none #fff;
  text-align: left;
  cursor: pointer;
}

.taskmanager-body-row.auto-height:hover {
  border-left-color: rgba(104, 108, 134, 0.05);
  background-color: rgba(104, 108, 134, 0.05);
}

.taskmanager-body-row.auto-height.past-due {
  border-top-color: rgba(104, 108, 134, 0.14);
  border-left-color: #fff;
  background-color: rgba(239, 83, 80, 0.15);
}

.taskmanager-body-row.auto-height.past-due:hover {
  border-left-style: none;
  background-color: rgba(239, 83, 80, 0.2);
}

.past-due-task-preview-wrap {
  position: static;
  top: 65px;
  bottom: 60px;
  display: none;
  overflow: visible;
  margin: 10px 15px;
  padding: 14px;
  border-radius: 5px;
  background-color: rgba(104, 108, 134, 0.1);
}

.icon-style {
  opacity: 0.79;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, transform 200ms ease;
  transition: opacity 200ms ease, transform 200ms ease, -webkit-transform 200ms ease;
  cursor: pointer;
}

.icon-style:hover {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.icon-style.down-arrow {
  -webkit-transform: scale(0.9) rotate(90deg);
  -ms-transform: scale(0.9) rotate(90deg);
  transform: scale(0.9) rotate(90deg);
}

.icon-style.down-arrow:hover {
  -webkit-transform: scale(1) rotate(90deg);
  -ms-transform: scale(1) rotate(90deg);
  transform: scale(1) rotate(90deg);
}

.div-block-138 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-139 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.demo-link {
  margin-right: 40px;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 33.33px;
  -ms-flex-preferred-size: 33.33px;
  flex-basis: 33.33px;
}

.demo-link:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.div-block-140 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 18px;
  padding-bottom: 28px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 15px;
  background-color: #ffebe5;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-family: brandon-grotesque, sans-serif;
  color: #ff5722;
}

.div-block-140:hover {
  background-color: #ff5722;
  color: #fff;
}

.exec-task-body {
  overflow: scroll;
}

.task-manager-exec-tabs {
  position: absolute;
  left: 98px;
  top: 40px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
}

.task-manager-exec-tabs.calibration {
  left: 0px;
  top: 120px;
}

.exec-task-manager-title-bar {
  position: absolute;
  left: 98px;
  right: 0px;
  z-index: 0;
  height: 40px;
  border-style: none none solid;
  border-width: 1px;
  border-color: rgba(50, 52, 65, 0.1);
  background-color: transparent;
}

.tabs-menu-demo {
  margin-bottom: 10px;
}

.regular-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding-left: 5px;
  border-top: 1px solid rgba(39, 41, 51, 0.15);
  color: #323441;
}

.regular-row:hover {
  background-color: #eef4ff;
}

.regular-row.vp:hover {
  background-color: #eef4ff;
}

.regular-row.ops.alternate {
  background-color: #f8f8f8;
}

.regular-row.ops.alternate:hover {
  background-color: #eef4ff;
}

.regular-row.flr.alternate {
  background-color: #f8f8f8;
}

.regular-row.agent.alternate {
  background-color: #f8f8f8;
}

.regular-row.agent.alternate:hover {
  background-color: #eef4ff;
}

.head-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding-left: 5px;
  color: #323441;
}

.div-block-144 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.link-7 {
  -webkit-transition: font-size 200ms ease;
  transition: font-size 200ms ease;
  color: #373d4b;
  font-weight: 700;
}

.link-7:hover {
  color: #000;
  text-decoration: underline;
}

.text-block-72 {
  color: #00b9ff;
  font-size: 13px;
  font-weight: 700;
}

.coach-row-icon {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
}

.coach-row-icon.small {
  width: 35px;
  height: 35px;
}

.red-pm-rating {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #ef5350;
}

.green-pm-rating {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #46d382;
}

.heading-22 {
  display: inline-block;
}

.div-block-145 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-10 {
  margin-right: 20px;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.link-block-10:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.pm-tab-link {
  padding-top: 17px;
  padding-bottom: 17px;
  border-style: solid none;
  border-width: 1px;
  border-color: #000;
  background-color: transparent;
}

.pm-tab-link.w--current {
  border-style: none none solid;
  border-width: 2px;
  border-color: #000 #000 #686c86;
  border-radius: 5px;
  background-color: #373d4b;
  color: #fff;
}

.div-block-146 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 6px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.text-block-73 {
  font-size: 12px;
}

.div-block-147 {
  margin-bottom: 100px;
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: rgba(39, 41, 51, 0.15);
  border-radius: 5px;
}

.heading-23 {
  padding-left: 23px;
  color: rgba(104, 108, 134, 0.56);
}

._360md-submit-review {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100000;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(50, 52, 65, 0.72);
}

._360rn-review-pop-up {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100000;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(50, 52, 65, 0.72);
}

.exec-menu-link {
  padding-top: 2px;
  padding-right: 25px;
  color: #373d4b;
  font-size: 12px;
  font-weight: 400;
}

.exec-menu-link:hover {
  font-weight: 400;
}

.exec-menu-link.w--current {
  color: #ff5722;
  font-weight: 700;
}

.metric-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px none #ebebeb;
  border-bottom: 1px none #ebebeb;
}

.metric-component-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 6px 6px 6px 12px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  border-right: 1px solid #ebebeb;
  font-size: 12px;
}

.metric-component-wrap.name {
  padding-left: 13px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  border-bottom: 1px solid #ebebeb;
  border-right-style: none;
  font-weight: 700;
}

.metric-component-wrap.coach {
  -webkit-flex-basis: 15%;
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
  border-bottom: 1px solid #ebebeb;
}

.metric-performance-bar {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-150 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-150.totals {
  margin-bottom: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.performance-color {
  height: 100%;
}

.performance-color.red {
  width: 40%;
  background-color: #ef5350;
}

.performance-bar-copy {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e9e9e9;
}

.div-block-151 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 25px;
  padding-left: 0px;
}

.div-block-152 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.create-task-wrapper {
  position: fixed;
  left: 98px;
  top: 189px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid rgba(50, 52, 65, 0.1);
}

.div-block-153 {
  width: 50%;
  padding: 30px 15px 15px;
  border-right: 1px solid rgba(50, 52, 65, 0.1);
}

.task-type-wrap {
  position: fixed;
  left: 98px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  margin-left: 20%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.task-type-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
  padding: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  border-style: solid;
  border-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  background-color: transparent;
  box-shadow: 0 2px 0 0 #fff;
  -webkit-transition: background-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
  text-align: center;
}

.task-type-cell:focus {
  background-color: #797b8a;
}

.task-type-cell.w--current {
  background-color: #ff5722;
  color: #fff;
}

.task-type-cell.follow-up {
  border-color: #64b5f6;
  color: #64b5f6;
}

.task-type-cell.follow-up:hover {
  background-color: #64b5f6;
  color: #fff;
}

.task-type-cell.follow-up.w--current {
  background-color: #64b5f6;
  box-shadow: 0 2px 0 0 #0672c9;
  color: #fff;
}

.task-type-cell.recognize {
  border-color: #ba68c8;
  background-color: transparent;
  box-shadow: 0 2px 0 0 #fff;
  color: #ba68c8;
}

.task-type-cell.recognize:hover {
  background-color: #ba68c8;
  color: #fff;
}

.task-type-cell.coach {
  height: auto;
  border-color: #5c6bc0;
  background-color: transparent;
  box-shadow: none;
  color: #5c6bc0;
}

.task-type-cell.coach:hover {
  background-color: #5c6bc0;
  color: #fff;
}

.task-type-cell.coach.w--current {
  height: auto;
  background-color: #5c6bc0;
  box-shadow: 0 2px 0 0 #18277c;
  color: #fff;
}

.task-type-cell.hot-topic {
  border-color: #ff8a65;
  color: #ff8a65;
}

.task-type-cell.hot-topic:hover {
  background-color: #ff8a65;
  color: #fff;
}

.task-type-cell.hot-topic.w--current {
  background-color: #ff8a65;
  box-shadow: 0 2px 0 0 #da3806;
  color: #fff;
}

.task-type-header {
  position: fixed;
  left: 98px;
  top: 109px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  height: 80px;
  padding-left: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-154 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-155 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: #373d4b;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease, opacity 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, opacity 200ms ease, color 200ms ease;
  color: #373d4b;
  font-size: 14px;
}

.div-block-155.w--current {
  background-color: #373d4b;
  color: #fff;
}

.div-block-155.end {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-right-style: solid;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.div-block-155.start {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.div-block-155.start.w--current {
  background-color: #373d4b;
  color: #fff;
}

.tabs-content-5 {
  position: fixed;
  top: 189px;
  right: 0px;
  bottom: 0px;
  width: 45%;
}

.div-block-156 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.field-label-6 {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
}

.text-field-4 {
  margin-bottom: 0px;
  border-color: #000 #000 #373d4b;
  border-top-style: none;
  border-top-width: 1px;
  border-right-style: none;
  border-right-width: 1px;
  border-left-style: none;
  border-left-width: 1px;
}

.tabs-4 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.task-textarea {
  min-height: 150px;
  margin-top: 30px;
  padding: 0px;
  border-style: none;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
}

.manual-task-form {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(50, 52, 65, 0.1);
}

.manual-task-pane {
  position: fixed;
  top: 189px;
  right: 0px;
  bottom: 0px;
  display: block;
  overflow: auto;
  width: 45%;
  padding: 30px 15px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.checkbox-field-3 {
  width: 100px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  font-size: 12px;
}

.manual-checklist-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  height: 320px;
  margin-top: 5px;
}

.manual-checklist-wrap.no-height {
  height: auto;
}

.form-block-2 {
  margin-right: 20px;
}

.input-copy {
  height: 50px;
  margin-bottom: 5px;
  border-style: none;
  border-radius: 5px;
  background-color: #ebecf6;
  font-weight: 400;
}

.form-block-3 {
  margin-bottom: 5px;
}

.manual-task-created {
  position: fixed;
  left: 98px;
  top: 109px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.task-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70px;
  padding: 0px;
  border-bottom: 1px solid #e8e8eb;
  border-left: 5px none #e7e7e7;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 12px;
  cursor: pointer;
}

.task-row:hover {
  background-color: #f8f8f8;
}

.task-row.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-left-color: #272933;
  background-color: #f1f5ff;
  color: #373d4b;
  font-size: 14px;
}

.task-row.small {
  border-bottom-style: solid;
  border-left-style: none;
  background-color: transparent;
  text-align: left;
}

.task-row.n2 {
  background-color: #fafafa;
}

.task-row.pagination {
  border-bottom-style: none;
  border-left-style: none;
}

.task-row.old-title {
  height: 40px;
  text-transform: capitalize;
}

.task-tabs-content-body-copy {
  position: absolute;
  top: 80px;
  bottom: 60px;
  overflow: scroll;
  width: 100%;
  padding: 14px 36px;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
}

.easy-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.easy-flex.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.easy-flex.align-center.mobile.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.easy-flex.align-center.mobile.vertical.white {
  color: #fff;
}

.easy-flex.health-task-wrap {
  margin-bottom: 28px;
  padding: 7px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(55, 61, 75, 0.09);
  border-radius: 5px;
}

.easy-flex.health-task-wrap.fail {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left-width: 10px;
  border-left-color: #ef5350;
  background-color: rgba(239, 83, 80, 0.11);
  font-size: 14px;
  font-weight: 700;
}

.easy-flex.health-task-wrap.fail {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left-width: 10px;
  border-left-color: #ef5350;
  background-color: rgba(239, 83, 80, 0.11);
  font-size: 14px;
  font-weight: 700;
}

.l1-qa-snapshot {
  position: relative;
  z-index: 5;
  display: none;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.37);
}

.tab-wrapper-demo {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 450px;
  bottom: 0px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.tab-next {
  position: absolute;
  right: 200px;
  bottom: 8px;
  z-index: 1;
  display: inline-block;
  padding: 10px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #afafaf;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 18px;
  text-shadow: none;
  cursor: pointer;
}

.tab-next:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.tab-next.w--current {
  background-color: #ff5722;
}

.tab-prev {
  position: absolute;
  left: 30px;
  bottom: 8px;
  z-index: 1;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #afafaf;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 18px;
  text-shadow: none;
  cursor: pointer;
}

.tab-prev:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.tab-prev.w--current {
  background-color: #ff5722;
}

.summary-health-task-wrap {
  margin-bottom: 10px;
  font-size: 12px;
  text-align: left;
}

.div-block-162 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
  border-top: 1px solid rgba(55, 61, 75, 0.1);
  border-right: 1px solid rgba(55, 61, 75, 0.15);
}

.create-task-button {
  position: absolute;
  bottom: 10px;
}

.evaluate-selection-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.small-text {
  font-size: 12px;
  line-height: 1.25em;
}

.error-message-all {
  margin-top: 20px;
  padding: 38px;
  border-radius: 5px;
  background-color: #ef5350;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.social-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding-right: 5%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.social-icons {
  height: 20px;
  margin-left: 15px;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.social-icons:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.behind-nav {
  height: 140px;
}

.space-right {
  margin-right: 20px;
}

.space-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-163 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-76 {
  color: #595d75;
  font-weight: 700;
}

.stretch {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.head6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.div-block-162-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 87.5%;
  -webkit-flex: 87.5%;
  -ms-flex: 87.5%;
  flex: 87.5%;
  border-top: 1px solid rgba(55, 61, 75, 0.1);
  border-right: 1px solid rgba(55, 61, 75, 0.15);
}

.center {
  text-align: center;
}

.navwrap {
  position: fixed;
  left: 0px;
  top: 60px;
  right: 0px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  margin-right: 0%;
  margin-left: 0%;
  padding-left: 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #cfcfcf;
  background-color: #fff;
}

.navwrap.blog {
  position: static;
  border-bottom: 1px none rgba(0, 0, 0, 0.13);
  background-color: transparent;
  box-shadow: none;
  font-family: Lato, sans-serif;
}

.navlinks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-right: 0%;
  margin-left: 0%;
  float: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.incentivegridwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 5px;
}

.incentivecolumn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  border-bottom: 5px solid #686c86;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 400;
  text-align: center;
}

.incentivecolumn.yellow {
  border-bottom-color: #ffd54f;
}

.incentivecolumn.yellowgreen {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 5px solid #95d346;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #000;
  font-weight: 400;
}

.incentivecolumn.yellowgreen.ontrack {
  background-color: rgba(149, 211, 70, 0.5);
}

.incentivecolumn.green {
  border-bottom-color: #46d382;
}

.incentivecolumn.red {
  border-bottom-color: #ef5350;
}

.incentivecolumn.redyellow {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 5px solid #ff8a65;
  font-weight: 400;
}

.incentivecolumn.green {
  border-bottom-color: #46d382;
}

.incentivecolumn.green.ontrack {
  background-color: rgba(70, 211, 130, 0.31);
}

.incentivecolumn.yellow {
  border-bottom-color: #ffd54f;
}

.incentivecolumn.yellow.ontrack {
  background-color: rgba(255, 213, 79, 0.38);
}

.incentivecolumn.red {
  border-bottom-color: #ef5350;
  color: #000;
}

.incentivecolumn.red.ontrack {
  background-color: rgba(239, 83, 80, 0.25);
  color: #000;
}

.incentivecolumn.redyellow {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 5px solid #ff8a65;
  font-weight: 400;
}

.incentivecolumn.redyellow.ontrack {
  background-color: rgba(255, 138, 101, 0.4);
}

.incentivedollaramount {
  margin-bottom: 0px;
}

.incentivemetricname {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  border: 1px solid #373d4b;
  border-radius: 5px;
  color: #373d4b;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.incentivemetricname.selected {
  border: 1px solid #373d4b;
  background-color: #373d4b;
  color: #fff;
  font-weight: 700;
}

.mlserieshead {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  line-height: 20px;
}

.div-block-183 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mlskillsetwrap {
  margin-right: 10px;
}

.div-block-184 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.divider {
  margin-top: 30px;
  border-bottom: 1px solid #dadada;
}

.icmibadge {
  position: absolute;
  top: 155px;
  right: 25px;
  width: 75px;
  height: 75px;
  border-radius: 10px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.37);
  opacity: 1;
  text-shadow: none;
}

.amporange {
  color: #ff5722;
}

.libraryheadwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #f8f8f8;
  color: #929292;
}

.librarysearch {
  width: 75%;
  margin-right: 10px;
  margin-bottom: 0px;
  padding-left: 42px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.04);
}

.librarydropdown {
  width: 200px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  border-style: none;
  background-color: rgba(104, 108, 134, 0);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0.04)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
}

.librarymenu {
  position: fixed;
  width: 250px;
  height: 100vh;
  padding: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  background-color: transparent;
}

.librarybody {
  position: absolute;
  left: 250px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
}

.bestpracticemenulink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  padding: 10px 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  color: #000;
  font-size: 14px;
  line-height: 150%;
  font-weight: 700;
  text-transform: capitalize;
}

.bestpracticemenulink:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f8f8f8));
  background-image: linear-gradient(180deg, #f8f8f8, #f8f8f8);
  box-shadow: 0 0 6px 0 rgba(104, 108, 134, 0.22);
}

.demoicon {
  height: 20px;
  margin-right: 10px;
  margin-left: 41px;
  line-height: 100%;
}

.demoicon.searchrelative {
  position: absolute;
  left: 42px;
  margin-right: 5px;
  margin-left: 0px;
  opacity: 0.34;
}

.demoicon.nomargin {
  margin-right: 0px;
}

.demoicon.pointer {
  cursor: pointer;
}

.demoicon.nav {
  position: static;
  margin: 0px 5px 0px 9px;
  padding-top: 4px;
  background-color: transparent;
  box-shadow: none;
}

.flex-horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-horizontal.aligncenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-horizontal.aligncenter.filtersearchbar {
  color: #929292;
  font-size: 12px;
  font-weight: 600;
}

.flex-horizontal.spacebetween {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.filterbutton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2px;
  margin-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.filterradiobutton {
  margin-top: 0px;
  margin-right: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#dedede));
  background-image: linear-gradient(180deg, #dedede, #dedede);
}

.filterfieldlabel {
  font-weight: 700;
}

.filterbuttonwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 38px;
  height: 38px;
  margin-left: 10px;
  padding-top: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 5px solid #272933;
  border-radius: 5px;
  background-color: rgba(55, 61, 75, 0.92);
  color: #f8f8f8;
  cursor: pointer;
}

.librarycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.librarycontainer.skillsetdropdowncontainer {
  position: relative;
  width: 95%;
  margin-top: -10px;
  margin-left: 5px;
  padding: 30px 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f8f8f8;
  box-shadow: 0 0 6px 0 rgba(2, 2, 2, 0.13);
}

.librarycardwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-bottom: 25px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.librarycardwrap.series {
  overflow: hidden;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.librarycardwrap.skillset {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.librarycard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 200px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.16);
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.librarycard.series {
  position: relative;
  z-index: 1;
  overflow: visible;
  height: auto;
  padding-bottom: 0px;
}

.librarycard.skillset {
  height: 100px;
}

.librarycard.bestpractice {
  display: block;
  height: auto;
  min-height: 200px;
  border-radius: 10px;
}

.librarycardfooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.librarycardfooter.bestpractice {
  display: block;
  height: 135px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 14px;
}

.librarycardbody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 20px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #020202;
  line-height: 125%;
  font-weight: 700;
}

.librarycardbody:hover {
  border-radius: 10px;
  background-color: #fafafa;
}

.librarycardbody.bestpractice {
  height: 200px;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
}

.librarycardbody.series {
  padding-bottom: 10px;
}

.librarycardstatusbar {
  overflow: hidden;
  width: 100%;
  height: 15px;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.1);
}

.librarystatusbarwrap {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-192 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.skillsetstextcard {
  margin-left: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 14px;
  text-align: right;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.skillsetstextcard.small {
  color: rgba(39, 41, 51, 0.51);
  font-size: 12px;
  line-height: 115%;
  letter-spacing: 0px;
}

.librarystatusbarcolor {
  width: 20%;
  height: 100%;
}

.librarystatusbarcolor.fortypercent {
  width: 40%;
  background-color: #fc0;
}

.librarystatusbarcolor.twentyfivepercent {
  width: 25%;
  background-color: #ef5350;
}

.librarystatusbarcolor.tenpercent {
  width: 10%;
  background-color: #ef5350;
}

.librarystatusbarcolor.fiftypercent {
  width: 50%;
  background-color: #fc0;
}

.librarystatusbarcolor.eightypercent {
  width: 80%;
  background-color: #46d382;
}

.librarystatusbarcolor.onehundredpercent {
  width: 100%;
  background-color: #46d382;
}

.librarystatusbarcolor.onepercent {
  width: 1%;
  background-color: #ef5350;
}

.collection-item-no-pad {
  padding-right: 0px;
  padding-left: 0px;
}

.bestpracticecardlabel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
  font-size: 14px;
}

.bestpracticefooterrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bestpracticefooterrow.behavior {
  color: #373d4b;
  font-size: 12px;
  text-transform: uppercase;
}

.bestpracticefooterrow.root-cause {
  color: #373d4b;
  font-size: 12px;
  text-transform: uppercase;
}

.bestpracticefooterrow.title {
  overflow: hidden;
  max-height: 40px;
  margin-bottom: 7px;
}

.statusimage {
  height: 20px;
}

.filetypeimage {
  height: 18px;
}

.text-block-77 {
  position: absolute;
  z-index: 5;
}

.div-block-193 {
  position: relative;
  left: -54%;
  top: 69%;
  right: 0px;
  bottom: 0px;
  width: 250%;
  height: 200%;
  -webkit-transform: translate(0px, 0px) skew(0deg, -45deg);
  -ms-transform: translate(0px, 0px) skew(0deg, -45deg);
  transform: translate(0px, 0px) skew(0deg, -45deg);
}

.flex-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-vertical.justifyright {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-weight: 700;
}

.bplistview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gridrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: #000;
  font-size: 14px;
}

.gridrow:hover {
  background-color: #f8f8f8;
}

.gridrow.title {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-weight: 700;
}

.gridrow.title:hover {
  background-color: #fff;
}

.listtypecell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 75px;
  -ms-flex-preferred-size: 75px;
  flex-basis: 75px;
}

.listnamecell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

.listreasoncell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.liststatuscell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 80px;
  -ms-flex: 0 80px;
  flex: 0 80px;
}

.bpstarrating {
  height: 15px;
  margin-right: 5px;
}

.bpreviews {
  margin-top: 3px;
  font-size: 12px;
  line-height: 100%;
}

.bpratingwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 15%;
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
}

.bpgridname {
  overflow: hidden;
  height: 20px;
}

.text-field-5 {
  display: none;
}

.listdatecell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}

.coachsurveynotes {
  padding: 15px;
  border-radius: 5px;
  background-color: rgba(231, 233, 240, 0.45);
  font-size: 14px;
  line-height: 150%;
}

.surveyid {
  position: static;
  top: 30px;
  z-index: 1;
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  float: none;
  color: #90919b;
  font-weight: 700;
}

.contactinput {
  height: 50px;
  margin-bottom: 0px;
  border: 1px solid #cfc8c8;
  border-radius: 5px;
  background-color: #fcfcfc;
  font-size: 16px;
}

.contactinput.gray {
  background-color: #e6e6e6;
  color: #2d2e36;
}

.contactinput.gray.footer {
  height: 35px;
  margin-bottom: 5px;
  font-size: 14px;
}

.contactsuccess {
  width: 100%;
  padding-top: 176px;
  padding-bottom: 176px;
  border-radius: 5px;
  background-color: #1db8b6;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.18);
  color: #fff;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 700;
}

.contactsuccess.newslettersuccess {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  text-align: left;
}

.surveytaskheader {
  display: inline-block;
  margin-bottom: 20px;
  padding: 0px 8px;
  border-bottom: 1px solid #000;
}

.surveyrankingwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border: 1px solid #000;
  border-radius: 3px;
}

.surveyrankingitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  border-right: 1px solid #000;
  font-size: 14px;
  font-weight: 700;
}

.surveyrankingitem.end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px none #000;
}

.surveyrankingitem.fail {
  background-color: #ef5350;
  color: #fff;
}

.surveyrankingitem.fail {
  background-color: #ef5350;
  color: #fff;
}

.surveyrankingheader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-transform: uppercase;
}

.badgewrap {
  margin-top: 10px;
}

.execdashboardheaderwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 19px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.execdashtimeselectwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 20px;
  padding: 7px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: rgba(96, 105, 114, 0.05);
  color: #606972;
  font-size: 12px;
  text-transform: uppercase;
}

.execdashtimeselect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  margin-left: 0px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #606972;
  border-radius: 50px;
  background-color: transparent;
  color: #606972;
  font-size: 12px;
  cursor: pointer;
}

.execdashtimeselect:hover {
  background-color: #606972;
  color: #fff;
}

.execdashtimeselect:focus {
  background-color: #606972;
  color: #fff;
}

.execdashtimeselect.w--current {
  background-color: #606972;
  color: #fff;
}

.execdashboardmetricwrap {
  display: block;
  overflow: visible;
  padding: 0px 20px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.execdashmetrictile {
  overflow: hidden;
  min-width: 215px;
  margin-right: 20px;
  padding: 0px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26);
  -webkit-transition: background-color 300ms ease, color 300ms ease;
  transition: background-color 300ms ease, color 300ms ease;
  cursor: pointer;
}

.execdashmetrictile:hover {
  background-color: #373d4b;
  color: #fff;
}

.execdashmetrictile.w--current {
  background-color: #373d4b;
  color: #fff;
}

.execdashtilehead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: rgba(235, 236, 246, 0.06);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.execdashtilebody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-transform: uppercase;
}

.execdashmetricscore {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 45px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #46d382;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.execdashmetricscore.fail {
  background-color: #ef5350;
}

.execdashmetricscore.pass {
  margin-left: 0px;
  background-color: #46d382;
}

.execdashmetricscorewrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
}

.metricsplit {
  width: 0px;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-left: 1px solid #797b8a;
}

.execdashgraphrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding: 0px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26);
}

.div-block-195 {
  width: 70%;
  margin-right: 0px;
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.execdashmgrsitewrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 450px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
}

.execdashmgrsitetabs {
  padding-right: 5px;
  padding-left: 5px;
  float: none;
  background-color: #fff;
  color: rgba(55, 61, 75, 0.4);
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}

.execdashmgrsitetabs.w--current {
  padding: 9px 10px;
  border-style: none;
  border-bottom-width: 5px;
  border-bottom-color: #373d4b;
  border-radius: 5px;
  background-color: rgba(59, 70, 134, 0.13);
  color: #373d4b;
}

.execdashmgrsiterow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #000;
  font-size: 13px;
}

.execdashmgrsiterow.title {
  position: relative;
  height: 60px;
  font-weight: 700;
}

.execdashmgrsitecell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 25%;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
}

.execdashmgrsitecell.title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 13px;
}

.div-block-196 {
  position: static;
  display: block;
  overflow: visible;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.passcircle {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 10px;
  background-color: #46d382;
}

.passcircle.fail {
  background-color: #ef5350;
}

.failcircle {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 10px;
  background-color: #ef5350;
}

.div-block-197 {
  overflow: auto;
  height: 290px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.tabs-content-6 {
  display: none;
}

.tabs-menu-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tabs-menu-3.chart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.primarytime {
  font-size: 10px;
  text-transform: capitalize;
}

.secondarytime {
  font-size: 10px;
  text-transform: uppercase;
}

.text-block-81 {
  position: static;
  z-index: 1;
  margin-top: 4px;
  color: #606972;
  font-size: 12px;
  text-align: right;
  text-transform: uppercase;
}

.image-41 {
  margin-top: 20px;
}

.tabs-content-7 {
  overflow: visible;
  padding: 2px 4px;
}

.text-block-82 {
  margin-right: 5px;
}

.heading-25 {
  position: absolute;
  z-index: 1;
  margin-top: 0px;
  float: left;
}

.tabs-menu-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding: 4px;
}

.coachingsummarymetricresultbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 45px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.09);
  font-size: 14px;
  font-weight: 400;
}

.coachingsummarymetricpreview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
}

.mgrprofile {
  overflow: hidden;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background-image: url('../images/Sergio-Lopez-_1Sergio Lopez .png');
  background-position: 0px 0px;
  background-size: 35px;
}

.mgrprofile.mgr2 {
  background-image: url('../images/Rodney-Carter_1Rodney Carter.png');
  background-size: 35px;
}

.mgrprofile.mgr3 {
  background-image: url('../images/Theo-Ward_1Theo Ward.png');
  background-size: 35px;
}

.mgrprofile.mgr4 {
  background-image: url('../images/Darren-Wells_1Darren Wells.png');
  background-size: 35px;
}

.mgrprofile.mgr5 {
  background-image: url('../images/Leeann-Li_1Leeann Li.png');
  background-size: 35px;
}

.mgrprofile.mgr6 {
  background-image: url('../images/Theo-Ward_1Theo Ward.png');
  background-size: 35px;
}

.mgrprofile.mq {
  margin-right: 10px;
  margin-left: 10px;
}

.mgrhistoryoverlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: 35px;
  padding: 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.62);
}

.div-block-199 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 0px;
  padding: 10px;
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  font-size: 14px;
}

.form-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.radio-button-field-2 {
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  font-size: 14px;
}

.form-block-4 {
  margin-bottom: 0px;
}

.mgrsummarytotals {
  overflow: auto;
  height: auto;
}

.coachsummarygraphrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding: 0px;
  border-radius: 10px;
  background-color: #fff;
}

.coachsummarygraphrowtile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26);
}

.coachinghistorycoachingsummary {
  padding: 20px 10px 20px 20px;
  border-top: 1px none rgba(0, 0, 0, 0.1);
}

.coachinghistorycoachingsummary.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.coachsummarymgrsitecell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 10%;
  -webkit-flex: 10%;
  -ms-flex: 10%;
  flex: 10%;
  font-weight: 400;
}

.coachsummarymgrsitecell.title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 13px;
  font-weight: 700;
}

.coachsummarymgrsitecell.title.hide {
  display: none;
}

.coachsummarymgrsitecell.hide {
  display: none;
}

.coachsummarymgrsitecell.passed {
  padding-left: 10px;
  border-left: 5px solid #46d382;
}

.coachsummarymgrsitecell.failed {
  padding-left: 10px;
  border-left: 5px solid #ef5350;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.div-block-201 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.gray {
  color: #686c86;
}

.link-9 {
  float: right;
  font-size: 13px;
  font-weight: 700;
}

.coachinghistorycoachingsummary1 {
  padding: 20px 10px 20px 20px;
  border-top: 1px none rgba(0, 0, 0, 0.1);
}

.coachinghistorycoachingsummary2 {
  padding: 20px 10px 20px 20px;
  border-top: 1px none rgba(0, 0, 0, 0.1);
}

.coachinghistorycoachingsummary3 {
  padding: 20px 10px 20px 20px;
  border-top: 1px none rgba(0, 0, 0, 0.1);
}

.coachinghistorycoachingsummary4 {
  padding: 20px 10px 20px 20px;
  border-top: 1px none rgba(0, 0, 0, 0.1);
}

.execdashboardheaderwrap-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 19px 19px 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.execdashboardheaderwrap-copy.magicquadrant {
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tabs-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tabs-menu-5 {
  height: 40px;
}

.tabs-content-8 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-202 {
  height: 110px;
}

.div-block-203 {
  overflow: hidden;
  margin-top: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
}

.div-block-203.magicquadrant {
  margin-right: 5%;
  margin-bottom: 50px;
  margin-left: 5%;
}

.tenuregrid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tenuregrid.footer {
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  font-size: 12px;
}

.tenuregrid.postamplifai {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tenuregrid.postamplifai.flip {
  -webkit-transform: rotate(180deg) rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
  transform: rotate(180deg) rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.tenuregrid.preamplifai {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tenuregrid.preamplifai.flip {
  -webkit-transform: rotate(180deg) rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
  transform: rotate(180deg) rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.div-block-205 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-basis: 6.67%;
  -ms-flex-preferred-size: 6.67%;
  flex-basis: 6.67%;
}

.div-block-206 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  border-style: solid none none;
  border-width: 1px;
  border-color: #ebebeb #000;
}

.tenuredot {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15px;
  height: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border: 2px solid #46d382;
  border-radius: 100%;
  background-color: #46d382;
  -webkit-transition: box-shadow 300ms ease, border 300ms ease;
  transition: box-shadow 300ms ease, border 300ms ease;
}

.tenuredot:hover {
  border: 2px solid #3cbb72;
  box-shadow: 0 0 0 10px rgba(70, 211, 130, 0.37);
}

.tenuredot.red {
  border-color: #ef5350;
  background-color: #ef5350;
}

.tenuredot.red:hover {
  box-shadow: 0 0 0 10px rgba(239, 83, 80, 0.37);
}

.div-block-208 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-209 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px none #ebebeb;
}

.text-block-83 {
  text-transform: capitalize;
}

.div-block-210 {
  width: 500px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transform: rotate(270deg) translate(0px, -14px);
  -ms-transform: rotate(270deg) translate(0px, -14px);
  transform: rotate(270deg) translate(0px, -14px);
  font-size: 14px;
}

.text-block-84 {
  font-size: 14px;
  text-align: center;
}

.tabs-content-9 {
  overflow: visible;
}

.tab-link-demo {
  border-style: none;
  border-top-width: 1px;
  border-top-color: #373d4b;
  border-bottom-width: 1px;
  border-bottom-color: #373d4b;
  background-color: transparent;
  color: #373d4b;
}

.tab-link.w--current {
  border-style: none;
  border-radius: 5px;
  background-color: #373d4b;
  color: #fff;
}

.form-block-5 {
  position: absolute;
  top: 100px;
  right: 0px;
  z-index: 5;
  display: inline-block;
  padding: 16px 45px 14px;
  border-radius: 50px 0px 0px 50px;
  background-color: #46d382;
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  font-style: italic;
}

.demonavbarlink {
  margin-right: 0px;
  padding: 16px 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.22);
  border-bottom: 5px solid transparent;
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  color: #fff;
  font-size: 12px;
  text-transform: capitalize;
}

.demonavbarlink:hover {
  border-bottom-color: #ff5722;
}

.demonavbarlink.w--current {
  border-bottom-color: #ff5722;
  color: #fff;
  font-weight: 700;
}

.div-block-211 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: rgba(55, 61, 75, 0.13);
  -webkit-transition: background-color 250ms ease, color 250ms ease;
  transition: background-color 250ms ease, color 250ms ease;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.div-block-211:hover {
  background-color: #ff5722;
  color: #fff;
}

.div-block-214 {
  width: 40%;
}

.div-block-215 {
  width: 58%;
  margin-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-216 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tooltipwrap {
  position: absolute;
  z-index: 50;
  display: block;
  overflow: hidden;
  width: 500px;
  border-radius: 5px;
  background-color: #373d4b;
  box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.4);
  -webkit-transform: translate(32px, 0px);
  -ms-transform: translate(32px, 0px);
  transform: translate(32px, 0px);
  color: #fff;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  text-transform: none;
}

.tooltipwrap.showleft {
  -webkit-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

.tooltipbody {
  padding: 20px 20px 40px;
}

.tooltipfooter {
  display: none;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.29);
  text-align: center;
}

.toolltiptitle {
  margin-top: 0px;
  margin-bottom: 5px;
}

.tooltip-highlight {
  color: #ff8a65;
  font-weight: 700;
}

.tooltipbutton {
  width: 100%;
  float: right;
  border-radius: 5px;
  background-color: #ff6e40;
  -webkit-transition: background-color 250ms ease, color 250ms ease;
  transition: background-color 250ms ease, color 250ms ease;
  text-align: center;
}

.tooltipbutton:hover {
  background-color: #f8f8f8;
  color: #ff5019;
}

.tooltipbutton.inline {
  display: inline;
  padding: 6px;
  float: none;
  font-size: 12px;
}

.div-block-217 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tooltipholder {
  display: none;
}

.tooltipholder.showleft {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transform: translate(-500px, 0px);
  -ms-transform: translate(-500px, 0px);
  transform: translate(-500px, 0px);
}

.tileheadspace {
  height: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tooltipholder-tutorial.showleft {
  display: block;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transform: translate(-500px, 0px);
  -ms-transform: translate(-500px, 0px);
  transform: translate(-500px, 0px);
}

.tooltipholder-tutorial.start {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000000;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(55, 61, 75, 0.53);
}

.tooltipholder-tutorial.showright {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.tutorial-slide-content {
  overflow: auto;
  padding: 0px;
}

.rich-text-block-2 {
  font-size: 14px;
  line-height: 150%;
}

.rich-text-block-2 strong {
  color: #ff8a65;
}

.tutorial-arrow {
  height: 25px;
}

.tutorial-arrow.second {
  opacity: 0.6;
}

.tutorial-arrow.third {
  opacity: 0.25;
}

.tutorial-arrow.flip {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.green-text {
  color: #46d382;
  font-weight: 700;
}

.red-text {
  color: #ef5350;
  font-weight: 700;
}

.division-wrap {
  padding: 19px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 5px;
  text-align: center;
}

.dividing-line {
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid #fff;
}

.tutorialslidermenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tutorialsliderselection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: hsla(0, 0%, 97.3%, 0.24);
  color: #fff;
}

.tutorialsliderselection.w--current {
  background-color: #f8f8f8;
  color: #272933;
}

.tutorialpointer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.lowtab {
  padding: 4px 18px;
  border-radius: 3px;
  background-color: #ef5350;
  font-size: 12px;
  text-transform: uppercase;
}

.hightab {
  padding: 4px 18px;
  border-radius: 3px;
  background-color: #46d382;
  font-size: 12px;
  text-transform: uppercase;
}

.chevron {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: hsla(0, 0%, 97.3%, 0.2);
  font-size: 25px;
  line-height: 0px;
}

.div-block-218 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.text-block-85 {
  display: inline-block;
}

.div-block-220 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-span-3 {
  padding: 3px 8px;
  border-radius: 50px;
  background-color: hsla(0, 0%, 100%, 0.29);
}

.intradaywrap-expanded {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding: 0px 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.21);
}

.intradaywrap-expanded.expanded {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.intradaylayer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  padding: 0px 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(104, 108, 134, 0.39);
}

.intradaylayer.last {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-bottom-style: none;
}

.intradaylayer.title {
  font-size: 12px;
  text-transform: capitalize;
}

.intradaylayer.body {
  padding-right: 20px;
  padding-left: 20px;
}

.intradaylayer.agent {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.text-block-86 {
  width: 60px;
  padding-right: 7px;
  padding-left: 7px;
  background-color: #fff;
  -webkit-transform: translate(0px, 19px);
  -ms-transform: translate(0px, 19px);
  transform: translate(0px, 19px);
  color: #686c86;
  font-size: 13px;
  font-weight: 700;
}

.intradaycolumn {
  min-width: 25px;
}

.intradaycolumn.metric {
  overflow: hidden;
  width: 150px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: rgba(104, 108, 134, 0.11);
  -webkit-transition: background-color 250ms ease, color 250ms ease;
  transition: background-color 250ms ease, color 250ms ease;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.intradaycolumn.metric:hover {
  background-color: #373d4b;
  color: #fff;
}

.intradaycolumn.space {
  min-width: 15px;
}

.intradaycolumn.end {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.intradaycolumn.agentnames {
  width: 150px;
  font-size: 14px;
  font-weight: 700;
}

.intradaycolumn.metric {
  overflow: hidden;
  width: 150px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: rgba(167, 167, 167, 0.11);
  -webkit-transition: background-color 250ms ease, color 250ms ease;
  transition: background-color 250ms ease, color 250ms ease;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.intradaycolumn.metric:hover {
  background-color: #373d4b;
  color: #fff;
}

.text-block-87 {
  padding: 3px 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #46d382;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.text-block-87.green {
  border-radius: 5px;
  background-color: #46d382;
  color: #fff;
  font-weight: 700;
}

.text-block-87.red {
  border-radius: 5px;
  background-color: #ef5350;
  color: #fff;
  font-weight: 700;
}

.intradaycalendarwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  padding-right: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.intradaytimewrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.intradaycard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.profilebellwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 300px;
}

.div-block-221 {
  overflow: auto;
  margin-left: 0px;
  padding: 20px;
  -webkit-box-flex: 150px;
  -webkit-flex: 150px;
  -ms-flex: 150px;
  flex: 150px;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  font-size: 14px;
}

.profilebellcurve {
  width: 700px;
  height: 300px;
}

.div-block-223 {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 700px;
  height: 300px;
}

.bellcurvesections {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.33333333%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 25px none #000;
}

.bellcurvesections.outer {
  width: 40%;
}

.bellcurvesections.outer._10percent {
  width: 10%;
}

.bellcurvesections.outer._15percent {
  width: 15%;
}

.bellcurvesections.outer._20percent {
  width: 20%;
}

.bellcurvesections.outer._30percent {
  width: 30%;
}

.bellcurvesections.outer._35percent {
  width: 35%;
}

.bellcurvesections.outer._25percent {
  width: 25%;
}

.bellcurvesections.inner._5percent {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-224 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#46d382), to(#4db6ac));
  background-image: linear-gradient(180deg, #46d382, #4db6ac);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.div-block-224.top {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.div-block-224.average {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd54f), to(#ffb565));
  background-image: linear-gradient(180deg, #ffd54f, #ffb565);
}

.div-block-224.low {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ef5350), to(#ff3b82));
  background-image: linear-gradient(180deg, #ef5350, #ff3b82);
}

.tab-link-tab-2 {
  margin-right: 15px;
  padding: 3px 21px;
  border: 1px solid #c8ccd6;
  border-radius: 100px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.tab-link-tab-2.w--current {
  border-color: #373d4b;
  background-color: #373d4b;
  color: #fff;
}

.profilebellcurvedivider {
  height: 100%;
  border-style: none dotted none none;
  border-width: 2px;
  border-color: #000;
}

.tabs-menu-6 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-225 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tabs-7 {
  margin-bottom: 20px;
}

.topperformermenu {
  position: fixed;
  left: 0px;
  top: 110px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 350px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #373d4b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(55, 61, 75, 0.61)), to(rgba(55, 61, 75, 0.61))), url('../images/Layer-2.svg');
  background-image: linear-gradient(180deg, rgba(55, 61, 75, 0.61), rgba(55, 61, 75, 0.61)), url('../images/Layer-2.svg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 1500px;
  color: #fff;
  line-height: 150%;
  text-align: center;
}

.topperfomercolumn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.topperfomercolumn.top {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 0px;
  text-align: center;
}

.topperfomercolumn.avg {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.topperfomercolumn.low {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-top-right-radius: 10px;
  text-align: center;
}

.topperfomercolumn.barwrap {
  height: auto;
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.topperfomercolumn.coachingeffectiveness {
  padding-top: 0px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  font-weight: 700;
}

.topperformercell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 5px 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.09);
}

.topperformercell.metric {
  margin-top: 0px;
  padding-right: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-weight: 700;
}

.topperformercell.metric.title {
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.topperformercell.metric.title.top {
  border-bottom-color: #46d382;
}

.topperformercell.metric.title.average {
  border-bottom-color: #fc0;
}

.topperformercell.top {
  border-bottom-color: #46d382;
}

.topperformercell.average {
  border-bottom-color: #ffd54f;
}

.topperformercell.barwrap {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.topperformertable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  padding: 10px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: 1px none rgba(0, 0, 0, 0.1);
  border-bottom: 1px none rgba(0, 0, 0, 0.1);
}

.topperformertable.head {
  margin-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: none;
  border-top-width: 1px;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.topperformertable.detail {
  border-top-style: solid;
  border-bottom-style: none;
}

.topperformertablewrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 75%;
  -ms-flex: 1 0 75%;
  flex: 1 0 75%;
}

.div-block-227 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.personaresultswrap {
  overflow: auto;
  height: 70vh;
  border-radius: 5px;
}

.image-43 {
  width: 75%;
  border-radius: 100%;
}

.div-block-231 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-232 {
  width: 33.33333333%;
  height: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #686c86;
}

.div-block-232.top {
  background-color: #46d382;
}

.div-block-232.average {
  background-color: #ffd54f;
}

.div-block-232.low {
  background-color: #ef5350;
}

.div-block-233 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.div-block-234 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.33333333%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.smalllabel {
  color: #686c86;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.smalllabel.green {
  color: #46d382;
}

.smalllabel.yellow {
  color: #ffd54f;
}

.smalllabel.red {
  color: #ef5350;
}

.div-block-235 {
  padding: 13px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
}

.image-44 {
  margin-right: 15px;
}

.div-block-236 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.div-block-236.coaching {
  width: 75%;
  margin-top: 10px;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.09);
  border-radius: 5px;
}

.div-block-237 {
  padding: 20px;
  border-radius: 10px;
  background-color: hsla(0, 0%, 97.3%, 0.15);
  color: #fff;
}

.div-block-238 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.demofooter {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
  padding-right: 7.5%;
  padding-left: 7.5%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.personablock {
  margin-bottom: 20px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background-color: #fff;
}

.showdetails {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
}

.hidedetails {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  font-weight: 700;
  cursor: pointer;
}

.detailsicon {
  margin-right: 5px;
}

.evalcalibratecontainer {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000000;
  display: none;
  background-color: #fff;
}

.evalcalibratecontainer.calibration {
  position: fixed;
  left: 350px;
  top: 110px;
  z-index: 1000;
  display: block;
  overflow: auto;
}

.display-1 {
  margin-top: 0px;
  font-size: 55px;
  line-height: 135%;
  font-weight: 400;
}

.underline {
  text-decoration: underline;
}

.quadrantwra {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  margin-left: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-323 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1px;
}

.div-block-324 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 3px solid #000;
  background-image: url('../images/Group-486.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-block-325 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 250px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  border: 1px none #777;
}

.div-block-325.q2 {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block-325.q3 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.div-block-325.q4 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block-326 {
  height: 35px;
  padding: 6px;
  border-style: none solid solid none;
  border-width: 2px;
  border-color: #000;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.div-block-326.q2 {
  border-right-style: none;
  border-left-style: solid;
  background-color: #46d382;
  color: #fff;
}

.div-block-326.q3 {
  border-top-style: solid;
  border-bottom-style: none;
  background-color: #ef5350;
  color: #fff;
}

.div-block-326.q4 {
  border-style: solid none none solid;
}

.div-block-327 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-328 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.magicquadrantfooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.magicquadrantyaxislabel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
}

.magicquadrantxaxislabel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.yaxis {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  text-align: center;
}

.div-block-329 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}

.div-block-330 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #6e6e6e;
  font-size: 14px;
}

.div-block-331 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 25px;
  margin-bottom: 10px;
  padding-top: 5px;
  clear: both;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #6e6e6e;
  font-weight: 700;
}

.quadrantdot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15px;
  height: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 100%;
  background-color: #373d4b;
  -webkit-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
}

.quadrantdot:hover {
  box-shadow: 0 0 0 25px rgba(55, 61, 75, 0.33);
}

.div-block-332 {
  position: absolute;
  display: none;
  margin-left: 30px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
  color: #252525;
  text-align: left;
}

.div-block-333 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
}

.div-block-334 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-top-width: 1px;
  border-top-color: rgba(0, 0, 0, 0.19);
  text-align: left;
}

.text-block-96 {
  margin-left: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.heading-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 60px;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #f3f3f3;
  font-size: 20px;
  line-height: 150%;
}

.link-block-14 {
  width: 15px;
  height: 15px;
}

.div-block-340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-32 {
  margin-bottom: 0px;
}

.heading-33 {
  margin-top: 0px;
  color: #686c86;
}

.div-block-347 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ml-2 {
  margin-left: 10px;
}

.ml-2.rounded-5 {
  border-radius: 5px;
}

.div-block-348 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  width: 100%;
}

.html-embed-4 {
  display: inline;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #373d4b;
  font-weight: 700;
  text-align: left;
}

.div-block-349 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  margin-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mb-0 {
  margin-bottom: 0px;
}

.intradayagentmetrics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding: 0px 10px 29px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.21);
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-flex.justify-content-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.d-flex.justify-content-center.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-flex.justify-content-center.p-8 {
  padding: 40px;
}

.d-flex.justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.d-flex.justify-content-between.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-flex.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-flex.align-items-center.justify-space-between {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #e8e8eb;
}

.d-flex.align-items-center.justify-space-between.p-20.bb-1 {
  border-bottom: 1px solid #e8e8eb;
}

.d-flex.align-items-center.justify-space-between.mt-4 {
  margin-top: 20px;
}

.d-flex.align-items-center.justify-space-between.mt-4.pt-3 {
  padding-top: 15px;
}

.d-flex.align-items-center.justify-space-between.mt-4.pt-3.bt-1 {
  border-top: 1px solid #e8e8eb;
}

.d-flex.align-items-center.h-1-5em {
  height: 1.5em;
}

.d-flex.align-items-center.justify-space-between {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #e8e8eb;
}

.d-flex.align-items-center.justify-space-between.p-20.bb-1 {
  border-bottom: 1px solid #e8e8eb;
}

.d-flex.align-items-center.justify-space-between.mt-4 {
  margin-top: 20px;
}

.d-flex.align-items-center.justify-space-between.mt-4.pt-3 {
  padding-top: 15px;
}

.d-flex.align-items-center.justify-space-between.mt-4.pt-3.bt-1 {
  border-top: 1px solid #e8e8eb;
}

.d-flex.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.d-flex.flex-wrap.justify-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.d-flex.hide {
  display: none;
}

.d-flex.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.d-flex.b-1 {
  border: 1px solid #e8e8eb;
}

.d-flex.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.timer {
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #ebebeb;
}

.agentintradaypopup {
  position: fixed;
  left: 0px;
  top: 110px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.61);
}

.fadeout {
  opacity: 0;
}

.div-block-368 {
  padding: 18px 0px 18px 18px;
  cursor: pointer;
}

.mt-0 {
  margin-top: 0px;
}

.footer-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 23%;
  -ms-flex-preferred-size: 23%;
  flex-basis: 23%;
}

.footer-column.logo {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-newsletter-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}

.mr-2 {
  margin-right: 10px;
}

.mr-2.hide {
  display: none;
}

.mr-3 {
  margin-right: 15px;
}

.mb-1 {
  margin-bottom: 5px;
}

.hide {
  display: none;
}

.p-20 {
  padding: 20px;
}

.p-20.text-left {
  text-align: left;
}

.grid {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: 1fr 2fr 1fr;
  grid-template-columns: 1fr 2fr 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
}

.text-field-6 {
  height: 50px;
  margin-bottom: 0px;
  border-style: solid;
  border-color: #cdcdcd;
  border-right-width: 1px;
  border-radius: 10px;
}

.text-field-6.end {
  border-right-style: none;
  border-radius: 5px 0px 0px 5px;
}

.text-field-6.mr-1 {
  margin-right: 5px;
  border-radius: 5px;
}

.submit-button {
  height: 50px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #373d4b;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 14px;
}

.submit-button:hover {
  background-color: #ff5722;
}

.line {
  margin-top: 30px;
  margin-bottom: 30px;
  border-style: solid none none;
  border-width: 1px;
  border-color: #e0e0e0;
}

.line.mb-0 {
  margin-bottom: 0px;
}

.logo-footer {
  height: 65px;
}

.button60 {
  height: 80px;
  padding: 30px 23px;
  border-radius: 0px;
  background-color: #ff5722;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-weight: 700;
}

.button60:hover {
  background-color: #373d4b;
}

.button60.blog {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
  color: #ff5722;
}

.button60.blog:hover {
  background-color: #373d4b;
  color: #fff;
}

.html-embed-5 {
  width: 10px;
  height: 10px;
}

.div-block-393 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mb-4 {
  margin-bottom: 20px;
}

.splash-ad-container {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  display: block;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.link-10 {
  margin-left: 10px;
  padding: 3px 10px;
  border-radius: 100px;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #46d382;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.link-10:hover {
  background-color: #176f3c;
  color: #fff;
}

.link-10.alternate-1 {
  color: #272933;
  font-size: 14px;
}

.link-10.alternate-1:hover {
  background-color: #373d4b;
  color: #fff;
}

.demologowrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #fff;
  font-size: 14px;
  line-height: 1.5em;
}

.amplifailogotext {
  margin-bottom: -1px;
  margin-left: 3px;
  font-family: Audimat, sans-serif;
  font-weight: 400;
}

.demologo {
  height: 30px;
  margin-right: 10px;
}

.demologo.calabrio {
  height: 15px;
}

.poweredbbytext {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 400;
}

.nav-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.avatar {
  width: 35px;
  height: 35px;
  border-radius: 100px;
}

.mr-4 {
  margin-right: 20px;
}

.bold-text-2 {
  color: #0056ff;
  font-size: 13px;
}

.pill {
  padding: 6px 13px;
  border-radius: 100px;
  background-color: #f8f9ac;
  font-weight: 700;
}

.pill.completed {
  background-color: #caffe1;
}

.pill.bg-light-blue {
  display: inline-block;
  background-color: #c7f0ff;
  color: #373d4b;
}

.pill.bg-light-blue.small {
  padding: 0px 9px;
  background-color: #c7dbff;
  font-size: 10px;
  text-transform: uppercase;
}

.pill.bg-light-blue {
  display: inline-block;
  background-color: #c7f0ff;
  color: #373d4b;
}

.pill.bg-light-blue.small {
  padding: 0px 9px;
  background-color: #c7dbff;
  font-size: 10px;
  text-transform: uppercase;
}

.task-source {
  display: inline;
  color: #0056ff;
  font-weight: 700;
}

.calibrationsummaryoverlay {
  position: fixed;
  top: 110px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  padding: 97px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.calibrationsummaryoverlay.individualcalibration {
  left: 350px;
  width: auto;
}

._w-100p {
  width: 100%;
}

._w-100p.text-centered {
  text-align: center;
}

.h-60 {
  height: 60px;
}

.h-60.d-flex.align-items-center.p-10 {
  padding: 10px;
}

.h-60.d-flex.align-items-center.p-10.bb-1 {
  border-bottom: 1px solid #e8e8eb;
}

.h-60.d-flex.align-items-center.p-10.bb-1._w-60p {
  width: 60%;
}

.calibrationtabbody {
  position: absolute;
  top: 0px;
  bottom: 0px;
  overflow: auto;
  width: 100%;
  padding: 19px;
  font-size: 12px;
}

.calibrationcard {
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.36);
}

.calibrationcard.mt-4 {
  margin-top: 20px;
}

.bg-salmon {
  background-color: #ff6164;
}

.bg-salmon.rounded-5 {
  border-radius: 5px;
}

.bg-salmon.rounded-5.text-14 {
  font-size: 14px;
}

._w-50p {
  width: 50%;
}

._w-50p.pr-2 {
  padding-right: 10px;
}

._w-50p.pl-2 {
  padding-left: 10px;
}

._w-50p.pl-2.bl-1 {
  border-left: 1px solid #e8e8eb;
}

._w-50p.pl-2.bl-1 {
  border-left: 1px solid #e8e8eb;
}

.textinput {
  border: 1px solid #e8e8eb;
  border-radius: 5px;
}

.disabledtextinput {
  width: 100%;
  height: 40px;
  padding: 9px 15px;
  border: 1px solid #e8e8eb;
  border-radius: 5px;
  background-color: #f6f6f6;
  font-size: 14px;
}

.disabledtextinput.mb-2 {
  margin-bottom: 10px;
}

.disabledtextinput.mb-2.h-300 {
  height: 300px;
}

.demodropdownmenulink {
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#272933), to(#373d4b)) !important;
  background-image: linear-gradient(0deg, #272933, #373d4b) !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.5em !important;
  text-decoration:none !important;

}

.demodropdownmenulink:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ff5722), to(#ff8a65)) !important;
  background-image: linear-gradient(0deg, #ff5722, #ff8a65) !important;
  text-decoration:none !important;

}

.demodropdownmenulink.w--current {
  border-bottom: 5px solid #ff5722 !important;
  color: #fff !important;
  text-decoration:none !important;

}

.demodropdownmenu {
  border-bottom-left-radius: 5px !important;
  text-decoration:none !important;

}

.demodropdownmenu.w--open {
  top: 50px !important;
  overflow: hidden !important;
  border-bottom-right-radius: 5px !important;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.39) !important;
  text-decoration:none !important;
}

.calibrationagentselectwrap {
  position: fixed;
  left: 0px;
  top: 109px;
  bottom: 0px;
  width: 350px;
  border-right: 1px solid #e8e8eb;
  background-color: #fff;
}

.calibrationagentselectwrap.p-8 {
  padding: 40px;
}

._w-400px {
  width: 400px;
}

.rounded-5 {
  border-radius: 5px;
}

.rounded-5.bg-white {
  background-color: #fff;
}

.rounded-5.bg-white.dark {
  color: #272933;
}

.rounded-5.bg-white.dark.b-1 {
  border: 1px solid #272933;
}

.rounded-5.bg-orange {
  background-color: #ff5722;
}

._w-800 {
  width: 800px;
}

._w-800.p-8 {
  padding: 40px;
}

.red {
  color: #ef5350;
}

.manualselection {
  display: block;
  height: 40px;
  margin-bottom: 10px;
  padding: 4px 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8e8eb;
  border-radius: 5px;
}

.manualselectioninput {
  position: static;
  display: inline-block;
  margin-right: 5px;
  padding: 4px 10px;
  border: 1px solid #e8e8eb;
  border-radius: 3px;
  font-size: 14px;
}

.manualselectioninput.n1 {
  position: static;
  display: inline-block;
  margin-right: 5px;
}

.manualselectioninput.n2 {
  position: static;
}

.manualselectioninput.n3 {
  position: static;
}

.div-block-404 {
  width: 100%;
  padding: 5px 10px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 14px;
}

.div-block-404:hover {
  background-color: #00b9ff;
  color: #fff;
}

.div-block-404.n1 {
  width: 100%;
}

.manualselectionmenu {
  position: absolute;
  display: none;
  overflow: hidden;
  width: 800px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.19);
}

._w-1000 {
  width: 2px;
}

.div-block-405 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 7px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-405.bl-1 {
  border-left: 1px solid #e8e8eb;
}

.div-block-405.bl-1.br-1 {
  border-right: 1px solid #e8e8eb;
}

.paginationnumber {
  padding: 5px 10px;
}

.paginationnumber.rounded-5.bg-light {
  background-color: #e8e8eb;
}

.navbar-dropdown-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 1px;
  padding: 16px 5px 8px 14px;
  border-right: 1px solid rgba(0, 0, 0, 0.21);
  color: #fff;
  font-size: 12px;
  text-align: right;
}

.navbar-dropdown-copy:hover {
  border-bottom: 5px solid #ff5722;
}

.div-block-406 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding: 11px 19px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.03);
}

.div-block-406.fixed {
  position: fixed;
  left: 0px;
  top: 110px;
  right: 0px;
  border-bottom: 1px solid #e8e8eb;
}

.div-block-407 {
  padding-right: 28px;
  padding-left: 28px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-408 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 100px;
  background-color: rgba(55, 61, 75, 0.19);
}

.div-block-409 {
  width: 25px;
  height: 25px;
  border-radius: 200px;
  background-color: #272933;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(hsla(0, 0%, 100%, 0.28)));
  background-image: linear-gradient(180deg, transparent, hsla(0, 0%, 100%, 0.28));
  cursor: pointer;
}

.div-block-410 {
  padding: 5px 15px;
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: #cdcddc;
  background-color: rgba(39, 41, 51, 0.08);
  font-size: 14px;
  cursor: pointer;
}

.div-block-410:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.09)), to(rgba(0, 0, 0, 0.09)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.09));
}

.div-block-410.end {
  border-right-style: solid;
}

.div-block-410.selected {
  background-color: #272933;
  color: #fff;
}

.div-block-410.selected {
  background-color: #272933;
  color: #fff;
}

.demoprogramtab {
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px none #46d382;
  background-color: transparent;
  color: #46d382;
}

.demoprogramtab.w--current {
  background-color: #46d382;
  color: #fff;
  font-weight: 700;
}

.tabs-menu-9 {
  margin-right: -20px;
  margin-left: -20px;
  border-top: 1px solid #46d382;
  border-bottom: 1px solid #46d382;
}

.demohyperlink {
  color: #ff5722;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.demohyperlink:hover {
  color: #e63700;
  text-decoration: none;
}

.filtersite1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-412 {
  padding: 20px 20px 20px 40px;
  border-right: 1px solid #e8e8eb;
}

.div-block-413 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f7f9;
}

.filterbehavior1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.filtersubbehavior1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.filtert1c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.filtert2c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.extend {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-406-copy {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  margin: -35px -20px 30px;
  padding: 11px 19px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.03);
}

.fake-text {
  width: 100%;
  height: 15px;
  margin-bottom: 15px;
  border-radius: 25px;
  background-color: #e8e8eb;
}

.fake-text.short {
  width: 50%;
}

.mb-5 {
  margin-bottom: 25px;
}

.fixed-left-card {
  position: fixed;
  left: 0px;
  top: 190px;
  bottom: 0px;
  z-index: 10;
  overflow: scroll;
  width: 340px;
  padding: 20px;
  border-right: 1px solid #e8e8eb;
  background-color: #fff;
}

.fixed-right-card {
  position: absolute;
  left: 340px;
  top: 190px;
  right: 0px;
  bottom: 0px;
  padding: 20px 50px 50px;
  border-left: 1px none #e8e8eb;
  background-color: #fff;
}

.select-field-3 {
  height: 50px;
  border: 1px solid #dbdbdb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8eb), to(#e8e8eb));
  background-image: linear-gradient(180deg, #e8e8eb, #e8e8eb);
}

.range-label {
  display: inline-block;
  width: 200px;
  padding: 3px 15px 3px 6px;
  font-weight: 700;
}

.div-block-415 {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: 30px;
  padding: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
}

.text-block-106 {
  position: relative;
  z-index: 5;
  padding: 0px 10px;
  border-radius: 100px;
  background-color: rgba(67, 67, 67, 0.5);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.text-block-106.ml-1 {
  margin-left: 5px;
}

.text-block-106.mr-1 {
  margin-right: 5px;
}

.div-block-416 {
  position: static;
  width: 100%;
  height: 30px;
  border-radius: 0px;
  background-color: #46d382;
}

.div-block-416._w-96p {
  width: 96%;
}

.div-block-416.red {
  background-color: #ef5350;
}

.div-block-416.red._w-45p {
  width: 45%;
}

.div-block-416.red._w-50p {
  width: 50%;
}

.div-block-416.red._w-53p {
  width: 53%;
}

.div-block-416.red._w-65p {
  width: 65%;
}

.div-block-416.red._w-55p {
  width: 55%;
}

.div-block-416.red._w-70p {
  width: 70%;
}

.div-block-416.red._w-2p {
  width: 2%;
}

.div-block-416.red._w-20p {
  width: 20%;
}

.div-block-416._w-81p {
  width: 81%;
}

.div-block-416._w-85 {
  width: 85%;
}

.div-block-416._w-87 {
  width: 87%;
}

.div-block-416._w-89 {
  width: 89%;
}

.div-block-416._w-95 {
  width: 95%;
}

.div-block-416._w-97p {
  width: 97%;
}

.div-block-417 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 250px;
  height: 30px;
  border-radius: 100px;
  background-color: #e8e8eb;
}

.div-block-418 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 95%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.div-block-423 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-right: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e8e8eb;
}

.darklink {
  color: #373d4b;
  text-decoration: underline;
}

.darklink:hover {
  color: #040405;
  text-decoration: none;
}

._w-200 {
  width: 200px;
}

._w-200.noshrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

._w-200.noshrink.ml-3 {
  margin-left: 15px;
}

._w-200.noshrink.ml-3.mr-1 {
  margin-right: 5px;
}

.light-gray {
  width: 20px;
  color: #adadb9;
  font-size: 12px;
}

._w-250 {
  width: 250px;
}

.label {
  font-size: 13px;
  line-height: 1.25em;
  font-weight: 700;
}

.label.yellowpie {
  position: relative;
  left: 36px;
  top: -38px;
  right: -60px;
  padding: 3px 7px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #5c6bc0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.75)), to(hsla(0, 0%, 100%, 0.75)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.75), hsla(0, 0%, 100%, 0.75));
}

.label.greenpie {
  padding: 3px 7px;
  border-radius: 5px;
  background-color: #7e57c2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.75)), to(hsla(0, 0%, 100%, 0.75)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.75), hsla(0, 0%, 100%, 0.75));
}

.label.redpie {
  padding: 3px 7px;
  border-radius: 5px;
  background-color: #42a5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.75)), to(hsla(0, 0%, 100%, 0.75)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.75), hsla(0, 0%, 100%, 0.75));
}

.horz-col-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  background-color: #e8e8eb;
  text-transform: uppercase;
}

.tag {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 4px 10px;
  border: 1px solid #e8e8eb;
  border-radius: 3px;
  background-color: #f6f6f6;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.tag._90---95p {
  display: inline-block;
  width: auto;
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.03);
}

.mb-2 {
  margin-bottom: 10px;
}

.caret {
  margin-left: 2px;
  color: #aaa;
  font-size: 10px;
  cursor: pointer;
}

.caret.selected {
  color: #272933;
}

.div-block-424 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.div-block-425 {
  width: 100px;
  height: 100px;
  background-color: #d7d7d7;
}

.div-block-425.topleft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #fff;
  border-top-left-radius: 100px;
  background-color: #7e57c2;
}

.div-block-425.topright {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 100px;
  background-color: #42a5f5;
}

.div-block-425.bottomleft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: 100px;
  background-color: #42a5f5;
}

.div-block-425.bottomright {
  overflow: hidden;
  border-left: 2px solid #fff;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 0px;
  background-color: #5c6bc0;
}

.div-block-426 {
  width: 150px;
  height: 150px;
  border-top: 2px solid #fff;
  background-color: #42a5f5;
  -webkit-transform: rotate(-45deg) translate(-23px, 0px) translate(0px, 38px);
  -ms-transform: rotate(-45deg) translate(-23px, 0px) translate(0px, 38px);
  transform: rotate(-45deg) translate(-23px, 0px) translate(0px, 38px);
  cursor: pointer;
}

._90---95p {
  display: block;
  width: 490px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 10px;
  background-color: #ededed;
}

.faketabswrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0px;
}

.faketab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-right: 4px;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 2px none #373d4b;
  border-radius: 3px;
  background-color: rgba(55, 61, 75, 0.16);
  color: #373d4b;
  font-size: 14px;
  cursor: pointer;
}

.faketab:hover {
  background-color: #373d4b;
  color: #fff;
}

.faketab.selected {
  background-color: #373d4b;
  color: #fff;
  font-weight: 700;
}

.goaltext {
  margin-left: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: rgba(58, 58, 58, 0.75);
  font-size: 13px;
  line-height: 1em;
}

.div-block-429 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.addactionwrap {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.48);
}

.div-block-435 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #00b9ff;
  border-radius: 100px;
  font-family: Quicksand, sans-serif;
  font-size: 25px;
  cursor: pointer;
}

.div-block-435:hover {
  background-color: #00b9ff;
  color: #fff;
}

.icontooltip {
  position: absolute;
  min-width: 110px;
  padding: 3px 7px;
  border-radius: 3px;
  background-color: rgba(39, 41, 51, 0.92);
  -webkit-transform: translate(0px, 30px);
  -ms-transform: translate(0px, 30px);
  transform: translate(0px, 30px);
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.div-block-436 {
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-437 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 15px;
  margin-right: 4px;
  margin-left: 4px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: rgba(55, 61, 75, 0.57);
}

.div-block-438 {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  background-color: #373d4b;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.32);
}

.div-block-439 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 3px;
  margin-left: 3px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}

.text-block-110 {
  color: rgba(37, 37, 37, 0.42);
}

.div-block-440 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.small-label {
  margin-bottom: 2px;
  color: #656d7e;
  font-size: 10px;
  line-height: 1.1em;
  text-transform: uppercase;
}

.bold-text-3 {
  color: #00b9ff;
  font-size: 14px;
}

.div-block-442 {
  display: inline;
  margin-right: 15px;
}

.div-block-442.mr-0 {
  margin-right: 0px;
}

.div-block-442.xy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
}

.div-block-443 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer;
}

.div-block-444 {
  margin-right: 20px;
  margin-left: 20px;
}

.div-block-445 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.pm-card {
  position: absolute;
  z-index: 1000;
  display: block;
  width: 200px;
  padding: 15px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate(200px, 0px);
}

.cardbutton {
  width: 100%;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 5px;
  background-color: #00b9ff;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
}

.cardbutton.bg-light {
  background-color: #e8e8eb;
  color: #000;
  font-weight: 700;
}

.cardbutton.bg-light {
  background-color: #e8e8eb;
  color: #000;
  font-weight: 700;
}

.div-block-446 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer;
}

.bold-text-4 {
  color: #00b9ff;
  font-size: 13px;
}

.splash-ad-background {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.16)), to(hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(#46d382), to(#46d382));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.16), hsla(0, 0%, 100%, 0)), linear-gradient(180deg, #46d382, #46d382);
  color: #fff;
}

.splash-ad-background.alternate-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#ff8a65));
  background-image: linear-gradient(180deg, #ff8a65, #ff8a65);
  font-size: 16px;
}

.splash-slider {
  height: 60px;
}

.inline-small-label {
  color: #686c86;
  font-size: 12px;
}

.ml-3 {
  margin-left: 15px;
}

.mt-4 {
  margin-top: 20px;
}

.light-orange-bg {
  border-radius: 3px;
  background-color: #fff5f2;
}

.pink {
  color: #fa83a8;
}

.purple {
  color: #a85dff;
}

.card-amp {
  padding: 40px;
  background-color: #e8e8eb;
}

.card-amp.bg-white {
  background-color: #fff;
}

.card-amp.bg-white.md-w-100p.xs-p-0.orange-bg-shadow {
  box-shadow: 17px 17px 0 0 #f89378;
}

.mr-10 {
  margin-right: 50px;
}

.mb-10 {
  margin-bottom: 50px;
}

.mb-10.centered-text {
  text-align: center;
}

.heading-shadow {
  text-shadow: 1px 1px 0 #f89378;
}

.heading-shadow.display-1 {
  font-weight: 900;
  text-shadow: 3px 3px 0 #f89378;
}

.tertiatry-text {
  color: #abb0ce;
}

.text-large {
  font-size: 22px;
}

.cell-a {
  width: 150px;
}

.cell-a.justify-right {
  text-align: right;
}

.pricing-table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e8e8eb;
  font-size: 18px;
  font-weight: 700;
}

.pricing-table-row.ptb-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-table-row.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.pricing-table-row.justify-content-end.mt-5 {
  margin-top: 25px;
}

.pricing-table-row.justify-content-end.mt-5.b-0 {
  border-style: none;
  border-top-width: 1px;
  border-top-color: #000;
  border-right-width: 1px;
  border-right-color: #000;
}

._w-600 {
  width: 600px;
}

._1-75em {
  line-height: 1.75em;
}

._1-75em.p-4 {
  padding: 20px;
}

._1-75em.p-4.bg-light {
  background-color: #e8e8eb;
}

._1-75em.p-4.bg-light.opacity50 {
  background-color: rgba(232, 232, 235, 0.5);
}

._1-75em.p-4.bg-light.opacity50.b-1 {
  border: 1px solid #000;
}

._1-75em.p-4.bg-light.opacity50.b-1.b-light {
  border-color: #e8e8eb;
}

.bg-white {
  background-color: #fff;
}

.bg-light-blue {
  background-color: #edf7fc;
}

.mt-5 {
  display: block;
  margin-top: 25px;
}

.dark {
  color: #29292e;
}

.coaching-select-input {
  width: 100%;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.coaching-select-input:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.coaching-select-dropdown-menu {
  position: absolute;
  top: 75px;
  z-index: 1;
  display: block;
  width: 100%;
  margin-left: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.16);
}

.coaching-select-dropdown-menu.w--open {
  padding-top: 20px;
  padding-bottom: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #d1d1d1;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.15);
}

.coach-dropdown-select-item {
  padding: 10px;
  font-size: 16px;
  text-transform: capitalize;
  cursor: pointer;
}

.coach-dropdown-select-item:hover {
  background-color: #f1f1f1;
  color: #0056ff;
}

.required-asterisk {
  color: #ff1744;
}

.coaching-select-group {
  position: relative;
  margin-bottom: 50px;
}

.select-tag {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  padding: 11px 20px;
  border: 0px solid #000;
  border-radius: 3px;
  background-color: #ddd;
  text-transform: capitalize;
}

.text-block-118 {
  display: inline;
}

.icon-7 {
  position: static;
  margin-right: 0px;
  margin-left: 0px;
  float: right;
}

.text-block-119 {
  display: inline-block;
}

.tag-x-icon {
  width: 14px;
  height: 14px;
  margin-left: 15px;
  opacity: 0.21;
  cursor: pointer;
}

.agent-status-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 3px none #ffd54f;
  border-radius: 50%;
}

.div-block-480 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 36px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-481 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 135px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}

.m-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.div-block-482 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 3px;
  border-color: #41424b;
  border-radius: 50px;
  cursor: pointer;
}

.start-recording {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: #ff2d29;
}

.stop-recording {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #ff2d29;
}

.recording-svg {
  width: 35px;
  margin-right: 10px;
  margin-left: 10px;
}

.div-block-483 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
  margin-left: 15px;
  padding: 5px 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
}

.div-block-485 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.image-77 {
  height: 35px;
  cursor: pointer;
}

.div-block-486 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.coaching-form-tab-item {
  margin-right: 5px;
  padding: 10px 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 3px solid #e0e0e0;
  border-radius: 3px;
  background-color: #f1f1f1;
  font-size: 16px;
  font-weight: 700;
}

.coaching-form-tab-item.w--current {
  border-bottom-color: #ff5722;
  background-color: #ffefe9;
  color: #ff5722;
}

.coaching-tab-pane {
  overflow: scroll;
  height: 100%;
  padding-bottom: 30px;
}

.coaching-tab-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 22px;
  border-radius: 5px;
}

.tabs-8 {
  position: absolute;
  left: 30px;
  top: 135px;
  right: 30px;
  bottom: 60px;
}

.div-block-489 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 60px;
  border-style: solid none none;
  border-width: 1px;
  border-color: #c5c5c5 #000 #000;
}

.coaching-tabs-content {
  position: absolute;
  left: 0px;
  top: 80px;
  right: 0px;
  bottom: 0px;
}

.coaching-input-group {
  margin-bottom: 25px;
}

.coaching-input-group.half-group {
  padding-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 50%;
  -ms-flex: 0 50%;
  flex: 0 50%;
}

.field-label-7 {
  display: inline-block;
  overflow: hidden;
  color: #252525;
  font-size: 16px;
  text-transform: capitalize;
}

.text-field-7 {
  height: 45px;
  padding-right: 10px;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  border-radius: 5px;
  background-color: #fff;
  font-size: 16px;
}

.text-field-7:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.text-field-7:active {
  color: #252525;
}

.text-field-7::-webkit-input-placeholder {
  color: #929292;
}

.text-field-7:-ms-input-placeholder {
  color: #929292;
}

.text-field-7::-ms-input-placeholder {
  color: #929292;
}

.text-field-7::placeholder {
  color: #929292;
}

.text-field-7.iconspace {
  height: 50px;
  padding-left: 45px;
}

.input-multi-group-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.form-block-6 {
  margin-bottom: 50px;
}

.div-block-491 {
  position: relative;
  width: 240px;
}

.div-block-491.wide {
  width: 100%;
}

.image-78 {
  position: absolute;
  left: 12px;
  top: 13px;
}

.coaching-input-textarea {
  min-height: 3em;
  padding: 20px;
  border: 1px solid #999;
  border-radius: 5px;
  font-size: 16px;
}

.coaching-input-textarea:hover {
  border-color: #0056ff;
}

.mt-10 {
  margin-top: 50px;
}

.large-paragraph {
  font-size: 20px;
}

.coaching-desktop-wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: scroll;
  width: 450px;
  padding: 21px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #e0e0e0;
  background-color: #fff;
}

.new-performance-bar-section {
  width: 80px;
  height: 15px;
}

.new-performance-bar-section.below {
  background-color: #ef5350;
}

.new-performance-bar-section.meet {
  background-color: #ffd54f;
}

.new-performance-bar-section.above {
  background-color: #46d382;
}

.new-performance-bar-section.below {
  background-color: #ef5350;
}

.new-performance-bar-section.above {
  background-color: #46d382;
}

.new-performance-bar-section.meet {
  background-color: #ffd54f;
}

.new-performance-bar-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
}

.goal-icon {
  position: absolute;
  left: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-492 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-top: 3px;
  margin-bottom: 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block-492.bottom {
  height: 30px;
  margin-top: 0px;
}

.text-block-121 {
  display: inline-block;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.tab-prev-copy {
  z-index: 1;
  display: inline-block;
  margin-right: 15px;
  padding: 10px 30px;
  border: 1px solid #afafaf;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 18px;
  text-shadow: none;
  cursor: pointer;
}

.tab-prev-copy:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.tab-prev-copy.w--current {
  background-color: #ff5722;
}

.heading-45-copy {
  display: inline-block;
  font-size: 28px;
  font-weight: 400;
}

.div-block-493 {
  width: 100%;
  background-color: #a41a30;
}

.div-block-493.gray {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 50px;
  padding: 14px;
  background-color: #f8f8f8;
  font-size: 12px;
  text-align: center;
}

.outline-button {
  width: 100px;
  border-radius: 5px;
  font-weight: 700;
}

.div-block-495 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-12 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.goal-icon-copy {
  position: absolute;
  left: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-123 {
  padding: 3px 7px;
  border-radius: 5px;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65));
  font-size: 14px;
}

.text-block-123.green {
  background-color: #cdffe2;
}

.text-block-123.low {
  background-color: #ef5350;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.76)), to(hsla(0, 0%, 100%, 0.76)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.76), hsla(0, 0%, 100%, 0.76));
}

.goal-icon-copy-copy {
  position: absolute;
  left: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-497 {
  position: relative;
}

.draft-button {
  position: absolute;
  right: 30px;
  bottom: 8px;
  z-index: 1;
  display: inline-block;
  padding: 10px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #afafaf;
  border-radius: 5px;
  background-color: #e7e7e7;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 18px;
  text-shadow: none;
  cursor: pointer;
}

.draft-button:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.draft-button.w--current {
  background-color: #ff5722;
}

.task-cell-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.singleline-copy {
  display: block;
  overflow: hidden;
  height: 1.5em;
  color: #0056ff;
  font-size: 14px;
}

.div-block-498 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}

.div-block-499 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.text-block-124 {
  color: #969696;
  font-size: 12px;
  font-weight: 700;
}

.text-block-125 {
  font-size: 14px;
}

.div-block-500 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.collection-list-wrapper-2-copy {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rating-article-wrap-copy {
  width: 150px;
  color: #323441;
  font-size: 15px;
  line-height: 1.25em;
}

.rating-article-wrap-copy:hover {
  color: #5c6bc0;
  text-decoration: underline;
}

.best-pratice-item-copy {
  width: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  line-height: 20px;
  text-transform: capitalize;
}

.collection-item-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 140px;
  margin-right: 15px;
  margin-bottom: 30px;
  margin-left: 15px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rating-wrap-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.rating-wrap-copy:hover {
  color: #5c6bc0;
}

.heading-48 {
  margin-bottom: 35px;
}

.div-block-501 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 120px;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/best-practice-bg_2.svg');
  background-position: 100% 100%;
  background-size: 50%;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #fff;
  font-size: 14px;
}

.div-block-501:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/best-practice-bg_2.svg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/best-practice-bg_2.svg');
  background-position: 0px 0px, 100% 100%;
  background-size: auto, 50%;
  background-repeat: repeat, no-repeat;
}

.text-block-127 {
  padding: 2px 7px;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.25);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-block-128 {
  overflow: hidden;
  height: 4em;
  font-size: 16px;
  line-height: 1em;
  font-weight: 700;
}

.collection-list-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.text-block-129 {
  margin-bottom: 10px;
  text-align: right;
}

.div-block-502 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 32px;
}

.image-79 {
  width: 300px;
  margin-bottom: 40px;
}

.text-block-130 {
  margin-bottom: 6px;
  padding-bottom: 0px;
  line-height: 1.25em;
  font-weight: 700;
}

.text-block-131 {
  display: inline;
  font-size: 13px;
}

.text-block-132 {
  display: inline;
  margin-right: 2px;
  margin-left: 2px;
}

.timeline-component {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0px 20px 40px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-left: 2px solid #000;
}

.timeline-component.start {
  padding: 0px;
}

.timeline-component-body {
  width: 100%;
  padding: 10px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.11);
}

.div-block-503 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-block-133 {
  color: #7c7c7c;
  font-size: 12px;
  font-weight: 700;
}

.text-block-134 {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 700;
}

.div-block-504 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-bottom: 2px solid #46d382;
  font-size: 20px;
  font-weight: 700;
}

.div-block-504.fail {
  border-bottom-color: #ef5350;
}

.text-span-6 {
  font-size: 14px;
}

.div-block-508 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-509 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.icon-20 {
  width: 20px;
  height: 20px;
}

.div-block-510 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.div-block-511 {
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.div-block-512 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.tab-pane-tab-1 {
  padding: 20px;
}

.div-block-513 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.metric-expansion-component {
  position: relative;
  left: 0px;
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  background-color: rgba(129, 115, 115, 0);
}

.line-graph-row-copy {
  display: block;
  width: 500px;
  height: 100px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url('../images/no-color-trend-line.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.image-80 {
  height: 10px;
}

.div-block-516 {
  width: 100%;
}

.logo {
  height: 40px;
}

.div-block-517 {
  margin-top: 75px;
}

.form-7 {
  margin-top: 50px;
}

.coaching-frame {
  position: absolute;
  left: 98px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
}

.div-block-518 {
  width: 50%;
}

.task-row-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  color: #383838;
}

.task-row-column.old-title-style {
  background-color: #f9f9f9;
  color: #5f5f5f;
  text-transform: uppercase;
}

.profile-rounded {
  width: 45px;
  height: 45px;
  margin-right: 10px;
  border-radius: 50%;
}

.profile-rounded.small {
  width: 35px;
  height: 35px;
}

.task-window {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 50%;
  background-color: #fff;
}

.taskmanager-body-header-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8eb;
}

.task-message-wrap {
  overflow: visible;
  margin-bottom: 18px;
  padding: 14px;
  border-radius: 3px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.64)), to(hsla(0, 0%, 100%, 0.64)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.64), hsla(0, 0%, 100%, 0.64));
}

.bg-salmon-2 {
  background-color: #ff6164;
}

.bg-salmon-2.rounded-5 {
  border-radius: 5px;
}

.bg-salmon-2.rounded-5.text-14 {
  font-size: 14px;
}

.task-row-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  padding: 0px;
  border-bottom: 1px solid #e8e8eb;
  border-left: 5px solid #e7e7e7;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 12px;
}

.task-row-2.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-left-color: #272933;
  background-color: #f1f5ff;
  color: #373d4b;
  font-size: 14px;
}

.task-row-2.small {
  border-bottom-style: solid;
  border-left-style: none;
  background-color: transparent;
  text-align: left;
}

.task-source-2 {
  display: inline;
  color: #0056ff;
  font-size: 13px;
  font-weight: 700;
}

.disabledtextinput-2 {
  width: 100%;
  height: 40px;
  padding: 9px 15px;
  border: 1px solid #e8e8eb;
  border-radius: 5px;
  background-color: #f6f6f6;
  font-size: 14px;
}

.disabledtextinput-2.mb-2 {
  margin-bottom: 10px;
}

.disabledtextinput-2.mb-2.h-300 {
  height: 300px;
}

.bold-text-6 {
  color: #0056ff;
  font-size: 13px;
}

.h-100p {
  height: 100%;
}

.demo-role-section {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 50px;
}

.div-block-519 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.micro-learning-thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 150px;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 5px;
  background-color: #5c6bc0;
  background-image: url('../images/best-practice-bg_2.svg');
  background-position: 100% 100%;
  background-size: 100px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.micro-learning-thumbnail:hover {
  box-shadow: 0 0 22px 0 rgba(50, 52, 65, 0.3);
}

.text-block-137 {
  padding: 5px 9px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.27);
  font-size: 12px;
}

.coach-timeline-date {
  font-size: 14px;
  font-weight: 700;
}

.coach-timeline-month {
  font-size: 12px;
  line-height: 1em;
}

.div-block-520 {
  position: absolute;
  left: -20px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #46d382;
  background-color: #46d382;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.77)), to(hsla(0, 0%, 100%, 0.77)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.77), hsla(0, 0%, 100%, 0.77));
}

.div-block-520.fail {
  border-color: #ef5350;
  background-color: #ef5350;
}

.timeline-start {
  width: 14px;
  height: 14px;
  margin-left: -8px;
  border: 2px solid #000;
  border-radius: 20px;
  background-color: #000;
}

.timeline-end {
  width: 14px;
  height: 14px;
  margin-left: -8px;
  border: 2px solid #000;
  border-radius: 20px;
  background-color: #fff;
}

.tabs-9 {
  display: block;
}

.tabs-9.hide {
  display: none;
}

.demo-button {
  position: absolute;
  right: 200px;
  bottom: 8px;
  z-index: 1;
  display: inline-block;
  padding: 10px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #afafaf;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 18px;
  text-shadow: none;
  cursor: pointer;
}

.demo-button:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.demo-button.w--current {
  background-color: #ff5722;
}

.demo-button.with-icon {
  display: none;
}

.avg-icon-wrap {
  position: absolute;
  left: 65%;
  height: 30px;
}

.avg-icon-wrap.green {
  left: 53%;
}

.avg-icon {
  width: 30px;
}

.text-block-138 {
  position: absolute;
  padding-right: 4px;
  padding-left: 4px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  background-color: #fff;
  font-size: 12px;
}

.timeline-end-copy {
  width: 14px;
  height: 14px;
  border: 2px solid #000;
  border-radius: 20px;
  background-color: #fff;
}

.timeline-start-copy {
  width: 14px;
  height: 14px;
  border: 2px solid #000;
  border-radius: 20px;
  background-color: #000;
}

.html-embed-6 {
  display: inline;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #373d4b;
  font-weight: 700;
  text-align: left;
}

.text-block-139 {
  padding: 3px 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #46d382;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
}

.text-block-139.green {
  border-radius: 5px;
  background-color: #46d382;
  color: #fff;
  font-weight: 700;
}

.div-block-521 {
  width: 25px;
  height: 25px;
  border-radius: 200px;
  background-color: #272933;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(hsla(0, 0%, 100%, 0.28)));
  background-image: linear-gradient(180deg, transparent, hsla(0, 0%, 100%, 0.28));
  cursor: pointer;
}

.profile-bar-2 {
  width: 100%;
  height: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #46d382;
  box-shadow: inset 0 0 6px -4px rgba(0, 0, 0, 0.34);
}

.profile-bar-2._360-survey-expand-rn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  background-color: #fff;
}

.profile-bar-2._360-survey-expand-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  background-color: #fff;
}

.employee-img-2 {
  width: 70px;
  height: 70px;
  border: 3px solid #ffd54f;
  border-radius: 50%;
}

.employee-img-2.mgr-dash {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-style: none;
}

.dollar-icon-2 {
  margin-top: 1px;
  margin-right: 8px;
  color: #46d382;
  font-weight: 700;
}

.dropdown-link-5 {
  position: relative;
  width: 100%;
  padding: 14px 23px;
  float: none;
}

.dropdown-link-5:hover {
  background-color: #323441;
  color: #fff;
}

.dropdown-link-5.w--current {
  color: #ff5722;
  font-weight: 700;
}

.demodropdownmenulink-2 {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#272933), to(#373d4b));
  background-image: linear-gradient(0deg, #272933, #373d4b);
  color: #fff;
  font-size: 12px;
  line-height: 1.5em;
}

.demodropdownmenulink-2:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ff5722), to(#ff8a65));
  background-image: linear-gradient(0deg, #ff5722, #ff8a65);
}

.demodropdownmenulink-2.w--current {
  border-bottom: 5px solid #ff5722;
  color: #fff;
}

.demo-nav-2 {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 1005;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #272933;
  color: #fff;
}

.draft-button-2 {
  position: absolute;
  right: 30px;
  bottom: 8px;
  z-index: 1;
  display: inline-block;
  padding: 10px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #afafaf;
  border-radius: 5px;
  background-color: #e7e7e7;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 18px;
  text-shadow: none;
  cursor: pointer;
}

.draft-button-2:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.draft-button-2.w--current {
  background-color: #ff5722;
}

.demo-button-2 {
  position: absolute;
  right: 200px;
  bottom: 8px;
  z-index: 1;
  display: inline-block;
  padding: 10px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #afafaf;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 18px;
  text-shadow: none;
  cursor: pointer;
}

.demo-button-2:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.demo-button-2.w--current {
  background-color: #ff5722;
}

.demo-button-2.with-icon {
  display: none;
}

.text-field-8 {
  height: 45px;
  padding-right: 10px;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  border-radius: 5px;
  background-color: #fff;
  font-size: 16px;
}

.text-field-8:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.text-field-8:active {
  color: #252525;
}

.text-field-8::-webkit-input-placeholder {
  color: #929292;
}

.text-field-8:-ms-input-placeholder {
  color: #929292;
}

.text-field-8::-ms-input-placeholder {
  color: #929292;
}

.text-field-8::placeholder {
  color: #929292;
}

.text-field-8.iconspace {
  height: 50px;
  padding-left: 45px;
}

.text-field-8.iconspace.inactive {
  background-color: #e0e0e0;
}

.coaching-form-tab-item-2 {
  margin-right: 5px;
  padding: 10px 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 3px solid #e0e0e0;
  border-radius: 3px;
  background-color: #f1f1f1;
  font-size: 16px;
  font-weight: 700;
}

.coaching-form-tab-item-2.w--current {
  border-bottom-color: #ff5722;
  background-color: #ffefe9;
  color: #ff5722;
}

.coach-dropdown-select-item-2 {
  padding: 10px;
  font-size: 16px;
  text-transform: capitalize;
  cursor: pointer;
}

.coach-dropdown-select-item-2:hover {
  background-color: #f1f1f1;
  color: #0056ff;
}

.agent-status-icon-2 {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 3px none #ffd54f;
  border-radius: 50%;
}

.required-asterisk-2 {
  color: #ff1744;
}

.tab-prev-copy-2 {
  z-index: 1;
  display: inline-block;
  margin-right: 15px;
  padding: 10px 30px;
  border: 1px solid #afafaf;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 18px;
  text-shadow: none;
  cursor: pointer;
}

.tab-prev-copy-2:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.tab-prev-copy-2.w--current {
  background-color: #ff5722;
}

.tab-prev-copy-2.m-0 {
  margin-right: 0px;
}

.coaching-select-input-2 {
  width: 100%;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.coaching-select-input-2:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.coaching-input-textarea-2 {
  min-height: 3em;
  padding: 20px;
  border: 1px solid #999;
  border-radius: 5px;
  font-size: 16px;
}

.coaching-input-textarea-2:hover {
  border-color: #0056ff;
}

.text-block-140 {
  font-size: 12px;
  line-height: 1.5em;
  text-align: center;
}

.metric-trend-wrap {
  width: 200px;
  margin-right: 25px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: none;
  border-color: #000;
}

.div-block-524 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding: 15px;
}

.div-block-525 {
  position: relative;
}

.div-block-526 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.yellow-performance {
  position: absolute;
  left: 103px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.green-performance {
  position: absolute;
  left: 175px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.red-performance {
  position: absolute;
  left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.variable-date {
  height: 20px;
}

.div-block-527 {
  width: 100%;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #cfcfcf;
  border-radius: 5px;
}

.text-block-141 {
  margin-bottom: 2px;
  color: #777;
  font-size: 12px;
  font-weight: 700;
}

.div-block-528 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-82 {
  height: 15px;
  margin-right: 3px;
}

.text-block-142 {
  font-size: 14px;
}

.div-block-529 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

.div-block-530 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.div-block-531 {
  text-align: center;
}

.divide-line {
  margin-right: 9px;
  margin-left: 9px;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece;
}

.div-block-532 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-style: none;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 5px;
}

.div-block-533 {
  text-align: center;
}

.change-icon {
  height: 15px;
}

.div-block-534 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-143 {
  display: inline;
  padding-left: 3px;
  font-size: 14px;
}

.div-block-535 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  margin-bottom: 11px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: #cfcfcf;
  border-radius: 100px;
  background-color: #f0f0f0;
}

.div-block-535.employee-page {
  margin-right: 5px;
  margin-bottom: 0px;
}

.image-83 {
  width: 15px;
}

.div-block-536 {
  position: absolute;
  top: 0px;
  right: -12.5px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.primarybutton {
  z-index: 1;
  display: inline-block;
  padding: 10px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #afafaf;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: background-color 350ms ease, all 200ms ease;
  transition: background-color 350ms ease, all 200ms ease;
  color: #000;
  font-size: 14px;
  text-shadow: none;
  cursor: pointer;
}

.primarybutton:hover {
  border-color: #0056ff;
  color: #0056ff;
}

.primarybutton.w--current {
  background-color: #ff5722;
}

.primarybutton.large {
  padding-right: 96px;
  padding-left: 96px;
}

.div-block-537 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.link-block-15 {
  width: 100%;
}

.text-block-144 {
  display: inline;
}

.text-block-145 {
  display: inline;
  padding-left: 2px;
  font-size: 12px;
  line-height: 12px;
}

.taskmanageroverlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 97px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #ebebeb;
}

.div-block-539 {
  position: absolute;
  left: -15px;
  width: 40px;
  height: 100%;
  padding-top: 18px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-left: 1px none #692222;
}

.div-block-540 {
  position: relative;
}

.div-block-541 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.23)), to(hsla(0, 0%, 100%, 0.23)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.23), hsla(0, 0%, 100%, 0.23));
}

.image-84 {
  width: 17px;
  height: 17px;
  opacity: 1;
}

.div-block-542 {
  width: 1px;
  height: 30px;
}

.div-block-543 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-544 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.launch-new-window {
  height: 20px;
  cursor: pointer;
}

.div-block-545 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-147 {
  margin-left: 2px;
}

.div-block-546 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.35)), to(hsla(0, 0%, 100%, 0.35)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.35), hsla(0, 0%, 100%, 0.35));
}

.div-block-547 {
  overflow: scroll;
  height: 298px;
}

.div-block-548 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-148 {
  display: inline;
  margin-left: 2px;
}

.demo-login {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.demo-half-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ff5722;
}

.demo-half-container.white {
  background-color: #fff;
}

.image-85 {
  height: 65px;
}

.heading-49 {
  font-family: brandon-grotesque, sans-serif;
}

.html-embed-7 {
  margin-right: 5px;
}

.rating-article-wrap-copy-2 {
  width: 100%;
  color: #323441;
  font-size: 15px;
  line-height: 1.25em;
}

.rating-article-wrap-copy-2:hover {
  color: #5c6bc0;
  text-decoration: underline;
}

.rating-wrap-copy-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.rating-wrap-copy-2:hover {
  color: #5c6bc0;
}

.div-block-549 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 125px;
  margin-bottom: 11px;
  padding: 21px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 3px;
  background-color: #e9e9e9;
  background-image: url('../images/best-practice-bg_2.svg');
  background-position: 100% 100%;
  background-size: 50%;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #373d4b;
  font-size: 18px;
}

.div-block-549:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.19)), to(rgba(0, 0, 0, 0.19))), url('../images/best-practice-bg_2.svg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.19)), url('../images/best-practice-bg_2.svg');
  background-position: 0px 0px, 100% 100%;
  background-size: auto, 50%;
  background-repeat: repeat, no-repeat;
}

.collection-list-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.collection-list-6.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.collection-item-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 33%;
  -ms-flex: 0 33%;
  flex: 0 33%;
}

.collection-item-3.coaching {
  width: 100%;
  margin-bottom: 45px;
}

.div-block-550 {
  overflow: scroll;
}

.coach-history-status {
  width: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-block-150 {
  display: inline;
}

.div-block-551 {
  padding: 5px 22px;
  border-bottom: 1px solid #dad6d6;
}

.collection-item-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-552 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-553 {
  padding: 43px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.21);
}

.image-86 {
  width: 125px;
  height: 125px;
}

.div-block-554 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-demo {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
}

.text-block-151 {
  margin-right: 10px;
  padding: 4px 7px;
  border-radius: 3px;
  background-color: #ddd;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}

.text-block-151.low:hover {
  background-color: #ef5350;
  color: #fff;
}

.text-block-151.high:hover {
  background-color: #46d382;
  color: #fff;
}

.div-block-555 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-556 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  padding-right: 50px;
  padding-left: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fafafa;
  text-align: center;
}

.div-block-557 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-558 {
  position: absolute;
  left: -5px;
  top: -5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15px;
  height: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: #ebebeb;
  color: #373d4b;
  font-weight: 700;
}

.div-block-559 {
  position: absolute;
  top: 0px;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.61);
}

.div-block-560 {
  position: relative;
}

.div-block-561 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 33%;
  -ms-flex: 0 33%;
  flex: 0 33%;
  color: #fff;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  cursor: pointer;
}

.div-block-561:hover {
  background-color: #6d6d6d;
}

.image-87 {
  width: 15px;
  height: 15px;
}

.div-block-562 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border: 1px none #000;
}

.radio-button-field-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  height: 250px;
  margin-right: 2.5%;
  margin-bottom: 75px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  border-radius: 5px;
  background-image: url('../images/Screen-Shot-2019-11-25-at-3.11.11-PM.png');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: border-color 250ms ease;
  transition: border-color 250ms ease;
  cursor: pointer;
}

.radio-button-field-3:hover {
  border-color: #0056ff;
  background-size: cover;
}

.radio-button-field-3.baseball {
  width: 45%;
  background-image: url('../images/Screen-Shot-2019-11-25-at-3.10.59-PM.png');
}

.radio-button-field-3.horse-racing {
  background-image: url('../images/Screen-Shot-2019-11-25-at-3.10.48-PM.png');
}

.radio-button-field-3.car-racing {
  background-image: url('../images/Screen-Shot-2019-11-25-at-3.11.19-PM.png');
}

.radio-button {
  position: absolute;
  bottom: -30px;
  width: 25px;
  height: 25px;
  margin-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: none;
  border-radius: 0%;
  background-color: #fff;
}

.radio-button-label {
  position: relative;
  z-index: 1;
  display: none;
  width: 100%;
  margin-bottom: 0px;
  padding: 4px 8px;
  border-radius: 3px 0px 0px;
  background-color: #ebebeb;
  font-size: 16px;
  text-transform: capitalize;
}

.div-block-563 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  color: #fff;
  font-size: 18px;
  line-height: 1.25em;
  text-align: center;
}

.div-block-563:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  text-shadow: 1px 1px 14px #000;
}

.field-label-8 {
  margin-bottom: 15px;
  color: #272933;
  font-size: 18px;
  text-transform: capitalize;
}

.radio-button-label-2 {
  color: #272727;
  font-size: 16px;
  line-height: 1.5em;
  text-transform: capitalize;
}

.radio-button-field-4 {
  margin-bottom: 15px;
  color: #272933;
}

.div-block-564 {
  margin-bottom: 50px;
}

.game-background {
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.game-background.car {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
}

.container-6 {
  height: 100vh;
}

.div-block-566 {
  overflow: scroll;
  height: 100vh;
  padding-top: 96px;
}

.div-block-567 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 100;
}

.div-block-568 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  box-shadow: 1px 1px 14px 0 #000;
  font-size: 12px;
}

.game-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 18px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid hsla(0, 0%, 100%, 0.25);
}

.game-cell.stretch {
  overflow: hidden;
}

.game-cell.score {
  width: 64px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
}

.game-cell.name {
  width: 175px;
  font-weight: 700;
}

.game-cell.header {
  border-right-color: hsla(0, 0%, 76.7%, 0.25);
  color: #2d2e3a;
  text-align: left;
}

.game-cell.stretch-copy {
  overflow: hidden;
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.game-cell.stretch-copy.preview {
  border-right-color: hsla(0, 0%, 60.8%, 0.25);
}

.game-cell.sm {
  width: 100px;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: hsla(0, 0%, 100%, 0);
  text-align: center;
}

.game-cell.sm.complete {
  background-color: rgba(70, 211, 130, 0.22);
  color: #46d382;
}

.game-cell.sm.preview {
  border-right-color: hsla(0, 0%, 60.7%, 0.25);
}

.div-block-570 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 124px;
  height: 18px;
  margin-right: 8px;
  margin-left: 8px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 25px;
}

.div-block-571 {
  width: 5%;
  background-color: #373d4b;
}

.div-block-571._85p {
  width: 85%;
}

.div-block-572 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #f1f1f1;
}

.html-embed-8 {
  font-weight: 700;
}

.game-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-top: 1px solid hsla(0, 0%, 100%, 0.25);
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
}

.game-row.alt {
  background-color: transparent;
}

.game-row.alt.preview {
  border-top-color: hsla(0, 0%, 60.8%, 0.25);
}

.game-row.active {
  margin-bottom: 24px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
  background-color: rgba(26, 82, 50, 0.9);
}

.game-status-bar-bg {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: hsla(0, 0%, 100%, 0.25);
}

.game-status-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 124px;
  height: 18px;
  margin-right: 4px;
  margin-left: 4px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 25px;
}

.game-status-bar-active {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 5%;
  height: 18px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background-color: #00ff95;
}

.game-status-bar-active._10p {
  width: 10%;
}

.game-status-bar-active._20p {
  width: 20%;
}

.game-status-bar-active._95p {
  width: 95%;
}

.game-status-bar-active._92p {
  width: 92%;
}

.game-status-bar-active._81p {
  width: 81%;
}

.game-status-bar-active._79p {
  width: 79%;
}

.game-status-bar-active._70p {
  width: 70%;
}

.game-status-bar-active._68p {
  width: 68%;
}

.game-status-bar-active._55p {
  width: 55%;
}

.game-status-bar-active._53p {
  width: 53%;
}

.game-status-bar-active._46p {
  width: 46%;
}

.game-status-bar-active._35p {
  width: 35%;
}

.image-97 {
  position: relative;
  left: -16px;
  height: 32px;
  border-radius: 100px;
  box-shadow: 1px 1px 3px 0 #000;
}

.image-97.car {
  left: -42px;
  bottom: -2px;
  width: 84px;
  height: auto;
  box-shadow: none;
}

.loading-cover {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ff5722;
  color: #fff;
  text-transform: capitalize;
}

.image-99 {
  height: 100px;
}

.heading-50 {
  text-transform: uppercase;
}

.game-leaderboard-wrap {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
  border-left: 1px solid hsla(0, 0%, 100%, 0.25);
}

.game-leaderboard-wrap.dark-bg {
  background-color: rgba(0, 0, 0, 0.51);
}

.game-leaderboard-wrap.preview {
  border-bottom-color: hsla(0, 0%, 60.8%, 0.25);
  border-left-color: hsla(0, 0%, 60.8%, 0.25);
}

.text-block-153 {
  color: #aaa;
}

.link-13 {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, 0.25);
  color: #fff;
  font-weight: 700;
}

.link-13:hover {
  background-color: #fff;
  color: #000;
}

.link-block-16 {
  width: 100%;
  margin-bottom: 12px;
  padding: 12px 24px;
  border-style: solid;
  border-width: 1px;
  border-color: #e9eaeb;
  border-radius: 8px;
  background-color: #f3f1f1;
  color: #272933;
  cursor: pointer;
}

.link-block-16:hover {
  background-color: #f9db94;
  color: #28323e;
}

.link-block-16.new-game {
  background-color: #27323e;
  color: #fff;
}

.link-block-16.new-game:hover {
  background-color: #fc6;
  color: #272933;
}

.div-block-575 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px none hsla(0, 0%, 100%, 0.26);
  border-left: 1px solid hsla(0, 0%, 100%, 0.26);
  background-color: rgba(40, 50, 62, 0.1);
  background-image: url('../images/morphing-diamonds-light.svg');
  background-position: 0px 0px;
  background-size: 125px;
}

.div-block-577 {
  position: absolute;
  left: 0%;
  top: 0px;
  right: 50%;
  bottom: 0px;
  overflow: scroll;
  padding: 48px;
}

.div-block-580 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.div-block-580.header {
  margin-top: 0px;
  margin-bottom: 25px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.collection-list-wrapper-4 {
  margin-bottom: 25px;
  background-color: #46d382;
}

.container-8 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.game-status-bar-active-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 5%;
  height: 18px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background-color: #00ff95;
}

.game-status-bar-active-2._10p {
  width: 10%;
}

.game-status-bar-active-2._20p {
  width: 20%;
}

.video {
  margin-bottom: 24px;
}

.div-block-581 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-100 {
  height: 20px;
  margin-bottom: 10px;
}

.div-block-582 {
  text-align: right;
}

.div-block-583 {
  margin-right: 100px;
  margin-left: 100px;
  padding: 48px;
  border-radius: 4px;
  background-color: #fff;
  color: #272933;
}

.radio-button-label-3 {
  font-size: 16px;
  line-height: 1.5em;
  text-transform: none;
}

.radio-button-field-5 {
  margin-bottom: 20px;
}

.div-block-584 {
  width: 5%;
  background-color: #373d4b;
}

.tabs-menu-10 {
  margin-bottom: 24px;
}

.tab-link-tab-1 {
  border-bottom: 3px none #fff;
  background-color: hsla(0, 0%, 100%, 0);
  color: rgba(255, 255, 255, 0.75);
}

.tab-link-tab-1.w--current {
  border-bottom-style: solid;
  background-color: rgba(255, 87, 34, 0);
  color: #fff;
}

.lottie-animation-2 {
  position: relative;
  height: 500px;
}

.heading-51 {
  text-transform: uppercase;
}

.div-block-585 {
  position: absolute;
  top: 568px;
  text-align: center;
}

.modal-copy {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-copy.top-bottom-padding {
  padding-top: 94px;
  padding-bottom: 94px;
}

.div-block-586 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  display: none;
  overflow: scroll;
  padding: 48px;
  background-color: #f1f1f1;
}

.div-block-586-copy {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 980;
  display: none;
  overflow: scroll;
  padding: 48px;
  background-color: #f0f0f0;
}

.form-block-7 {
  margin-top: 50px;
}

.image-101 {
  height: 25px;
}

.div-block-587 {
  position: absolute;
  left: -15px;
  top: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background-color: #272933;
}

.div-block-588 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block-588.mt-2 {
  margin-top: 10px;
}

.div-block-590 {
  margin-right: 24px;
}

.scorecard-wrap-copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-left: 10px;
  padding: 12px;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 5px solid #000;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.15);
  text-transform: uppercase;
  cursor: pointer;
}

.scorecard-wrap-copy.game {
  padding-top: 6px;
  border-bottom-style: none;
  border-bottom-color: hsla(0, 0%, 100%, 0.15);
  color: #fff;
}

.scorecard-wrap-copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-left: 10px;
  padding: 12px;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 5px solid #000;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.15);
  text-transform: uppercase;
  cursor: pointer;
}

.scorecard-wrap-copy.game {
  padding-top: 6px;
  border-bottom-style: none;
  border-bottom-color: hsla(0, 0%, 100%, 0.15);
  color: #fff;
}

.coaching-tabs {
  margin-right: 16px;
  padding: 8px 0px;
  border-bottom: 3px none #dcdcdc;
  background-color: transparent;
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 400;
}

.coaching-tabs.w--current {
  border-bottom-style: solid;
  border-bottom-color: #000;
  background-color: transparent;
  color: #000;
  font-weight: 700;
}

.tabs-menu-11 {
  margin-bottom: 24px;
}

.div-block-591 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

.select-field-4 {
  margin-right: 8px;
  margin-bottom: 0px;
}

.submit-button-2 {
  border-radius: 5px;
}

.text-block-155 {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 5px;
  background-color: #f5f5f5;
  font-size: 12px;
  font-weight: 700;
}

.text-span-7 {
  font-size: 12px;
}

.div-block-597 {
  display: block;
  padding: 12px;
  border-style: none;
  border-width: 1px;
  border-color: #e5e5e5;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
}

.image-102 {
  height: 20px;
  margin-left: 8px;
}

.div-block-598 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-598.lower-x {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 700;
}

.text-span-8 {
  display: inline-block;
  border-bottom: 2px solid #ef5350;
  font-weight: 700;
}

.text-span-8.hit {
  border-bottom-color: #00e676;
}

.text-block-157 {
  border-bottom: 3px solid #000;
  font-size: 16px;
  font-weight: 700;
}

.text-block-157.unbold {
  font-weight: 400;
}

.text-span-9 {
  color: #818181;
}

.div-block-599 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-600 {
  height: 32px;
  border-left: 1px solid #cbcbcb;
  background-color: #000;
}

.div-block-599-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  cursor: pointer;
}

.div-block-599-copy:hover {
  background-color: #f5f5f5;
  color: #0056ff;
}

.div-block-599-copy.no-action {
  cursor: default;
}

.div-block-599-copy.no-action:hover {
  background-color: transparent;
  color: #272933;
}

.div-block-601 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 700;
}

.div-block-601.metric-string {
  display: block;
  font-size: 12px;
  line-height: 1.25em;
  font-weight: 400;
}

.div-block-602 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.div-block-601-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

.div-block-603 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: #dcdcdc;
  border-radius: 50px;
  background-color: #f5f5f5;
}

.div-block-603.missed-commitment {
  background-color: rgba(239, 83, 80, 0.55);
}

.div-block-603.green {
  background-color: #46d382;
}

.image-103 {
  width: 20px;
  border-radius: 5px 5px 0px 0px;
}

.div-block-604 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-605 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.39)), to(hsla(0, 0%, 100%, 0.39)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.39), hsla(0, 0%, 100%, 0.39));
  font-size: 14px;
  font-weight: 700;
}

.div-block-605.completed-missed {
  background-color: rgba(239, 83, 80, 0.55);
}

.div-block-606 {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #e5e5e5;
  border-radius: 3px;
  background-color: #fff;
}

.div-block-607 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-608 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2px;
  margin-right: 8px;
  margin-left: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #dcdcdc;
}

.div-block-608.start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.div-block-608.pending {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.div-block-609 {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #ef5350;
}

.div-block-609.hit {
  background-color: #ef5350;
}

.div-block-609.hit.pending {
  margin-right: 50%;
}

.text-block-158 {
  font-size: 32px;
  line-height: 1.5em;
  font-weight: 900;
}

.div-block-610 {
  margin-right: 32px;
}

.div-block-611 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
}

.text-block-159 {
  padding: 4px 9px 4px 8px;
  text-align: left;
}

.section-10 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  font-family: Lato, sans-serif;
}

.text-block-160 {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #f1f1f1;
}

.div-block-612 {
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid #dbdbdb;
}

.text-block-161 {
  display: inline;
  font-weight: 700;
}

.text-block-162 {
  display: inline;
}

.text-block-163 {
  display: inline;
  color: #a3a3a3;
  font-weight: 700;
}

.div-block-613 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-614 {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #dadada;
}

.div-block-615 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.html-embed-9 {
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #ececec;
}

.div-block-616 {
  position: absolute;
  top: 135px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  margin-top: 30px;
  margin-right: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8f8f8f;
  cursor: pointer;
}

.div-block-616:hover {
  color: #373d4b;
}

.div-block-617 {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #bbb;
}

.div-block-618 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 26px;
  padding-right: 4px;
  padding-left: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background-color: #ddd;
}

.text-block-164 {
  margin-right: 5px;
  font-size: 12px;
}

html.w-mod-js *[data-ix="hide-and-fade-initial"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="hide-360-survey-trend"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(0px, -50px);
  -ms-transform: translate(0px, -50px);
  transform: translate(0px, -50px);
}

html.w-mod-js *[data-ix="hide-and-fade-initial-2"] {
  display: block;
  opacity: 0;
}

html.w-mod-js *[data-ix="hide-widget"] {
  display: none;
}

html.w-mod-js *[data-ix="tab-arrows"] {
  opacity: 0;
  -webkit-transform: translate(0px, -6px);
  -ms-transform: translate(0px, -6px);
  transform: translate(0px, -6px);
}

html.w-mod-js *[data-ix="fixed-navbar"] {
  -webkit-transform: translate(0px, -100%);
  -ms-transform: translate(0px, -100%);
  transform: translate(0px, -100%);
}

html.w-mod-js *[data-ix="display-none-on-load"] {
  display: none;
}

html.w-mod-js *[data-ix="tab-arrows-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, -6px);
  -ms-transform: translate(0px, -6px);
  transform: translate(0px, -6px);
}

html.w-mod-js *[data-ix="profile-pop-up"] {
  display: block;
  opacity: 1;
}

html.w-mod-js *[data-ix="bar-chart-pop-up"] {
  display: block;
  opacity: 1;
}

html.w-mod-js *[data-ix="new-interaction-3"] {
  -webkit-transform: scale(2, 2) skewX(25deg) skewY(3deg);
  -ms-transform: scale(2, 2) skewX(25deg) skewY(3deg);
  transform: scale(2, 2) skewX(25deg) skewY(3deg);
}

html.w-mod-js *[data-ix="pie-chart-widget-qa"] {
  display: none;
}

html.w-mod-js *[data-ix="pie-chart-widget-qa-1"] {
  display: none;
}

html.w-mod-js *[data-ix="hide-bubble-initial"] {
  display: none;
}

html.w-mod-js *[data-ix="back-to-fixed-vert-nav"] {
  display: none;
  -webkit-transform: translate(-17vw, 0px);
  -ms-transform: translate(-17vw, 0px);
  transform: translate(-17vw, 0px);
}

html.w-mod-js *[data-ix="coach-score-help"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="search-header-wrap"] {
  display: none;
  -webkit-transform: translate(0px, 31px);
  -ms-transform: translate(0px, 31px);
  transform: translate(0px, 31px);
}

html.w-mod-js *[data-ix="hide-notes"] {
  display: none;
  -webkit-transform: translate(0px, 35px);
  -ms-transform: translate(0px, 35px);
  transform: translate(0px, 35px);
}

html.w-mod-js *[data-ix="hide-dot-pop-up"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="hide-line-chart-detail"] {
  display: none;
  -webkit-transform: translate(0px, -28px);
  -ms-transform: translate(0px, -28px);
  transform: translate(0px, -28px);
}

html.w-mod-js *[data-ix="hide-orange-dot"] {
  display: none;
}

html.w-mod-js *[data-ix="video-widget"] {
  display: none;
  -webkit-transform: translate(0px, -2000px);
  -ms-transform: translate(0px, -2000px);
  transform: translate(0px, -2000px);
}

html.w-mod-js *[data-ix="contact-prof-services-initial-view"] {
  opacity: 0;
  -webkit-transform: translate(0px, -600px);
  -ms-transform: translate(0px, -600px);
  transform: translate(0px, -600px);
}

html.w-mod-js *[data-ix="profile-photo-message"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="load-replace-why-with-ai"] {
  -webkit-transform: translate(1500px, 0px);
  -ms-transform: translate(1500px, 0px);
  transform: translate(1500px, 0px);
}

html.w-mod-js *[data-ix="utilization-hide-first"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="demo-alert"] {
  -webkit-transform: translate(-1000px, 0px);
  -ms-transform: translate(-1000px, 0px);
  transform: translate(-1000px, 0px);
}

html.w-mod-js *[data-ix="back-to-vendor-sites"] {
  display: none;
}

html.w-mod-js *[data-ix="initial-hide-survey-wrap"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="survey-input"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(0px, -96px);
  -ms-transform: translate(0px, -96px);
  transform: translate(0px, -96px);
}

html.w-mod-js *[data-ix="hide-move-down-fade-initial"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

@media screen and (max-width: 991px) {
  .navbar.alternative {
    border-bottom-color: #c7c7c7;
  }
  .button {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    float: none;
    border-color: #ff5722 #ff5722 #b83e17;
    background-color: #ff5722;
  }
  .button.alternative {
    margin-right: 20px;
    margin-left: 20px;
    background-color: transparent;
  }
  .button.alternative:hover {
    color: #ff5722;
  }
  .button.navigation {
    position: static;
    left: auto;
    top: 6px;
    right: 40px;
    bottom: auto;
    margin-right: 20px;
    margin-left: 20px;
  }
  .button.moved-up {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .main-dropdown-link {
    margin-top: 0px;
  }
  .main-dropdown.w--open {
    width: 100%;
    margin-top: 0px;
  }
  .dd-link {
    background-color: rgba(82, 82, 82, 0.9);
    text-align: center;
  }
  .dd-link.white {
    background-color: #f8f8f8;
  }
  .nav-menu {
    background-color: #333;
  }
  .nav-menu.alt {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    color: #fff;
  }
  .footer-links {
    color: #323441;
  }
  .menu-button {
    top: 8px;
    margin-top: 11px;
    margin-bottom: 11px;
  }
  .menu-button.w--open {
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.14);
    background-color: #3a3939;
  }
  .menu-button.alt {
    color: #ff5722;
  }
  .menu-button.alt.w--open {
    background-color: #e6e6e6;
  }
  .navbar-dropdown {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    font-size: 14px;
    text-align: center;
  }
  .navbar-dropdown:active {
    background-color: #3b3b3b;
  }
  .navbar-dropdown.alt {
    border-bottom-color: #e6e6e6;
    background-color: transparent;
  }
  .primary-page-hero-section {
    padding-left: 0px;
  }
  .centered {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .container {
    width: auto;
    margin-right: 25px;
    margin-left: 25px;
  }
  .container.skinny {
    margin-right: 0%;
    margin-left: 0%;
  }
  .heading1 {
    display: inline-block;
    float: none;
  }
  .frost-pop-up-wrap {
    display: none;
  }
  .demonavbar2 {
    left: 0%;
    width: 100%;
  }
  .dashboard {
    left: 0%;
    right: 0px;
  }
  .dashboard.eval {
    left: 10%;
    width: 90%;
    padding: 30px 17px 17px;
  }
  .eval-score {
    margin: 10px 0px 0px;
    padding-right: 7px;
    padding-left: 7px;
  }
  .appropriate-greeting {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 12px;
  }
  .obtaining-contact-information {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 12px;
  }
  .appointment-attempt {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 12px;
  }
  .closing-the-call {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 12px;
  }
  .needs-analysis {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 12px;
  }
  .complete-evaluation {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 12px;
  }
  .schedule-demo {
    padding-right: 0px;
    padding-left: 0px;
  }
  .navbar-vertical {
    width: 10%;
  }
  .navbar-vertical-full {
    display: none;
    width: 35%;
  }
  .mgr-profile {
    width: 50px;
    height: 50px;
  }
  .evaluate-wrap {
    padding: 3px;
  }
  .coach-history-cell.header {
    height: 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f3f3f3;
  }
  .inactive-input {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .amp-form-field {
    padding-left: 14px;
    font-size: 16px;
  }
  .field-label {
    margin-left: 16px;
  }
  .amp-form-select-row.bottom {
    padding-left: 4px;
  }
  .head {
    padding-right: 25px;
    padding-left: 25px;
  }
  .nav {
    height: 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .nav.blog {
    position: absolute;
    background-color: transparent;
    box-shadow: none;
  }
  .nav-wrap {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .nav-menu {
    display: block;
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
  }
  .menu-button {
    top: 0px;
    height: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 29px 36px;
    color: #ff5722;
  }
  .menu-button.w--open {
    background-color: #ff5722;
  }
  .menu-button.blog {
    color: #fff;
  }
  .brand {
    height: 80px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .brand.w--current {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .nav-toggle {
    width: 100%;
  }
  .nav-toggle.mobile {
    width: 100%;
    height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .nav-toggle.mobile.w--current {
    color: #ff5722;
  }
  .nav-toggle.mobile.subitem {
    font-weight: 400;
  }
  .newsletter {
    padding-right: 35px;
    padding-left: 35px;
  }
  .image-19 {
    width: 25px;
  }
  .link-block-5 {
    margin-right: 25px;
  }
  .capability-tile {
    padding: 34px 18px 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .best-practice-pop-out {
    display: none;
    width: 35%;
  }
  .survey-wrap {
    left: 0%;
    right: 0px;
  }
  .survey-form {
    padding: 3px;
  }
  .no-emoji-nav {
    left: 10%;
    width: 90%;
  }
  .div-block-139 {
    width: 100%;
  }
  .demo-link {
    padding-right: 0px;
  }
  .easy-flex.mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tab-wrapper-demo {
    top: 60px;
    right: 0px;
    width: auto;
  }
  .social-wrap.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .social-wrap.left {
    height: auto;
    padding: 21px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .behind-nav {
    height: 80px;
  }
  .navwrap {
    height: 90px;
  }
  .navlinks {
    height: auto;
    background-color: #fff;
  }
  .div-block-177 {
    margin-right: 5%;
    margin-left: 5%;
  }
  .icmibadge {
    top: 115px;
  }
  .demoicon.nav {
    height: 20px;
  }
  .d-flex.justify-content-between.md-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .d-flex.align-items-center.md-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .d-flex.align-items-center.md-flex-col.md-center-text {
    text-align: center;
  }
  .d-flex.md-w-100p {
    width: 100%;
  }
  .d-flex.md-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-column {
    margin-bottom: 50px;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  .bold-text {
    color: #8286a0;
  }
  .buttonnav {
    width: 100%;
    height: 70px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    background-color: #ff5722;
    text-align: left;
  }
  .splash-ad-container {
    display: none;
  }
  .navbar-dropdown-copy {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    font-size: 14px;
    text-align: center;
  }
  .navbar-dropdown-copy:active {
    background-color: #3b3b3b;
  }
  .splash-ad-background {
    display: none;
  }
  .card-amp.bg-white.md-w-100p {
    width: 100%;
  }
  .mr-10.md-mr-0 {
    margin-right: 0px;
  }
  ._w-600.md-w-100p {
    width: 100%;
  }
  .coaching-form-tab-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .coaching-desktop-wrap {
    left: 0px;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 60px;
    padding: 0px 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: 1px solid #cecece;
    background-color: #fff;
  }
  .tabs-9 {
    display: none;
  }
  .image-81 {
    width: 20px;
    margin-right: 5px;
  }
  .demo-button.with-icon {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
  }
  .demo-button-2.with-icon {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
  }
  .coaching-form-tab-item-2 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .loog-navbar {
    padding-left: 0px;
  }
  .loog-navbar.w--current {
    padding-left: 0px;
  }
  .navbar {
    position: absolute;
  }
  .button.mobile {
    margin-right: 14px;
    margin-left: 14px;
  }
  .footer-links {
    padding-right: 15px;
    padding-left: 15px;
  }
  .menu-button.alt {
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 35px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .amplify-footer {
    position: static;
  }
  .footer---amplify-logo {
    width: 10%;
  }
  .primary-page-hero-section {
    height: auto;
  }
  .h1.text-shadow {
    padding-left: 0px;
  }
  .container {
    width: auto;
    margin-right: 25px;
    margin-left: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .circles {
    width: 13px;
    height: 13px;
  }
  .frost-text-wrap {
    position: absolute;
  }
  .frost-pop-up-wrap {
    position: absolute;
    display: none;
    height: 3000px;
    padding: 67px 43px 43px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .close-button {
    position: absolute;
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 0px;
    font-size: 23px;
  }
  .no-pad-col.calendly {
    height: 0px;
    margin-bottom: 35px;
  }
  .demo-nav {
    left: 0%;
    width: 100%;
  }
  .demonavbar2 {
    left: 0%;
    width: 100%;
    padding-right: 0px;
  }
  .schedule-demo {
    padding: 76px 24px 24px;
  }
  .broswer-too-small {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .div-block-70 {
    margin-top: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .row-10 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .subject.training {
    text-align: left;
  }
  .feature-wrap.top {
    padding-bottom: 23px;
    border-style: solid;
    border-radius: 25px;
  }
  .feature-wrap.whole {
    padding-bottom: 23px;
    border-style: solid;
    border-radius: 25px;
  }
  .contact-pop-up {
    position: fixed;
    display: none;
  }
  .icon-6 {
    text-align: right;
  }
  .nav {
    height: 80px;
  }
  .nav-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    padding-left: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .nav-menu {
    overflow: scroll;
    height: 100vh;
    border-top: 1px solid #f5f5f5;
  }
  .menu-button {
    height: 80px;
    padding: 29px 36px;
    float: none;
  }
  .menu-button.w--open {
    border: 1px none #fff;
    background-color: #ff5722;
  }
  .brand {
    margin-right: 111px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .nav-toggle.no-arrow.w--open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .nav-toggle.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #000;
  }
  .nav-list.mobile.w--open {
    border-radius: 0px;
    background-color: #f8f8f8;
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.18);
  }
  .right-arrow {
    opacity: 1;
  }
  .mobile {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .div-block-78 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .row-14 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-block-84 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .newsletter-form-wrap {
    padding-right: 34px;
    padding-left: 34px;
  }
  .link-block-5 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .head1 {
    font-size: 35px;
    line-height: 45px;
  }
  .head3 {
    font-size: 20px;
  }
  .head2 {
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 28px;
  }
  .section-8 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .capability-tile {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .unordered-list-3 {
    margin-left: -5%;
  }
  .grid-list-item {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .grid-list-item.padded {
    padding-left: 0px;
  }
  .grid-list-item.padded.less-margin {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0px;
  }
  .integration-logo.move-left {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .integration-logo.move-left:hover {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  .div-block-112 {
    margin-bottom: 30px;
    text-align: center;
  }
  .no-emoji-nav {
    left: 0%;
    width: 100%;
    padding-right: 0px;
  }
  .heading-21 {
    font-size: 25px;
  }
  .easy-flex.align-center.mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .easy-flex.mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .social-wrap.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }
  .space-right {
    margin-bottom: 20px;
  }
  .navwrap {
    height: 90px;
  }
  .navlinks {
    overflow: scroll;
    height: 100vh;
    border-top: 1px solid #f5f5f5;
  }
  .icmibadge {
    width: 75px;
    height: 75px;
  }
  .footer-column {
    display: none;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .footer-column.logo {
    display: block;
    margin-bottom: 0px;
  }
  .footer-newsletter-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .grid.sm-mb-5 {
    margin-bottom: 25px;
  }
  .text-field-6.end {
    margin-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
  }
  .text-field-6.mr-1 {
    margin-bottom: 20px;
  }
  .submit-button {
    border-radius: 5px;
  }
  .splash-ad-container {
    display: none;
  }
  .splash-ad-background {
    display: none;
  }
  .demo-nav-2 {
    left: 0%;
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  p {
    line-height: 2em;
  }
  .loog-navbar {
    padding-left: 0px;
  }
  .navbar {
    background-color: #ff5722;
  }
  .navbar.alternative {
    top: 0px;
  }
  .button.mobile {
    margin-left: 14px;
  }
  .button.news {
    margin-right: 0%;
    margin-left: 0%;
  }
  .nav-menu {
    z-index: 5;
  }
  .footer-links {
    width: auto;
    margin-right: 9px;
    margin-left: 9px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
  }
  .copyright-text {
    padding-right: 37px;
    padding-left: 37px;
    font-size: 12px;
  }
  .menu-button {
    right: -10px;
    margin-top: 10px;
    margin-right: 10px;
  }
  .amplify-footer {
    height: auto;
  }
  .footer---div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer---amplify-logo {
    width: 50px;
  }
  .primary-page-hero-section {
    height: 300px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .h1 {
    text-align: center;
  }
  .centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .container {
    width: auto;
  }
  .heading1.alt {
    font-size: 28px;
    line-height: 34px;
  }
  .frost-text-wrap {
    position: absolute;
    padding-top: 37px;
    padding-bottom: 37px;
    font-size: 16px;
  }
  .frost-pop-up-wrap {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    height: 5700px;
    padding-top: 35px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .frost {
    margin-top: 44px;
  }
  .frost-sub-wrap {
    padding: 0px 23px 23px;
  }
  .close-button {
    position: absolute;
    margin-top: 10px;
    margin-right: 10px;
  }
  .schedule-demo {
    padding: 72px 8px 8px;
  }
  .inactive-input {
    height: auto;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .amp-form-field {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 14px;
  }
  .field-label {
    margin-left: 15px;
  }
  .primary-button {
    height: 60px;
    margin-left: 10px;
    text-align: center;
  }
  .div-block-70 {
    padding: 13px;
    text-align: center;
  }
  .textarea-2 {
    padding-left: 13px;
  }
  .header {
    padding-right: 10px;
    padding-left: 11px;
  }
  .div-block-75 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .feature-wrap {
    padding: 10px;
  }
  .feature-wrap.whole {
    padding-left: 23px;
  }
  .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .menu-button {
    margin-top: 0px;
    padding: 30px;
  }
  .brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .brand.w--current {
    height: 60px;
  }
  .image-13 {
    height: 55px;
    margin-top: 5px;
    margin-right: 44px;
  }
  .image-13.blog {
    height: 30px;
  }
  .newsletter {
    padding: 21px;
  }
  .newsletter-form-wrap {
    padding-right: 16px;
    padding-left: 16px;
  }
  .link-block-5 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .div-block-92 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tile-body {
    padding-right: 14px;
  }
  .feature-tile-lg {
    padding: 7px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
  }
  .feature-icon-wrap-lg {
    width: 30px;
    height: 30px;
    margin-bottom: 6px;
  }
  .head1 {
    font-size: 30px;
    line-height: 38px;
  }
  .head2 {
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
  }
  .section-8 {
    padding-right: 19px;
    padding-left: 19px;
  }
  .capability-tile {
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .div-block-110 {
    padding-top: 20px;
    padding-left: 0px;
  }
  .integration-logo {
    height: 30px;
  }
  .integration-logo.move-left {
    height: 30px;
  }
  .div-block-139 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .demo-link {
    margin-right: 5%;
  }
  .div-block-140 {
    margin-bottom: 17px;
  }
  .tab-next {
    margin-right: 10%;
    margin-left: 10%;
  }
  .tab-prev {
    margin-right: 10%;
    margin-left: 10%;
  }
  .navwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .icmibadge {
    position: absolute;
    top: 105px;
    right: 15px;
    display: block;
    width: 50px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
  }
  .display-1 {
    font-size: 35px;
  }
  .grid {
    display: block;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
  }
  .purple.underline.xs-block {
    display: block;
  }
  .card-amp.bg-white.md-w-100p.xs-p-0 {
    padding: 0px;
  }
  .card-amp.bg-white.md-w-100p.xs-p-0.orange-bg-shadow.xs-p-5 {
    padding: 25px;
  }
  .cell-a {
    width: 75px;
  }
  .tab-prev-copy {
    margin-right: 10%;
    margin-left: 10%;
  }
  .draft-button {
    margin-right: 10%;
    margin-left: 10%;
  }
  .demo-button {
    margin-right: 10%;
    margin-left: 10%;
  }
  .draft-button-2 {
    margin-right: 10%;
    margin-left: 10%;
  }
  .demo-button-2 {
    margin-right: 10%;
    margin-left: 10%;
  }
  .tab-prev-copy-2 {
    margin-right: 10%;
    margin-left: 10%;
  }
  .primarybutton {
    margin-right: 10%;
    margin-left: 10%;
  }
}

@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Audimat';
  src: url('../fonts/AUdimat-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Audimat';
  src: url('../fonts/AUdimat-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}