/* Minification failed. Returning unminified contents.
(17735,35): run-time error CSS1030: Expected identifier, found ','
(17735,53): run-time error CSS1031: Expected selector, found ')'
(17735,53): run-time error CSS1025: Expected comma or open brace, found ')'
(19249,42): run-time error CSS1030: Expected identifier, found ','
(19249,60): run-time error CSS1031: Expected selector, found ')'
(19249,60): run-time error CSS1025: Expected comma or open brace, found ')'
(21337,95): run-time error CSS1030: Expected identifier, found '.'
(21337,102): run-time error CSS1031: Expected selector, found ')'
(21337,102): run-time error CSS1025: Expected comma or open brace, found ')'
(46981,95): run-time error CSS1030: Expected identifier, found '.'
(46981,102): run-time error CSS1031: Expected selector, found ')'
(46981,102): run-time error CSS1025: Expected comma or open brace, found ')'
(50530,32): run-time error CSS1030: Expected identifier, found ','
(50530,50): run-time error CSS1031: Expected selector, found ')'
(50530,50): run-time error CSS1025: Expected comma or open brace, found ')'
(50534,32): run-time error CSS1030: Expected identifier, found ','
(50534,50): run-time error CSS1031: Expected selector, found ')'
(50534,50): run-time error CSS1025: Expected comma or open brace, found ')'
(50564,39): run-time error CSS1030: Expected identifier, found '.'
(50564,63): run-time error CSS1031: Expected selector, found ')'
(50564,63): run-time error CSS1025: Expected comma or open brace, found ')'
(51997,39): run-time error CSS1030: Expected identifier, found ','
(51997,57): run-time error CSS1031: Expected selector, found ')'
(51997,57): run-time error CSS1025: Expected comma or open brace, found ')'
(56966,20): run-time error CSS1030: Expected identifier, found '.'
(56966,42): run-time error CSS1031: Expected selector, found ')'
(56966,42): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
@import "/shared/fonts/lato/include.css";
@import "/shared/fonts/opensans/include.css";
@import "/shared/fonts/poppins/include.css";
@import "/shared/fonts/inter/include.css";
@import "/shared/fonts/poppins/include.css";
@import "/shared/fonts/lato/include.css";




html,
body {
  margin: 0;
}

hr {
  margin-top: 1em;
}

img {
  border: none;
}

.widget {
  display: none;
}

.widget.initialized {
  display: inherit;
}

h1, h2, h3, h4, h5 {
  margin-top: 0;
  margin-bottom: 0.2em;
}

h1 {
  font-size: 2.75em;
}

h2 {
  font-size: 2.125em;
  font-weight: 300;
}

h3 {
  font-size: 1.5em;
  font-weight: 300;
}

h4 {
  font-size: 1.3em;
  font-weight: 300;
}

h5 {
  font-size: 1em;
  font-weight: 300;
}

.capitalize {
  text-transform: capitalize;
}

a,
a:visited,
.link {
  color: #0072c6;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
.link:hover {
  text-decoration: underline;
}

dt {
  margin: 0;
  padding: 0 0 0 0.2em;
}

dd {
  margin: 0;
  padding: 0 0 0 0.2em;
}

.k-rtl dt {
  margin: 0;
  padding: 0 0.2em 0 0;
}

.k-rtl dd {
  margin: 0;
  padding: 0 0.2em 0 0;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

.bx-wrapper {
  direction: ltr;
}

.icon-sm {
  max-width: 16px;
}

.icon-md {
  max-width: 32px;
}

.icon-lg {
  max-width: 64px;
}

.page-master {
  margin-top: 160px;
}

.page-master .dialog-only {
  display: none;
}

.page-dialog {
  overflow-x: hidden;
}

.page-dialog .page-header {
  display: none;
}

.page-dialog .footer-spacing {
  height: 54px;
}

.page-dialog .okcancel-fixed {
  position: fixed;
  bottom: 0;
  padding: 10px 0;
  width: 100%;
  background: linear-gradient(to right, white 40%, rgba(255, 255, 255, 0));
  z-index: 9999;
}

.page-dialog .okcancel-sticky {
  position: sticky;
  bottom: 0;
  padding: 10px 0;
  width: 100%;
  background: linear-gradient(to right, white 40%, rgba(255, 255, 255, 0));
  z-index: 9999;
}

.main-grid {
  max-width: 1020px;
  margin: 0 auto;
}

#page-footer {
  margin-top: 20px;
  padding-top: 30px;
  clear: both;
}

.clear {
  clear: both;
}

.above,
.block {
  display: block;
}

.f-left {
  display: block;
  float: left;
}

.f-right {
  display: block;
  float: right;
}

.k-rtl .f-left {
  float: right;
}

.k-rtl .f-right {
  float: left;
}

.inline {
  display: inline-block;
}

.break-after {
  margin-bottom: 1em;
}

.inline-label {
  font-weight: bold;
}

.inline-label:after {
  content: ":";
}

.relative {
  position: relative;
}

.bottom-right {
  bottom: 0;
  right: 0;
  position: absolute;
}

.k-rtl .bottom-right {
  left: 0;
  right: auto;
}

.hidden {
  display: none;
}

.InfoWindowBody img {
  max-width: 100%;
  max-height: 100%;
  min-width: 180px;
  min-height: 180px;
}

.gm-style .InfoWindowBody img {
  max-width: 100%;
  max-height: 100%;
  min-width: 180px;
  min-height: 180px;
}

.icon-img-sm {
  width: 16px;
  height: 16px;
}

.icon-img-md {
  width: 24px;
  height: 24px;
}

.icon-img-lg {
  width: 32px;
  height: 32px;
}

.icon-img-xlg {
  width: 64px;
  height: 64px;
}

.icon-bg-sm {
  background-size: 16px;
}

.icon-bg-md {
  background-size: 24px;
}

.icon-bg-lg {
  background-size: 32px;
}

.icon-bg-xlg {
  background-size: 64px;
}

@media (max-width: 600px) {
  .gm-style .InfoWindowBody {
    max-width: 450px;
  }
}

@media (max-width: 550px) {
  .gm-style .InfoWindowBody {
    max-width: 400px;
  }
}

@media (max-width: 500px) {
  .gm-style .InfoWindowBody {
    max-width: 350px;
  }
}

@media (max-width: 450px) {
  .gm-style .InfoWindowBody {
    max-width: 300px;
  }
}

@media (max-width: 400px) {
  .gm-style .InfoWindowBody {
    max-width: 250px;
  }
}

@media (max-width: 350px) {
  .gm-style .InfoWindowBody {
    max-width: 200px;
  }
}

@media (max-width: 640px) {
  .k-menu.k-menu-horizontal .k-item {
    float: none;
  }
  .w-language {
    position: absolute;
    top: 0;
    right: 0;
  }
  .k-rtl .w-language {
    left: 0;
    right: auto;
  }
  .challengeParticipants .name {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 480px) {
  .TrackerPointsHeader {
    font-size: .7em;
  }
  .events_default_aspx .RadScheduler .rsHeader h2 {
    display: none;
  }
  .events_default_aspx .RadToolBar .rtbBtn .rtbText {
    width: 50px;
    overflow: hidden;
  }
  .s-trackerimage {
    max-width: 100%;
  }
  .challengeParticipants tr td {
    padding-left: 10px;
    box-sizing: border-box;
  }
  .challengeParticipants .hdrparticipants .progress {
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .topname {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ActivityHistoryTooltip {
    font-size: .67em;
  }
}

.chtSharedTooltip {
  position: absolute;
  background-color: white;
  padding: 0;
  border-style: solid solid solid solid;
  border-width: 1px;
  border-color: #bbbbbb;
  display: none;
  box-shadow: 0 0 4px #888888;
  z-index: 10001;
}

.chtSharedTooltip .HistoryTooltip {
  background-color: white;
}

.k-widget.k-tooltip {
  background-color: #303030;
  border-color: transparent;
  border-radius: 5px;
  padding: 1em;
}

.k-widget.k-tooltip .k-tooltip-content {
  font-size: 0.85rem;
  color: #fff;
}

.k-widget.k-tooltip .k-callout {
  border-bottom-color: currentColor;
  color: #303030;
}

html .k-calendar .k-content {
  height: 10em;
}

html .k-calendar .k-content .k-link,
html .k-calendar td,
html .k-calendar th {
  min-height: 0;
  line-height: 1.6em;
}

.k-calendar .k-century .k-link {
  width: 5.285714em;
}

.k-notification-info a,
.k-notification-info a:visited {
  color: #fff;
}

.k-block {
  padding: 0.8em;
}

.k-button {
  display: inline-block;
}

.k-textbox.k-input, .k-dropdownlist {
  width: 12.4em;
}

.k-radio:focus + .k-radio-label:before {
  border-color: #0072c6;
}

.k-radio:focus + .k-radio-label {
  font-weight: bold;
}

.k-editHtml {
  background-position: -288px -120px;
}

.w-htmleditor.k-editor-inline.k-editor {
  border-color: #c9c9c9;
}

.k-editor-inline.k-editor {
  border-color: #c9c9c9;
}

.w-control-panel {
  display: block;
  border-radius: 5px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  height: 48px;
  width: 48px;
  z-index: 8000;
}

.w-control-panel:hover {
  background-color: #fff;
}

.w-control-panel img {
  width: 100%;
  height: 100%;
}

.admin-panel,
.page-panel {
  padding: 1em;
  box-shadow: 0 0 4px #888888;
  background-color: #fff;
}

.page-dialog .admin-panel,
.page-dialog .page-panel {
  box-shadow: none;
}

@media (max-width: 480px) {
  .admin-panel,
.page-panel {
    padding: .3em;
  }
}

.page-dialog .page-panel {
  box-shadow: none;
}

.k-safari .page-dialog .scrolling {
  overflow-y: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.searchbox {
  width: 100%;
}

.k-rtl .k-space-right .k-icon {
  left: 5px;
  right: auto;
}

.k-rtl .k-textbox.k-space-right {
  padding-left: 1.9em;
  padding-right: 0;
}

.required {
  background-image: url("/Konnected/css/platformicons/asterisk-1");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.k-rtl .required {
  background-position: right center;
  padding-right: 20px;
}

li.required {
  background-position: left top;
}

.avatar {
  width: 48px;
  height: 48px;
  margin: 0.4em;
}

.validator {
  color: red;
  font-weight: bold;
  line-height: .8em;
  font-size: 1em;
}

.login .k-textbox {
  width: 100%;
  box-sizing: border-box;
}

.ch-modalWrapper {
  margin: 0 auto;
  width: 100%;
  overflow: auto;
}

.ch-modalContent {
  float: left;
  width: 100%;
  overflow: auto;
}

.ch-modalHeader {
  float: left;
  width: 100%;
}

.ch-modalFooter {
  float: left;
  width: 100%;
  padding-bottom: 0px;
  padding-top: 20px;
  position: relative;
  bottom: 0;
  min-height: 40px;
}

.ch-modalFloatLeft {
  float: left;
}

.ch-modalCancelFloatLeft {
  float: left;
  margin-left: 15px;
}

.ch-modalFloatRight {
  float: right;
}

.ch-modalCancelFloatRight {
  float: right;
  margin-left: 15px;
}

.change-password .w-passwordRequirements {
  float: right;
}

.k-rtl .change-password .w-passwordRequirements {
  float: left;
}

.login .k-button {
  margin-top: 1em;
}

.page-dialog .login h1 {
  display: none;
}

.w-notify {
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 1em;
  width: 100%;
  background-color: InfoBackground;
  z-index: 11000;
}

.w-notify .k-icon {
  position: fixed;
  right: 0;
  margin-right: 25px;
}

.w-confirm .padded,
.w-confirmshowagain .padded,
.w-alert .padded {
  padding-top: 0;
}

.w-confirm .padded > p,
.w-confirmshowagain .padded > p,
.w-alert .padded > p {
  margin-top: 0;
}

.w-confirmshowagain .showagain {
  font-size: 10pt;
}

.okcancel input {
  display: inline;
}

.prevNext {
  margin-top: 1em;
}

.prevNext .next.k-button .k-icon,
.prevNext .next.k-button .k-icon {
  float: right;
  margin: 2px;
}

.k-rtl .prevNext .next.k-button .k-icon,
.k-rtl .prevNext .next.k-button .k-icon {
  float: left;
}

.clear {
  clear: both;
}

.clear-after::after {
  content: " ";
  display: block;
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.k-rtl .clear-left {
  clear: right;
}

.k-rtl .clear-right {
  clear: left;
}

.cleanList {
  list-style-type: none;
  padding-left: 0;
}

dl.options dt {
  float: left;
  clear: left;
  width: 20px;
  text-align: right;
}

dl.options dd {
  margin: 0 0 0 30px;
  padding: 0 0 0.5em 0;
}

dl.options dd input,
dl.options dd select,
dl.options dd .k-datepicker {
  width: 100%;
}

.k-rtl dl.options dt {
  float: right;
  clear: right;
  text-align: left;
}

.k-rtl dl.options dd {
  margin: 0 30px 0 0;
}

dl.form {
  clear: both;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-bottom: 0.1em;
  position: relative;
}

dl.form dt {
  font-weight: bold;
  margin-bottom: 0.2em;
  padding-top: 0.5em;
  clear: left;
}

dl.form dt:first-of-type {
  padding-top: 0;
}

dl.form dt.list-header {
  font-size: 1.2rem;
  margin-top: 2rem;
  padding: 0.25rem;
  background: #eee;
}

dl.form dd {
  padding: 0.1em 0.8em 0 0.2em;
}

dl.form dd input[type=text],
dl.form dd input[type=password],
dl.form dd select,
dl.form dd .k-datepicker,
dl.form dd .k-textbox,
dl.form dd .k-textarea,
dl.form dd .k-numerictextbox,
dl.form dd .k-dropdown,
dl.form dd .k-dropdownlist,
dl.form dd .k-combobox {
  box-sizing: border-box;
  width: 100%;
}

dl.form dd .k-numerictextbox .k-input-spinner .k-spinner-increase, dl.form dd .k-numerictextbox .k-input-spinner .k-spinner-decrease {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex: 1 1 auto;
}

dl.form dd .k-textarea:not(.k-input) {
  display: inline;
}

dl.form dd .compact {
  width: auto;
  min-width: 12.4rem;
}

dl.form dd textarea {
  padding: 2px 0.7em;
}

.k-rtl dl.form dd {
  padding: 0.1em 0.2em 0 0.8em;
}

.loggedOutMessage {
  text-align: center;
  vertical-align: middle;
  padding: 2em 2em 2em 2em;
  margin: auto;
  background-color: #fff;
}

.image-button {
  width: 1.1em;
  height: 1.1em;
  margin-left: .376em;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}

.admin_groups_group_aspx .req-disabled {
  opacity: .7;
}

.groups-list .avatar,
.member-grid .member-avatar {
  vertical-align: middle;
  max-width: 24px;
  max-height: 24px;
}

.member-count {
  line-height: 2;
}

.image-hide {
  visibility: hidden;
}

.rgSelectedRow .image-button {
  background-color: #fff;
}

.k-grid tbody .k-button.i-more {
  min-width: unset;
  border-radius: 5px;
  padding: 0.8em;
  width: 2.0rem;
  height: 2.0rem;
  background-color: transparent;
  border-color: transparent;
  margin-right: 1rem;
  margin-left: 1rem;
}

.k-grid tbody .k-button.i-more:hover {
  background-color: #efefef;
}

.k-treeview .k-item {
  position: relative;
}

.treeview-context-menu .k-menu-item,
.grid-context-menu .k-menu-item,
.grid-context-menu .k-item {
  background-position: 3px center;
  background-repeat: no-repeat;
}

.treeview-context-menu-button {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0.5rem;
  width: 2rem;
}

.i-add {
  background-image: url(/Konnected/css/platformicons/add-circle-2);
}

.i-add-assignment {
  background-image: url(/Konnected/css/platformicons/add-circle-2);
}

.i-add {
  background-image: url(/Konnected/css/platformicons/add-1);
}

.i-more {
  background-image: url(/Konnected/css/platformicons/navigation-show-more-vertical);
}

.i-edit {
  background-image: url(/Konnected/css/platformicons/pencil-circle);
}

.i-users {
  background-image: url(/shared/images/users.png);
}

.i-delete {
  background-image: url(/Konnected/css/platformicons/remove-circle-2);
}

.i-import {
  background-image: url(/Konnected/css/platformicons/import);
}

.i-image {
  background-image: url(/Konnected/css/platformicons/file-images-new-1);
}

.i-export {
  background-image: url(/Konnected/css/platformicons/export);
}

.i-cal {
  background-image: url(/Konnected/css/platformicons/calendar-1);
}

.i-cal-participant {
  background-image: url(/Konnected/css/platformicons/participants);
}

.i-view {
  background-image: url(/Konnected/css/platformicons/pencil-write);
}

.i-participants {
  background-image: url(/Konnected/css/platformicons/participants);
}

.i-roles-permissions {
  background-image: url(/Konnected/css/platformicons/roles-and-permissions);
}

.i-notifications {
  background-image: url(/Konnected/css/platformicons/email-envelope);
}

.i-copy {
  background-image: url(/Konnected/css/platformicons/copy);
}

.i-translate {
  background-image: url(/Konnected/css/platformicons/small-caps);
}

.i-edit-permissions {
  background-image: url(/Konnected/css/platformicons/key-2);
}

.i-approve {
  background-image: url(/Konnected/css/platformicons/checkmark);
}

.i-unapprove {
  background-image: url(/Konnected/css/platformicons/remove-1);
}

.i-publish {
  margin-left: 0;
  background-image: url(/Konnected/css/platformicons/checkbox-unchecked);
}

.i-published {
  margin-left: 0;
  background-image: url(/Konnected/css/platformicons/checkbox-checked);
  background-repeat: no-repeat;
}

.i-publish-wellscore {
  background-image: url(/Konnected/css/platformicons/checkmark);
}

.i-publish-article {
  background-image: url(/Konnected/css/platformicons/checkmark);
}

.i-query {
  background-image: url(/Konnected/css/platformicons/cog-magnify-16);
}

.i-edit-query {
  background-image: url(/Konnected/css/platformicons/pencil-1);
}

.i-run-query {
  background-image: url(/Konnected/css/platformicons/flash);
}

.i-archived {
  margin-left: 0;
  background-image: url(/Konnected/css/platformicons/folders);
  background-repeat: no-repeat;
}

.i-report {
  background-image: url(/Konnected/css/platformicons/report);
}

.i-reset {
  background-image: url(/Konnected/css/platformicons/refresh);
}

.i-active {
  background-image: url(/Konnected/css/platformicons/checkbox);
}

.i-search {
  background-image: url(/Konnected/css/platformicons/magnify);
}

.i-form {
  background-image: url(/Konnected/css/platformicons/forms);
}

.i-text {
  background-image: url(/Konnected/css/platformicons/text);
}

.i-location {
  background-image: url(/Konnected/css/platformicons/location-pin-network-2);
}

.i-reply {
  background-image: url(/Konnected/css/platformicons/email-send-1);
}

.i-link {
  background-image: url(/Konnected/css/platformicons/link);
  background-size: 16px 16px;
}

.i-unlink {
  background-image: url(/Konnected/css/platformicons/link-broken);
  background-size: 16px 16px;
}

.i-complete {
  background-image: url(/Konnected/css/platformicons/complete);
}

.i-download {
  background-image: url(/Konnected/css/platformicons/down);
}

.i-activate {
  background-image: url(/Konnected/css/platformicons/activate);
  background-size: 24px 24px;
}

.i-deactivate {
  background-image: url(/Konnected/css/platformicons/deactivate);
  background-size: 24px 24px;
}

.i-property {
  background-image: url(/Konnected/css/platformicons/memo);
}

.validic-button {
  background-color: #75B547;
  background-image: url("/Konnected/css/platformicons/network-share-1");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 140px;
  padding: 6px;
  padding-left: 46px;
  border-radius: 7px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
}

.validic-button:hover {
  background-color: #69A33D;
}

.k-rtl #toggle .toggle .show {
  padding-right: 15px;
  background-position: right center;
}

.k-rtl #toggle .toggle .hide {
  padding-right: 15px;
  background-position: right center;
}

#toggle {
  overflow: hidden;
  width: 100%;
}

#toggle a.toggle {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}

#toggle .toggle .show {
  display: none;
  padding-left: 15px;
  background-image: url(/shared/images/plus.png);
  background-position: left center;
  background-repeat: no-repeat;
}

#toggle .toggle .hide {
  display: block;
  padding-left: 15px;
  background-image: url(/shared/images/minus.png);
  background-position: left center;
  background-repeat: no-repeat;
}

#toggle .shiftContent {
  position: static;
  left: auto;
  width: auto;
}

#toggle:after {
  clear: both;
}

#toggle.hidden .toggle .hide,
#toggle.hidden .content {
  display: none;
}

#toggle.hidden .show {
  display: block;
}

#toggle.hidden .shiftContent {
  position: absolute;
  left: -2000px;
  width: 600px;
}

#toggle.notoggle .toggle {
  display: none !important;
}

#toggle.notoggle .content {
  display: block;
}

.collapsible > .title > .toggle {
  background-image: url("/Konnected/css/platformicons/subtract-square-2");
  background-position: left center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.collapsible.collapsed > .title > .toggle {
  background-image: url("/Konnected/css/platformicons/expand");
}

.collapsible.collapsedisabled > .title > .toggle {
  background-image: none;
}

.collapsible.collapsedisabled > .body, .collapsible.collapsed > .body {
  display: none;
}

.k-ieNaN .collapsible > .title > .toggle, .k-ieNaN .collapsible.collapsed > .title > .toggle, .k-ie7 .collapsible > .title > .toggle, .k-ie7 .collapsible.collapsed > .title > .toggle {
  background-image: none;
}

.collapsible .k-ieNaN *.collapsedisabled > .body, .k-ieNaN .collapsible.collapsed > .body,
.collapsible .k-ie7 *.collapsedisabled > .body, .k-ie7 .collapsible.collapsed > .body {
  display: block;
}

.k-rtl .collapsible > .title > .toggle {
  background-position: right center;
}

.admin_coachprogram_coachprogramset_aspx h3 {
  margin-top: .5em;
  margin-bottom: 0;
}

.LocalizedTextBox .Lang {
  padding: .1em;
  font-size: .6em;
  font-weight: bold;
  color: #ffffff;
  background-color: #0072c6;
  text-align: center;
  white-space: nowrap;
}

.calendar-appt-template img {
  vertical-align: bottom;
}

.calendar-appt-template .appt-icons {
  float: left;
}

.calendar-appt-template .appt-icons img {
  margin-top: 5px;
}

.calendar-appt-template .appt-title {
  float: left;
  text-align: center;
  line-height: .9em;
  font-size: .8em;
  margin-top: 8px;
  margin-left: 3px;
}

.calendar-appt-template .appt-desc {
  font-size: .7em;
  color: white;
}

.calendar-appt-template .k-scheduler-agendaview .appt-color {
  display: block;
}

.calendar-appt-template .appt-color {
  display: none;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 3px;
}

.calendar-appt-template .sched-colour {
  float: right;
  width: 12px;
  height: 12px;
}

.k-rtl .calendar-appt-template .appt-icons {
  float: right;
}

.k-rtl .calendar-appt-template .appt-title {
  float: right;
}

.k-rtl .calendar-appt-template .appt-color {
  float: right;
  margin-left: 3px;
  margin-right: inherit;
}

.k-rtl .calendar-appt-template .sched-colour {
  float: left;
}

.appt-title {
  float: left;
  text-align: center;
  line-height: .9em;
}

.k-rtl .appt-title {
  float: right;
}

.appt-desc {
  font-size: .7em;
  color: white;
}

.attendance {
  font-size: 0.7em;
  line-height: 1em;
  display: inline;
}

.calendar-appt-tip-template {
  margin: .3em;
  /*max-width: 26em;*/
}

.calendar-appt-tip-template .title {
  font-weight: bold;
  font-size: 1.3em;
}

.calendar-appt-tip-template .attendance {
  font-weight: normal;
  font-size: 0.6em;
  text-transform: lowercase;
}

.calendar-appt-tip-template .description {
  min-width: 15em;
  max-width: 25em;
}

.calendar-appt-tip-template .attendee {
  font-weight: bold;
}

.calendar-appt-tip-template .owner {
  font-weight: bold;
}

.calendar-appt-tip-template span.addtocal {
  font-size: .5em;
  color: #bbbbbb;
}

.calendar-appt-tip-template .resched,
.calendar-appt-tip-template .cancelappt,
.calendar-appt-tip-template .editprog,
.calendar-appt-tip-template .viewprog,
.calendar-appt-tip-template .addtocal,
.calendar-appt-tip-template .manage-user .attendee {
  font-size: 0.7em;
  line-height: 2em;
  text-decoration: underline;
  color: #0026ff;
  cursor: pointer;
  display: inline;
}

.calendar-appt-tip-template .resched:hover,
.calendar-appt-tip-template .cancelappt:hover,
.calendar-appt-tip-template .editprog:hover,
.calendar-appt-tip-template .viewprog:hover,
.calendar-appt-tip-template .addtocal:hover,
.calendar-appt-tip-template .manage-user .attendee:hover {
  text-decoration: none;
}

.timeZonePicker {
  margin-bottom: 3px;
}

/* !Important necessary to override kendo setting touch-action to "pinch-zoom" inline
    This is a workaround for a bug introduced in Kendo when iOS 13 came out
    https://feedback.telerik.com/kendo-jquery-ui/1431385-scrolling-does-not-work-on-ios-13-1
    
    It comes from ticket PTASK-280598
*/
.calendar_default_aspx .k-scheduler-content.km-widget.km-native-scroller {
  touch-action: manipulation !important;
}

.calendarLegend {
  /*float: left;*/
  width: 80%;
  margin: 0.3em;
}

.calendarLegend dt {
  float: left;
  clear: left;
  width: 2.8em;
  padding-bottom: 0.3em;
}

.calendarLegend dt .colourBlock {
  display: inline-block;
  width: 1.2em;
}

.calendarLegend dt .colourBlock.personal {
  background-color: #e9e20e;
}

.calendarLegend dt .colourBlock.availability {
  background-color: #28ccc9;
}

.calendarLegend dt .colourBlock.booked-appointments {
  background-color: #f8a398;
}

.calendarLegend dt .colourBlock.unbooked-appointments {
  background-color: #f9eeed;
}

.calendarLegend dt .colourBlock.booked-sessions {
  background-color: #51a0ed;
}

.calendarLegend dt .colourBlock.unbooked-sessions {
  background-color: #dbe5ef;
}

.calendarLegend dt .colourBlock.events {
  background-color: #56ca85;
}

.calendarLegend dt .colourBlock.not-available {
  background-color: #e9e20e;
}

.calendarLegend dd {
  float: left;
  clear: right;
}

.k-rtl .calendarLegend {
  /*float: right;*/
}

.k-rtl .calendarLegend dt {
  float: right;
  clear: right;
}

.k-rtl .calendarLegend dd {
  float: right;
  clear: left;
}

.work-hours dt {
  float: left;
  clear: left;
  padding-bottom: 0.3em;
}

.work-hours dt:after {
  content: ":";
}

.work-hours dd {
  margin: 0;
  padding: 0 0 0.3em 6em;
}

.k-rtl .work-hours dt {
  float: right;
  clear: right;
}

.k-rtl .work-hours dd {
  padding: 0 6em 0.3em 0;
}

.EditableContent_EditMode .EditableContent_Container {
  left: auto;
  top: auto;
  position: static;
  border: #dcdcdc 1px dotted;
}

.EditableContent_EditMode .EditableContent_Container:hover {
  background-color: #f5f5f5;
  border: #ff9966 1px dotted;
}

.EditableContent_EditMode .EditableContent_EditContainer {
  padding-bottom: 5px;
  color: Black;
  width: 100%;
}

.EditableContent_EditMode .EditableContent_Controls,
.EditableContent_EditMode .EditableContent_EditControls {
  height: 20px;
  bottom: 0;
  right: 0;
  padding: 2px;
  padding-top: 4px;
}

.EditableContent_EditMode .EditableContent_Controls {
  width: 100%;
}

.EditableContent_EditMode .EditableContent_Language {
  float: right;
  color: #ffffff;
  background-color: Navy;
  text-align: right;
  border: #f0f8ff 1px solid;
  padding: 2px;
  white-space: nowrap;
}

.EditableContent_EditMode .EditableContent_HyperLink {
  color: #f0f8ff;
  border: #f0f8ff 1px solid;
  padding: 2px;
  background-color: #d3d3d3;
}

.EditableContent_EditMode .EditableContent_EditHyperLink {
  color: #000000;
  border: dimgray 1px solid;
  padding: 2px;
  background-color: #e0dfe3;
  margin-right: 3px;
}

.EditableContent_EditMode .EditableContent_HyperLink:Hover,
.EditableContent_EditMode .EditableContent_EditHyperLink:Hover {
  text-decoration: underline;
}

.EditableContent_EditMode .EditableContent_Visibility,
.EditableContent_EditMode .EditableContent_EditCommentLabel {
  color: #4682b4;
  padding: 0 2px 2px 2px;
}

.EditableContent_EditMode .EditableContent_HyperLink:Active,
.EditableContent_EditMode .EditableContent_HyperLink:Visited,
.EditableContent_EditMode .EditableContent_HyperLink:Link,
.EditableContent_EditMode .EditableContent_EditHyperLink:Active,
.EditableContent_EditMode .EditableContent_EditHyperLink:Visited,
.EditableContent_EditMode .EditableContent_EditHyperLink:Link {
  text-decoration: none;
}

.k-rtl .EditableContent_EditMode .EditableContent_Language {
  float: left;
}

.EditableContent_Controls .links,
.EditableContent_EditControls .links {
  white-space: nowrap;
  vertical-align: top;
  padding-top: 5px;
}

.EditableContent_Controls .text,
.EditableContent_EditControls .text {
  width: 100%;
}

.EditableContent_Controls .lang,
.EditableContent_EditControls .lang {
  vertical-align: bottom;
}

.reToolBar .reHTMLEditor:before {
  content: "";
}

.reToolBar a.reHTMLEditor,
.reToolbar a.reTool span.HTMLEditor {
  background-image: url("/shared/images/toolbar/html.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.HtmlEditor #editor {
  /*
        position: absolute;
        top: 50px;
        right: 0;
        bottom: 0;
        left: 0; */
  margin-top: 4px;
  height: 540px;
  overflow: auto;
  border: 1px solid #eee;
}

.infoWindow {
  padding: 15px;
  margin-bottom: 25px;
  background-color: #ffffe1;
  border: #a9a9a9 1px solid;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
}

.infoWindow-small {
  padding: 0.5rem;
  margin: 0.25rem;
  font-size: smaller;
  background-color: #ffffe1;
  border: #a9a9a9 1px solid;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
}

span.apptAsmCount {
  background-image: url("/Konnected/css/platformicons/attachment");
  background-repeat: no-repeat;
  padding-left: 15px;
  font-weight: bold;
}

span.apptBookCountZero {
  background-image: url("/Konnected/css/platformicons/user");
  background-repeat: no-repeat;
  padding-left: 15px;
  font-weight: bold;
}

span.apptBookCount {
  background-image: url("/Konnected/css/platformicons/user");
  background-repeat: no-repeat;
  padding-left: 15px;
  font-weight: bold;
}

span.apptBookCountFull {
  background-image: url("/Konnected/css/platformicons/user-block");
  background-repeat: no-repeat;
  padding-left: 20px;
  font-weight: bold;
}

img.taskup,
img.taskdown {
  cursor: pointer;
  vertical-align: middle;
  background-size: contain;
}

.attendees-tip-template {
  padding: .2em;
  width: 20em;
}

.reportDesc {
  font-size: 0.8em;
}

.total-members {
  border-top: #000 solid 1px;
  line-height: 1em;
  margin-top: 10px;
  width: 40px;
  margin-bottom: 0.5em;
  text-align: right;
}

.ChallengeIcon {
  width: 24px;
  height: 24px;
  background-color: transparent;
  vertical-align: middle;
}

.object-owner,
.challengeowner,
.info-box {
  margin-top: 5px;
  margin-bottom: 10px;
  border: #00008b 1px dotted;
  padding: 10px;
  background-color: #ffffe1;
  width: 96%;
}

.w-locale-tree {
  padding: .5em;
  width: 300px;
  height: 300px;
}

.user-profile .w-locale-tree {
  height: 200px;
}

.reset-programs .w-locale-tree,
.w-locale-tree.auto-size {
  width: auto;
  height: auto;
  padding: 0;
}

.w-locale-tree .folder {
  background-image: url(/shared/images/locale.png);
}

.w-locale-tree .folder-disabled {
  background-image: url(/shared/images/locale-disabled.png);
}

.w-locale-tree .k-item .k-in {
  width: 200px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.w-locale-tree .k-item .k-in.k-state-selected {
  font-weight: bold;
  color: black;
  background-color: #409ccc;
  /* shade of blue */
}

.w-locale-tree .k-item .k-in.k-state-focused {
  font-weight: bold;
  color: black;
  background-color: #d6ffd3;
  /* shade of green */
}

.w-locale-tree .noselect {
  color: #bbb;
}

.w-localePicker {
  line-height: 30px;
}

.TrackerPageDateNav {
  margin-bottom: 8px;
  border-top: gray 1px dotted;
  padding-top: 8px;
}

.TrackerDateNavImg {
  border: 0;
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: text-bottom;
}

.TrackerDatePrompt {
  padding-left: 5px;
  font-size: 11pt;
}

.TrackerDatePicker {
  padding-left: 5px;
}

.TrackerPagePageNav {
  padding-bottom: 4px;
  padding-top: 5px;
  background-color: #d3d3d3;
}

.TrackerPageHdr {
  font-weight: bold;
  font-size: 11pt;
  margin-right: 10px;
  margin-left: 5px;
}

.TrackerPageTab {
  color: Blue;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 2em;
}

.TrackerPageTab:link, .TrackerPageTab:visited {
  text-decoration: none;
}

.TrackerPageTab:hover {
  text-decoration: underline;
}

.TrackerPageTabCurrent {
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  border-bottom: white 5px solid;
  font-weight: bold;
}

.TrackerPageLoggedOut {
  margin-top: 8px;
  background-color: white;
  padding: 5px;
  color: red;
  border: black 1px dotted;
}

.TrackerPageHorizontalWarning {
  margin-top: 8px;
  background-color: white;
  padding: 5px;
  color: red;
  border: black 1px dotted;
}

.TrackerSectionContainer {
  padding-top: 5px;
}

.TrackerSectionContainer H1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 11pt;
}

.TrackerSectionContainer P {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8pt;
}

.TrackerSectionContainerEdit {
  padding-top: 5px;
  border: silver 1px dotted;
}

.TrackerSectionContainerEdit:hover {
  border: black 1px dotted;
  background-color: #eeeeee;
}

.TrackerSectionItemEdit {
  border: 1px;
}

.TrackerSectionItemEdit:hover {
  border: black 1px dotted;
  background-color: #dddddd;
}

.TrackerSectionContainerEdit H1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 11pt;
}

.TrackerSectionContainerEdit P {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8pt;
}

.TrackerPointsHeader {
  font-weight: bold;
}

.TrackerHeaderToday {
  font-weight: bold;
}

.TrackerPointsCell {
  text-align: right;
}

.TrackerImgOpaque {
  opacity: .4;
  filter: alpha(opacity=40);
}

.TrackerEditButton img {
  vertical-align: super;
  margin-top: 5px;
  padding-left: 5px;
  border: 0;
}

.TrackerItemEdit {
  white-space: nowrap;
}

.TrackerCurrentDay a {
  background: orange !important;
}

.TrackerPoints a {
  background-color: #00CCFF;
  font-weight: bold;
}

.rmLink img {
  max-width: 24px;
  max-height: 24px;
}

.small-text {
  font-size: .7em;
}

.shaded {
  background-color: #eee;
}

.centre {
  text-align: center;
  vertical-align: middle;
}

.border {
  border: 1px solid #ccc;
}

.message-board-msg {
  margin: 5px 0;
  border: none;
  padding: .6em;
  background-color: white;
}

.message-board-msg .wellness-score-icon {
  max-width: 125px;
}

.message-board-msg .quickadd-icon,
.message-board-msg .quickaddbuddy-icon {
  width: 24px;
  height: 24px;
  display: inline;
}

.message-board-msg .quickaddbuddy-icon {
  cursor: pointer;
}

.message-board-msg .header {
  font-size: .7em;
  padding: 7px 0;
  margin-bottom: .4em;
  float: left;
  width: 99%;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}

.k-rtl .message-board-msg .header {
  float: right;
}

.message-board-msg .info {
  /** padding to the user info section **/
  padding: 0 .5em;
}

.message-board-msg .info div {
  /** aligning all user info elements to the left **/
  text-align: left;
}

.message-board-msg .name {
  margin-bottom: .5em;
}

.message-board-msg .vote-img {
  display: inline-block;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
}

.message-board-msg .vote-img.no {
  opacity: .7;
  background-image: url(/Konnected/css/platformicons/vote-thumbs-up);
}

.message-board-msg .vote-img.yes {
  background-image: url(/Konnected/css/platformicons/vote-thumbs-up);
}

.message-board-msg .msg-text {
  overflow-x: auto;
}

.message-board-msg .msg-img {
  float: left;
  max-width: 250px;
}

.duplicate-image-notification {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

@media screen and (max-width: 720px) {
  .message-board-msg .msg-img {
    max-width: 200px;
  }
}

@media screen and (max-width: 640px) {
  .message-board-msg .msg-img {
    max-width: 175px;
  }
}

@media screen and (max-width: 500px) {
  .message-board-msg .msg-img {
    max-width: 140px;
  }
}

.messaging_default_aspx a.messaging-vert-center img, .messaging_message_aspx li.rtbItem a.rtbWrap img.rtbIcon {
  position: relative;
  bottom: 2px;
}

.messaging_default_aspx a.messaging-vert-center-top img {
  position: relative;
  top: 2px;
}

.messageboard_default_aspx .admin-panel {
  background-color: transparent;
  box-shadow: none;
}

#messageBoard {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 5px;
}

.testimonials_default_aspx .testimonials table td {
  border: 0;
}

.testimonial #title {
  font-weight: bold;
  font-size: 1.2em;
}

.testimonial {
  margin-bottom: 50px;
}

.w-localized ul {
  overflow-x: auto;
}

.w-localized .k-editor {
  border-width: 1px;
}

.w-localized .k-editor-inline.k-editor {
  border: 1px solid #c9c9c9;
}

.w-localized .k-editor-inline.k-editor:hover {
  border-color: #8f8f8f;
}

.w-localized .k-tabstrip-items {
  margin: 0 2px 0 auto;
  flex-direction: row;
}

.w-localized .k-tabstrip-items .k-item.k-state-active {
  background-color: #0072c6;
  border-color: #0072c6;
  background-image: url("/shared/images/circle-light.png");
}

.w-localized .k-tabstrip-items .k-item.k-state-active .k-link {
  color: #f4f4f4;
}

.w-localized .k-tabstrip-items .k-item.k-state-active.has-content {
  background-image: url("/shared/images/circle-light-fill.png");
}

.w-localized .k-tabstrip-items .k-item, .w-localized .k-tabstrip-items .k-list-item-text {
  padding-left: 12px;
  background-image: url("/shared/images/circle-dark.png");
  background-position: 3px center;
  background-repeat: no-repeat;
}

.w-localized .k-tabstrip-items .has-content {
  background-image: url("/shared/images/circle-dark-fill.png");
}

.w-localized span.k-widget.k-dropdown.dd-lang, .w-localized span.k-dropdownlist.dd-lang {
  width: auto;
}

.w-localized span.k-widget.k-dropdown.dd-lang div, .w-localized span.k-dropdownlist.dd-lang div {
  display: inline;
  padding-left: 1.5rem;
  background-image: url("/shared/images/circle-dark.png");
  background-position: 0 center;
  background-repeat: no-repeat;
}

.w-localized span.k-widget.k-dropdown.dd-lang div.has-content, .w-localized span.k-dropdownlist.dd-lang div.has-content {
  background-image: url("/shared/images/circle-dark-fill.png");
}

.w-localized .k-textbox {
  width: 100%;
}

.w-localized .w-html .k-tabstrip-items {
  margin-right: 1px;
}

.k-list-scroller .k-list, .k-list-scroller .k-list-ul {
  /*        .k-item.k-state-selected div {
            background-image: url('/shared/images/circle-light.png');
        }

        .k-item.k-state-selected div.has-content {
            background-image: url('/shared/images/circle-light-fill.png');
        }

*/
}

.k-list-scroller .k-list .k-list-item-text:before, .k-list-scroller .k-list-ul .k-list-item-text:before {
  display: none;
}

.k-list-scroller .k-list .k-item > div, .k-list-scroller .k-list .k-list-item-text > div, .k-list-scroller .k-list-ul .k-item > div, .k-list-scroller .k-list-ul .k-list-item-text > div {
  padding-left: 1.5rem;
  background-image: url("/shared/images/circle-dark.png");
  background-position: 0 center;
  background-repeat: no-repeat;
}

.k-list-scroller .k-list .k-item > div.has-content, .k-list-scroller .k-list .k-list-item-text > div.has-content, .k-list-scroller .k-list-ul .k-item > div.has-content, .k-list-scroller .k-list-ul .k-list-item-text > div.has-content {
  background-image: url("/shared/images/circle-dark-fill.png");
}

.w-htmleditor {
  min-height: 2.7em;
}

.w-htmleditor td.k-editable-area {
  padding-left: 7px;
  padding-top: 10px;
}

.k-ie9 .k-editable-area iframe,
.k-ie10 .k-editable-area iframe {
  min-height: 100px;
}

.w-content-edit-wrapper {
  position: relative;
}

.w-content-edit-wrapper .w-content-edit {
  border-right: solid 5px #ffd800;
  min-height: 2em;
}

.w-content-edit-wrapper .w-content-edit .widget {
  display: block;
  background-color: #efefef;
  border: solid 1px #efefef;
  border-radius: 5px;
  padding: 10px;
  width: 200px;
  color: #ababab;
  font-size: 0.7em;
  font-family: 'Courier New';
}

.w-content-edit-wrapper .k-button {
  margin-top: 0.2em;
  margin-right: 0.3em;
}

.w-content-edit-wrapper .w-overlay {
  border: solid 1px #ddd;
  background-color: transparent;
  color: #000;
  position: absolute;
  margin-top: -3rem;
  margin-left: 10px;
  margin-right: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: middle;
  min-height: 1em;
  cursor: pointer;
  z-index: 10002;
}

.w-content-edit-wrapper .w-overlay .w-overlay-action {
  position: absolute;
  width: 200px;
  height: 50px;
  margin: auto;
  padding-left: 60px;
  padding: 0 2rem 0 4rem;
  background-color: #ddd;
  background-image: url("/Konnected/css/platformicons/add-1");
  background-repeat: no-repeat;
  background-position: 1rem center;
  line-height: 50px;
}

.w-content-edit-wrapper .w-overlay .w-overlay-info {
  position: relative;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  box-sizing: border-box;
  padding-left: 0.5em;
  padding-right: 0.2em;
  background-color: #ddd;
}

.w-content-edit-wrapper .w-overlay .w-overlay-info .content-visibility {
  font-size: 0.7rem;
  line-height: normal;
}

.w-content-edit-wrapper .w-overlay .w-overlay-info .title {
  line-height: normal;
}

.w-content-edit-wrapper .w-overlay .w-overlay-info .content-action {
  margin-top: 5px;
  position: absolute;
  right: 0;
  top: 0;
}

.w-content-edit-wrapper .k-editor-inline {
  margin: 0;
  padding: 0;
  border-width: 0;
  border: 0;
  box-shadow: none;
  background: none;
  background-color: transparent;
}

.w-content-edit-wrapper .k-editor-inline .k-editor-inline.k-state-active {
  background: none;
  padding: 0;
  background-color: transparent;
}

.w-content-edit-wrapper .w-state-editing.k-editor-inline {
  border: solid 1px #ddd;
}

.edit-mode .w-content-edit-wrapper .w-overlay {
  margin-left: 10px;
  margin-right: 20px;
}

.edit-mode .admincontentWidget .w-content-edit-wrapper .w-overlay {
  margin-top: -15px;
  margin-right: 30px;
}

.k-rtl .w-content-edit-wrapper .w-overlay .k-button {
  float: left;
}

.rdContent .w-content-edit-wrapper .w-overlay {
  margin-top: 0;
}

.rdContent .w-content-edit-wrapper .w-overlay .w-overlay-info {
  display: none;
}

.w-htmleditor table tr,
.w-state-editing table tr {
  min-height: 1em;
}

.w-htmleditor table td,
.w-state-editing table td {
  min-width: 1em;
  min-height: 1em;
  border: dotted 1px #ddd;
}

.w-htmleditor table td:empty:after,
.w-state-editing table td:empty:after {
  content: "\a0";
}

dl.form dd.scaleQuestions .k-numerictextbox {
  width: auto;
}

dl.form dd.scaleQuestions input[type=text] {
  width: 80px;
}

.GMap {
  display: block !important;
  height: auto !important;
}

.GMapControls {
  padding: 7px;
  background-color: #cbe0ab;
  margin-top: 2px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: 1px solid #dddddd;
}

.GMapControls span.header {
  font-weight: bold;
  font-size: 1em;
  padding-right: 9px;
}

.GMapControls A:visited, .GMapControls .GMapContextMenu A:visited {
  color: #0000ff;
  text-decoration: none;
}

.GMapControls A:hover, .GMapControls .GMapContextMenu A:hover {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}

.GMapControls A:active, .GMapControls .GMapContextMenu A:active {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}

.GMapContextMenu A:visited {
  color: #0000ff;
  text-decoration: none;
}

.GMapContextMenu A:hover {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}

.GMapContextMenu A:active {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}

.GMapLabel {
  color: #0000ff;
}

.GMapHelpButton {
  background-image: url(/Konnected/css/platformicons/interface-question-mark);
  background-repeat: no-repeat;
  padding-right: 18px;
  padding-bottom: 3px;
  height: 18px;
  vertical-align: middle;
  background-position: right center;
}

.GMapTitle {
  padding-top: 6px;
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: 5px;
}

.GMapContainer {
  border-radius: 5px;
}

.noScroll {
  overflow: hidden;
}

.noScroll.k-mobile {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 0;
  height: 100%;
}

.sample-text {
  font-style: italic;
  font-size: 0.75em;
}

.Milestone {
  position: absolute;
  width: inherit;
  z-index: 10000;
  padding: 10px;
  border-right: dimgray 1px solid;
  border-top: dimgray 1px solid;
  border-left: dimgray 1px solid;
  border-bottom: dimgray 1px solid;
  background-color: #ffffff;
}

.milestone-preview {
  width: 95%;
  z-index: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #ffffe1;
  text-align: center;
  margin: 10px auto;
}

.milestone-preview h4 {
  font-weight: bold;
  z-index: 0;
  padding: 5px 0;
  margin: 0;
}

.milestone-preview .milestone-view {
  position: relative;
  z-index: 0;
  padding: 10px;
  border-right: #d3d3d3 1px dotted;
  border-top: #d3d3d3 1px dotted;
  border-left: #d3d3d3 1px dotted;
  border-bottom: #d3d3d3 1px dotted;
  background-color: #ffffff;
  text-align: left;
  margin: 0px auto;
}

.milestone-preview .additional-style-info {
  font-size: smaller;
  text-align: left;
  padding: 0.5rem;
}

.k-mobile .k-filename {
  max-width: 4em;
}

@media only screen and (max-width: 1024px) {
  .k-webkit .page-master .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-ff .page-master .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-ie11 .page-master .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-safari .page-master .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-webkit .page-dialog .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-ff .page-dialog .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-ie11 .page-dialog .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-safari .page-dialog .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    height: 1em;
  }
}

.page-master .km-pane-wrapper .k-scheduler-views,
.page-dialog .km-pane-wrapper .k-scheduler-views {
  width: auto;
}

.admin_challenge_edit_aspx #spnPwd input {
  width: unset;
  margin-left: 5px;
  margin-right: 5px;
}

.admin_schedule_schedule_aspx .removeUser {
  margin-left: 10px;
  margin-right: 10px;
}

.assignedit {
  padding: 0 7px;
  float: right;
}

.assignment-group {
  clear: both;
  float: left;
}

.assignment-actions {
  float: right;
  clear: both;
  margin-right: 10px;
}

.assignment-actions:first-child {
  margin-left: 10px;
}

.coach-program-edit {
  margin-left: 15px;
}

.coach-program-delete {
  margin-left: 10px;
}

.coach-program-sort-arrows {
  float: right;
}

.disabled-down, .disabled-up {
  opacity: .7;
  cursor: default;
}

.healthTip-copy {
  margin-left: 20px;
}

#legend .legend-icon {
  padding-right: 5px;
}

.aspNetDisabled.iepngfix {
  opacity: .7;
}

.aspNetDisabled.iepngfix:hover {
  cursor: default;
}

.userGoals {
  display: inline-block;
}

.k-window-content {
  height: 100%;
}

.k-window .k-window-titlebar .k-spacer {
  display: none;
}

.k-window .k-window-titlebar .k-window-title {
  white-space: break-spaces;
  word-break: break-word;
}

div.k-window-iframecontent.km-native-scroller {
  overflow: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.challengewrapper .challenge-data .cDescription {
  margin-top: auto;
  top: 50%;
  transform: translate(0, -50%);
}

@media (max-width: 700px) {
  .challenge-data .cDescription {
    width: 100%;
    margin: 0;
    height: auto;
    overflow: auto;
  }
}

/*Specific to cloudy because it has the user avatar and mail icon dropped down*/
@media (max-height: 700px) {
  .cloudy .challengewrapper .challenge-data .cDescription {
    top: 60%;
  }
}

/*Cloudy and non cloudy medium mobile*/
@media (max-height: 600px) {
  .cloudy .challengewrapper .challenge-data .cDescription {
    top: 65%;
    height: auto;
  }
  .challengewrapper .challenge-data .cDescription {
    height: 65%;
  }
}

/*Iphone 4 essentially*/
@media (max-height: 500px) {
  .cloudy .challengewrapper .challenge-data .cDescription {
    top: 75%;
    height: 65%;
  }
  .challengewrapper .challenge-data .cDescription {
    height: 65%;
  }
}

.small-link {
  font-size: 0.7em;
  text-decoration: underline;
  cursor: pointer;
}

.small-link:hover {
  text-decoration: none;
}

/* Override a kendo calendar dropdown that sits above the header when scrolling the page*/
@media only screen and (max-width: 1024px) {
  .k-webkit .k-scheduler .k-scheduler-toolbar > ul.k-scheduler-views,
.k-ff .k-scheduler .k-scheduler-toolbar > ul.k-scheduler-views,
.k-ie11 .k-scheduler .k-scheduler-toolbar > ul.k-scheduler-views,
.k-safari .k-scheduler .k-scheduler-toolbar > ul.k-scheduler-views {
    z-index: 1000;
  }
}

.rateit {
  display: -moz-inline-box;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.rateit .rateit-range {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  background: url(/Konnected/css/Images/RateIt/star.gif);
  height: 16px;
  outline: none;
}

.rateit .rateit-range * {
  display: block;
}

.rateit .rateit-hover, .rateit .rateit-selected {
  position: absolute;
  left: 0;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
  left: auto;
  right: 0;
}

.rateit .rateit-hover {
  background: url(/Konnected/css/Images/RateIt/star.gif) left -32px;
}

.rateit .rateit-hover-rtl {
  background-position: right -32px;
}

.rateit .rateit-selected {
  background: url(/Konnected/css/Images/RateIt/star.gif) left -32px;
}

.rateit .rateit-selected-rtl {
  background-position: right -32px;
}

.rateit .rateit-preset {
  background: url(/Konnected/css/Images/RateIt/star.gif) left -48px;
}

.rateit .rateit-preset-rtl {
  background: url(/Konnected/css/Images/RateIt/star.gif) left -48px;
}

.rateit button.rateit-reset {
  background: url(/Konnected/css/Images/RateIt/delete.gif) 0 0;
  width: 16px;
  height: 16px;
  display: -moz-inline-box;
  display: inline-block;
  float: left;
  outline: none;
  border: none;
  padding: 0;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
  background-position: 0 -16px;
}

label[for='UserContact_EmailContact'] {
  display: block;
}

.profileLayout .k-checkbox-label {
  line-height: 1.5em;
}

.ws-object-name {
  font-weight: bold;
}

.k-alt {
  background-color: #f8f8f8;
}

.wellScoreItems .wrapper {
  display: inline-block;
  white-space: normal;
}

.wellScoreItems .wrapper .sort {
  display: inline-block;
  text-align: right;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  vertical-align: top;
}

.wellScoreItems .wrapper .sort:before {
  content: "(";
}

.wellScoreItems .wrapper .sort:after {
  content: ")";
}

.wellScoreItems .wrapper .wellScoreName {
  display: inline-block;
}

.wellScoreItems .wrapper .wellScoreName > div {
  display: inline-block;
  cursor: pointer;
}

.wellScoreItems .wrapper .wellScoreName .name {
  font-style: italic;
}

.wellScoreItems .wrapper .details {
  /*text-align: right;*/
  padding-left: 5em;
  font-style: italic;
  position: relative;
  font-size: 0.75rem;
  color: #999;
}

.wellScoreItems .wrapper .details > div {
  display: inline-block;
  padding: 0 0.75em 0 0;
  line-height: 1;
  text-align: left;
  vertical-align: top;
}

.wellScoreItems .wrapper .details .dependents {
  cursor: pointer;
  text-decoration: underline;
}

.wellScoreItems .wrapper .details .date,
.wellScoreItems .wrapper .details .number,
.wellScoreItems .wrapper .details .dependency-name {
  font-weight: bold;
}

.wellScoreItems.k-treelist .k-icon {
  vertical-align: top;
  font-size: 1.5rem;
}

.wellScoreItems.k-treelist .wellScoreName:before {
  /*content: "";
            padding: 1rem;*/
  /*background-image: url(platformicons/file-new-1);
            height: 100%;
            background-position: center 50%;
            background-repeat: no-repeat;
            background-size: 1rem;*/
}

.wellScoreItems.k-treelist .k-treelist-group {
  background-color: #ddd;
}

.wellScoreItems.k-treelist .k-treelist-group .wellScoreName:before {
  content: "";
  padding: 1rem;
  background-image: url(/Konnected/css/platformicons/folder);
  height: 100%;
  background-position: center 50%;
  background-repeat: no-repeat;
  background-size: 1rem;
}

.wellScoreItems.k-treelist td {
  padding: .286em .286em;
}

.wellScoreItems.k-treelist td:first-child {
  overflow: visible;
}

.texttip {
  max-width: 350px;
  font-size: 0.85rem;
  margin: 0.7em;
}

.infotip ul {
  margin: 0;
  padding: 0 1rem;
}

.infotip ul li {
  padding: 0.1em 0;
}

.over-due-dialog .width15 {
  width: 15%;
}

.over-due-dialog .width80 {
  width: 80%;
}

.over-due-dialog .width100 {
  width: 100%;
}

.over-due-dialog .right {
  float: right;
}

.over-due-dialog .left {
  float: left;
}

.over-due-dialog .img-center {
  display: block;
  margin: auto;
  width: 80%;
}

.over-due-dialog .over-due-red {
  color: #ff0000;
  font-weight: bold;
}

.over-due-dialog .licenseOverDueMessage {
  text-align: center;
  vertical-align: middle;
  padding: 2em 2em 2em 2em;
  margin: auto;
}

.over-due-accounts {
  color: #ffffff;
  background-color: #f7922b;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

.over-due-accounts .over-due-header {
  line-height: 1.7em;
  font-size: 1.5em;
  width: 100%;
}

.over-due-accounts .ok-btn {
  line-height: 1.3em;
  font-size: 1.2em;
  width: 100%;
  color: #ffffff;
  background-color: #f7922b;
  font-weight: bold;
  text-align: center;
  border: none;
}

.errorMessage {
  color: #ff0000;
  background-color: #ffffff;
}

.k-grid-header th.k-header.left {
  text-align: left;
}

.k-grid-header th.k-header.center {
  text-align: center;
}

.k-grid-header th.k-header.right {
  text-align: right;
}

.k-rtl .k-grid-header th.k-header.left {
  text-align: right;
}

.k-rtl .k-grid-header th.k-header.right {
  text-align: left;
}

.fitopia {
  display: none;
}

.k-i-edit-html:before {
  content: "\e918";
}

.app_core_common_dialogs_uploadimage_aspx .k-widget.k-window {
  padding-top: 0 !important;
  /* Remove !important if possible */
}

.app_core_common_dialogs_uploadimage_aspx .k-ff input.k-button {
  display: block;
  clear: both;
}

.app_core_common_dialogs_uploadimage_aspx .k-window-titlebar.k-header {
  margin-top: -55px !important;
  /* Remove !important if possible */
}

.libraryGrid .controls .k-icon {
  cursor: pointer;
}

.user-profile .k-slider {
  width: 100%;
  margin-bottom: 1rem;
}

.wellScores {
  margin-bottom: 3px;
}

/*.wellScores-guide {
	.en {
		display: none;
	}
}
*/
.wellScores-guide .en {
  display: block;
  font-size: 0.8em;
}

.wellScores-guide .pdf img {
  width: 22px;
  margin-right: 0.2em;
}

.forms-guide.en {
  margin-bottom: 1em;
  font-size: 0.8em;
}

.forms-guide.pdf img {
  width: 22px;
  margin-right: 0.2em;
}

.ch-tabstrip > ul {
  display: none;
}

.ch-tabstrip > ul.k-tabstrip-items {
  display: inherit;
}

.breadcrumb :not(:empty):not(:first-child):before {
  content: "> ";
}

body.page-master #page-header.top-most {
  z-index: 89998;
}

body.page-master #page-nav.top-most {
  z-index: 89998;
}

.admin_users_dashboard_aspx .main-grid {
  max-width: none;
  margin: 0 1rem;
}

.admin_users_dashboard_aspx .main-grid #page-content {
  padding-top: 1rem;
}

.admin_users_dashboard_aspx .main-grid .widget-dock.padded {
  padding: 0.2rem;
}

.admin_users_dashboard_aspx .main-grid .role-selector {
  padding-right: 0.7rem;
}

.admin_users_dashboard_aspx .main-grid .role-selector .header:after {
  content: ":";
}

.admin_users_dashboard_aspx .main-grid .role-selector .k-dropdown, .admin_users_dashboard_aspx .main-grid .role-selector .k-dropdownlist {
  width: 350px;
}

.k-rtl .admin_users_dashboard_aspx .main-grid .role-selector {
  padding-right: 0;
  padding-left: 0.7rem;
}

.column-layout .full-page {
  height: 7rem;
  border: 1px solid #000;
  margin: 1rem 0;
}

.column-layout #splitter div {
  height: 100%;
  border-right: 1px dashed #666;
  background-color: #ccc;
}

.column-layout #splitter div:last-of-type {
  border-right: none;
}

.column-layout .add {
  background-image: url(/Konnected/css/platformicons/add-circle-2);
  position: relative;
  height: 100%;
  background-position: center 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  cursor: pointer;
}

.column-layout .add:hover {
  opacity: .75;
}

.w-measurement .units,
.w-measurement .feet-value,
.w-measurement .inch-value,
.w-measurement .value {
  width: 100%;
}

.w-measurement .ltgt {
  height: 2em;
  margin-top: 1px;
  border-right: 2px solid white;
  cursor: pointer;
  background-color: #f4f4f4;
  user-select: none;
}

.w-measurement .ltgt:hover {
  background-color: #e2e2e2;
}

.w-measurement .ltgt:active {
  background-color: #0072c6;
  color: white;
}

.w-measurement .k-header.units {
  text-transform: none;
}

.k-grid .k-grid-header .k-header, .k-grid .k-grid-header .k-header .k-column-title {
  text-transform: none;
  white-space: normal;
}

.k-grid .k-grid-header .k-header .k-link, .k-grid .k-grid-header .k-header .k-column-title .k-link {
  height: auto;
}

.description p {
  margin: 0.2rem;
}

/* from http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/ */
.block-with-text {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  /* max-height = line-height (1.2) * lines max number (3) */
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
}

.block-with-text:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.block-with-text:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.join-team .team-list {
  margin: 0;
  padding: 1rem 0 0 0;
  min-height: 350px;
  border: none;
}

.join-team .team-list .team {
  position: relative;
  cursor: pointer;
  width: calc(50% - 2.6rem);
  height: 50px;
  margin: 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 180, 0, 0.1);
  border-radius: 3px;
  padding: 1rem;
}

.join-team .team-list .team.disabled {
  opacity: .6;
  filter: alpha(opacity=60);
  background-color: rgba(0, 0, 0, 0.1);
}

.join-team .team-list .team.disabled:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1);
}

.join-team .team-list .team:hover {
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 180, 0, 0.2);
}

.join-team .team-list .team.k-state-selected {
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 180, 0, 0.3);
}

.join-team .team-list .team img {
  height: 48px;
}

.join-team .team-list .team .details {
  margin: 0 0 0 15px;
  max-width: calc(100% - 90px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.join-team .team-list .team h3 {
  margin: 0;
  line-height: 1.1em;
  font-size: .9em;
}

.join-team .team-list .team .members {
  font-size: 0.75rem;
}

.join-team .team-list .team .info {
  color: red;
  font-weight: bold;
  font-size: 0.75rem;
}

.join-team .team-list .team .go-join-team {
  height: 20px;
  width: 20px;
  opacity: 0.7;
  margin: 1rem 0;
  background-image: url(/Konnected/css/platformicons/arrow-next);
  background-size: contain;
  background-repeat: no-repeat;
}

.join-team .team-list.k-listview:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.join-team .pager {
  margin-bottom: 0.5rem;
  border: none;
}

.team-members {
  width: 16rem;
  max-height: 16rem;
  overflow-y: auto;
}

.team-members .member {
  font-size: 0.75rem;
  padding: 5px;
}

.team-members .member:hover {
  background-color: #eee;
}

.team-members .member img {
  vertical-align: middle;
}

.team-members .member .div-avatar {
  display: inline-block;
}

.team-members .member .div-avatar img {
  width: 32px;
  margin-right: 4px;
}

.search {
  width: 100%;
  margin: 0.5rem 0;
}

.search .go {
  cursor: pointer;
  vertical-align: middle;
}

.search .chSearchBox img {
  vertical-align: middle;
  padding-left: 1px;
  padding-right: 1px;
}

.search .chSearchBox .go {
  cursor: pointer;
}

@media (max-width: 480px) {
  .join-team .team-list .team {
    float: none;
    width: auto;
  }
}

.challenges ul.options {
  padding: 0;
}

.challenges li.search-option {
  list-style: none;
}

.challenges .challenge-list {
  margin: 0;
  padding: 0;
  border: none;
}

.challenges .challenge-list .challenge {
  position: relative;
  width: calc(50% - 0.6rem);
  height: 200px;
  overflow: hidden;
  margin: 0.2rem;
  border: 1px solid #b2b2b2;
  background-color: #fbfbfb;
  border-radius: 3px;
  float: left;
  cursor: pointer;
}

.challenges .challenge-list .challenge .go-to-challenge {
  height: 20px;
  width: 20px;
  opacity: 0.7;
  background-image: url(/Konnected/css/platformicons/arrow-next);
  background-size: contain;
  background-repeat: no-repeat;
}

.challenges .challenge-list .challenge .challenge-header {
  background-color: #e1e1e1;
  padding: 0.5rem;
}

.challenges .challenge-list .challenge .thumbnail {
  height: 48px;
  float: left;
  margin-right: 0.5rem;
}

.challenges .challenge-list .challenge .details {
  position: relative;
  padding: 0.5rem;
}

.challenges .challenge-list .challenge .details .description {
  font-size: 0.75rem;
  float: left;
  margin-right: 34px;
  padding-top: 0.5rem;
}

.challenges .challenge-list .challenge .details .description.block-with-text {
  max-height: 6em;
  /* max-height = line-height (1.2) * lines max number (3) */
}

.challenges .challenge-list .challenge .details .description.block-with-text:after {
  background-color: #fcfcfc;
}

.challenges .challenge-list .challenge .details .description.block-with-text:hover:after {
  background-color: #eee;
}

.challenges .challenge-list .challenge .details .dates {
  font-size: 0.75rem;
  font-style: italic;
  padding-top: 0.2rem;
}

.challenges .challenge-list .challenge .details .additional-info {
  font-size: 0.75rem;
}

.challenges .challenge-list .challenge .details .message-board {
  position: absolute;
  top: 3px;
  right: 3px;
  height: 30px;
  width: 30px;
  margin: 4px;
}

.challenges .challenge-list .challenge .details .message-board:hover {
  height: 34px;
  width: 34px;
  margin: 2px;
}

.challenges .challenge-list .challenge:hover {
  border: 1px solid #7f7f7f;
  background-color: #eee;
}

.challenges .challenge-list .challenge:hover .challenge-header {
  background-color: #bbb;
}

.challenges .challenge-list .challenge:hover .details .description.block-with-text:after {
  background-color: #eee;
}

.challenges .challenge-list .challenge .challenge-icons {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 3px;
  width: calc(100% - 6px);
}

.challenges .challenge-list .challenge .challenge-icons .join {
  height: 22px;
  width: 22px;
  margin: 0.1rem;
}

.challenges .challenge-list .challenge .challenge-icons .challenge-type {
  height: 22px;
  width: 22px;
  margin: 0.1rem;
}

.challenges .challenge-list .challenge .challenge-icons .participant-type {
  height: 22px;
  width: 22px;
  margin: 0.1rem;
}

.challenges .challenge-list .challenge h3 {
  margin: 0;
  line-height: 1.1rem;
  font-size: 1rem;
}

.challenges .challenge-list.k-listview:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.challenges .pager {
  margin-bottom: 0.5rem;
  border: none;
}

.k-rtl .join-team .team-list .go-join-team {
  background-image: url(/Konnected/css/platformicons/arrow-prev);
}

.k-rtl .challenges .challenge-list .challenge {
  float: left;
}

.k-rtl .challenges .challenge-list .challenge .thumbnail {
  float: right;
  margin-right: auto;
  margin-left: 0.5rem;
}

.k-rtl .challenges .challenge-list .challenge .go-to-challenge {
  background-image: url(/Konnected/css/platformicons/arrow-prev);
}

.k-rtl .challenges .challenge-list .challenge .details .description {
  float: right;
  margin-right: auto;
  margin-left: 34px;
}

.k-rtl .challenges .challenge-list .challenge .details .message-board {
  right: auto;
  left: 3px;
}

@media (max-width: 800px) {
  .challenges .challenge-list .challenge {
    width: calc(100% - 0.6rem);
  }
}

.admin-panel .k-grid {
  font-size: 0.92rem;
}

.admin-panel .k-grid tr {
  cursor: pointer;
}

.admin-panel .roles-grid.k-grid {
  height: 100%;
}

.admin-panel .permission-tree {
  height: 100%;
  font-size: 0.75rem;
}

.admin-panel .permission-tree .k-state-selected,
.admin-panel .permission-tree .k-state-hover, .admin-panel .permission-tree .k-state-hover:hover,
.admin-panel .permission-tree .k-in.k-state-focused {
  color: inherit;
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}

.mobile-enabled .k-grid-header th.k-header {
  padding-left: 0.5em;
}

.mobile-enabled .k-grid td:first-of-type,
.mobile-enabled .k-grid th:first-of-type,
.mobile-enabled .k-grid col:first-of-type {
  display: none;
}

.mobile-enabled .k-grid .k-grid-header th.k-header {
  padding-left: .286em;
}

.mobile-enabled .k-grid td {
  padding: .286em .286em;
}

.mobile-enabled .k-grid td .image-button {
  margin-left: 0.5rem;
}

.mobile-enabled .k-grid td .mobile-only {
  display: none;
}

.mobile-enabled .k-treelist.k-grid {
  /* td:nth-of-type(2),
        th:nth-of-type(2),
        col:nth-of-type(2) {
            display: none;
        }*/
}

.mobile-enabled .k-treelist.k-grid td:first-of-type,
.mobile-enabled .k-treelist.k-grid th:first-of-type {
  display: table-cell;
}

.mobile-enabled .k-treelist.k-grid col:first-of-type {
  display: table-column;
}

.challenge-edit .images-grid img {
  max-height: 60px;
  max-width: 100%;
}

.challenge-edit .template-value {
  font-style: italic;
}

@media (max-width: 640px) {
  .challenge-edit .toolbar.k-menu.k-menu-horizontal .k-item {
    float: left;
  }
}

@media (max-width: 767px) {
  .manage-challenges .grid-publication {
    clear: left;
  }
  .mobile-enabled .k-grid td:first-of-type,
.mobile-enabled .k-grid th:first-of-type {
    display: table-cell;
  }
  .mobile-enabled .k-grid col:first-of-type {
    display: table-column;
  }
  .mobile-enabled .k-grid td {
    padding: .486em .286em;
  }
  .mobile-enabled .k-grid td .mobile-only {
    display: table;
    width: 100%;
    line-height: 1.25;
  }
  .mobile-enabled .k-grid td .mobile-name {
    font-weight: bold;
  }
  .mobile-enabled .k-grid td .mobile-date,
.mobile-enabled .k-grid td .mobile-published,
.mobile-enabled .k-grid td .mobile-active,
.mobile-enabled .k-grid td .mobile-localename {
    font-size: 0.75rem;
  }
  .mobile-enabled .k-grid td .mobile-info {
    display: table-cell;
    width: 50%;
    padding-left: 1rem;
    font-size: 0.75rem;
    vertical-align: top;
  }
  .mobile-enabled .k-grid td .mobile-info img {
    height: 0.75rem;
  }
  .mobile-enabled .k-grid td .mobile-action {
    display: table-cell;
    width: 50%;
    text-align: right;
  }
  .mobile-enabled .k-grid td .mobile-action .image-button {
    width: 1.25rem;
    height: 1.25rem;
    /*margin-left: 1rem;*/
  }
  .mobile-enabled .k-grid td .value {
    display: inline-block;
    font-weight: bold;
  }
  .mobile-enabled .k-grid td .label {
    display: inline-block;
  }
  .mobile-enabled .k-grid td .label:after {
    content: ":";
  }
  .mobile-enabled .k-treelist.k-grid {
    /*td:nth-of-type(2),
            th:nth-of-type(2),
            col:nth-of-type(2) {
                display: table-cell;
            }*/
  }
  .mobile-enabled .k-treelist.k-grid td .mobile-only {
    display: inline-block;
  }
}

/*.wellScores.k-grid {
    font-size: 0.92rem;
    cursor: pointer;

    td:first-of-type,
    th:first-of-type,
    col:first-of-type {
        display: none;
    }

    td {
        padding: .286em .286em;

        .mobile-only {
            display: none;
        }
    }
}


@media (max-width: 480px) {
    .wellScores.k-grid {
        td:first-of-type,
        th:first-of-type {
            display: table-cell;
        }

        col:first-of-type {
            display: table-column;
        }

        td {
            .mobile-only {
                display: block;
            }

            .value {
                display: inline-block;
                font-weight: bold;
            }

            .label {
                display: inline-block;*/
/* font-size: 0.75rem; */
/*&:after {
                    content: ":";
                }
            }

            .mobile-date {
                font-size: 0.75rem;
            }

            .image-button {
                width: 1.3rem;
                height: 1.3rem;
            }
        }
    }
}*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive .embed-responsive-video,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-mobile {
  padding-bottom: 100%;
}

/*
.videocall {
    .toolbar-button {
        background-repeat: no-repeat;
        width: 48px;
        height: 48px;
        padding: 2px;
        background-color: #ffffff;
        border-style: solid;
        border-width: 1px;
        border-color: #bbbbbb;
    }
}
*/
.videocall {
  /* background-color: #EFF1F5; */
  background-color: #ffffff;
}

.videocall .input-group {
  margin-top: 8px;
}

.videocall .input-name {
  width: 20%;
}

.videocall .input-id {
  width: 40%;
}

.videocall .header {
  color: #333333;
  line-height: 18px;
  font-size: 10px;
  margin-bottom: 12px;
}

.videocall .toolbar-button {
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  padding: 2px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
}

.videocall #content {
  /*margin-top: 5px;*/
  /*overflow: auto;*/
}

.videocall .v-left {
  float: left;
}

.videocall .v-right {
  float: right;
}

.videocall img {
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  margin-top: 5px;
}

.videocall .videodatetime {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #bbbbbb;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 300px;
}

.videocall .videodatetimedetails {
  display: block;
  margin-bottom: 10px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  vertical-align: middle;
  max-width: 300px;
}

.videocall .div-videocallicon {
  display: none;
  margin-bottom: 10px;
  border: 1px solid #bbbbbb;
  height: 56px;
  line-height: 56px;
  text-align: center;
  padding-left: 15px;
  vertical-align: middle;
  max-width: 300px;
}

.videocall .div-videoappt {
  float: left;
  width: 100%;
}

.videocall .startendtime {
  max-width: calc(100% - 50px);
  text-align: left;
}

.videocall .img-videocallicon {
  padding-top: 4px;
  padding-left: 10px;
  padding-right: 4px;
}

.videocall .supportedbrowserinfo {
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  margin: 10px 0 10px -15px;
}

.videocall .nonsupportedbrowser {
  background-color: #b61909;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 6px;
  display: none;
}

.copy-team .users-list {
  width: 100%;
  height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.copy-team .existing-users {
  display: none;
  padding-top: 5px;
}

.k-panelbar .edit-image.k-image {
  margin-top: 0;
}

.show-on-scroll .user-details-header .fullname {
  color: black;
}

.task-type {
  height: 16px;
  padding-right: 2px;
}

a .task-type {
  padding-left: 11px;
}

/* WELLNESS COMPASS */
#compassDashboardCntr {
  background-color: white;
}

.wcompass #compassNav {
  /*.tab .tab-content h1 {
        margin-top: 5%;
    }*/
}

.wcompass #compassNav .tab-content .tab-progress .circle {
  margin-left: 50px;
}

.wcompass #compassNav #tab1-1 .tab-content div:nth-of-type(n+1) {
  margin-left: auto;
}

.wcompass #compassNav #tab1-1 .tab-content div:nth-of-type(n+1) .circle {
  margin-left: 50px;
}

.wcompass #compassNav div.tab-progress .step-num {
  left: 90px;
  top: 40px;
  font-size: 3rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.wcompass #compassNav div.tab-progress .complete-indicator.complete {
  left: 50px;
  background-image: url(/Konnected/css/platformicons/wc_blue_checkmark);
}

.wcompass #compassNav .selected div.tab-progress .complete-indicator.complete {
  background-image: url(/Konnected/css/platformicons/wc_green_checkmark);
}

.wcompass #compassNav .tab-content .bottom-progress {
  position: absolute;
  left: 56px;
  bottom: 0;
  padding: 5px 25px;
  border-radius: 3px 3px 0 0;
  background-color: gray;
  display: block;
  color: white;
}

.wcompass #compassNav .tab-content .bottom-progress.hide {
  display: none;
}

@media (max-width: 800px) {
  .wcompass #compassNav .tab-content .bottom-progress.show {
    display: none;
  }
  .wcompass #compassNav .tab-content .tab-progress .circle {
    margin-left: 5px;
  }
  .wcompass #compassNav #tab1-1 .tab-content div:nth-of-type(n+1) {
    margin-left: auto;
  }
  .wcompass #compassNav #tab1-1 .tab-content div:nth-of-type(n+1) .circle {
    margin-left: 5px;
  }
  .wcompass #compassNav div.tab-progress .step-num {
    left: 26px;
    top: 20px;
    font-size: 1rem;
  }
  .wcompass #compassNav div.tab-progress .complete-indicator.complete {
    left: 0;
  }
}

#compassNav div {
  box-sizing: border-box;
}

#compassNav .tab-content .bottom-progress {
  display: none;
}

#compassNav .bx-wrapper .bx-viewport {
  border: 0;
  left: 0;
}

#compassNav .tabs {
  width: 100%;
  overflow-x: hidden;
  background-color: #444447;
}

#compassNav .tabs-container {
  position: relative;
  width: 10000px;
}

#compassNav .headline {
  position: absolute;
  top: 5%;
  width: 100%;
  text-align: center;
  color: white;
}

#compassNav .headline h1, #compassNav .headline .step-num {
  font-size: 60px;
}

@media (max-width: 800px) {
  #compassNav h1 {
    font-size: 1.5em;
  }
  #compassNav h2 {
    font-size: 1.5em;
  }
}

@media (max-width: 480px) {
  #compassNav h1 {
    font-size: 1em;
  }
  #compassNav h2 {
    font-size: 1em;
  }
}

#compassNav .prev {
  position: absolute;
  top: 30%;
  left: 10px;
  color: #fff;
  font-weight: bold;
}

#compassNav .prev.hover {
  cursor: pointer;
}

#compassNav .prev .prev-arrow {
  float: left;
  height: 76px;
  width: 45px;
  background: url(/shared/images/compass/slider-controls-alt.png) no-repeat 0 0;
}

#compassNav .prev.hover .prev-arrow {
  background: url(/shared/images/compass/slider-controls-alt.png) no-repeat 0 -80px;
}

#compassNav .prev .prev-text {
  float: left;
  margin-top: 25px;
  opacity: .8;
}

#compassNav .prev.hover .prev-text {
  opacity: 1;
}

#compassNav .next {
  position: absolute;
  top: 30%;
  right: 10px;
  color: #fff;
  font-weight: bold;
}

#compassNav .next.hover {
  cursor: pointer;
}

#compassNav .next .next-arrow {
  float: right;
  height: 76px;
  width: 45px;
  background: url(/shared/images/compass/slider-controls-alt.png) no-repeat -45px 0;
}

#compassNav .next.hover .next-arrow {
  background: url(/shared/images/compass/slider-controls-alt.png) no-repeat -45px -80px;
}

#compassNav .next .next-text {
  float: right;
  margin-top: 25px;
  opacity: .8;
}

#compassNav .next.hover .next-text {
  opacity: 1;
}

#compassNav div.tab-progress {
  position: relative;
  margin-right: 5px;
  margin-top: 10px;
  float: left;
}

#compassNav div.tab-progress .step-num {
  font-size: 1.3em;
  font-weight: bold;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#compassNav div.tab-progress .circle {
  height: 50px;
  /* added because the heading wasn't centering quite right */
}

#compassNav div.tab-progress .complete-indicator {
  display: none;
}

#compassNav div.tab-progress .complete-indicator.complete {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -9px;
  left: -4px;
  background-image: url(/Konnected/css/platformicons/default_light_grey_checkmark.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

#compassNav .selected div.tab-progress .complete-indicator.complete {
  background-image: url(/Konnected/css/platformicons/default_blue_checkmark.svg);
}

#compassNav .tab-1 {
  background-color: #aab3b6;
}

#compassNav .tab-2 {
  background-color: #6f7375;
}

#compassNav .tab-3 {
  background-color: #636769;
}

#compassNav .tab-4 {
  background-color: #aab3b6;
}

#compassNav .tab-5 {
  background-color: #aab3b6;
}

#compassNav .tab-6 {
  background-color: #636769;
}

#compassNav .tab-7 {
  background-color: #aab3b6;
}

#compassNav .tab-8 {
  background-color: #6f7375;
}

#compassNav .tab-9 {
  background-color: #636769;
}

#compassNav .tab {
  color: #aaa;
  width: 400px;
  padding: 5px;
  height: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#compassNav .tab h1 {
  font-size: 1em;
  margin-left: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

#compassNav .tab p {
  margin: 0px 10px 10px 10px;
}

@media (max-width: 800px) {
  #compassNav .tab {
    width: 350px;
    height: 100px;
  }
  #compassNav .tab h1 {
    font-size: .8em;
  }
  #compassNav .tab p {
    font-size: .8em;
  }
}

@media (max-width: 480px) {
  #compassNav .tab {
    width: 200px;
    height: 80px;
  }
  #compassNav .tab h1 {
    font-size: .6em;
  }
  #compassNav .tab p {
    font-size: .6em;
  }
}

#compassNav .tab .tab-content {
  opacity: .8;
}

#compassNav .tab.active {
  cursor: pointer;
}

#compassNav .tab.active h1, #compassNav .tab.active p {
  color: white;
}

#compassNav .tab.active .tab-progress {
  border-color: white;
}

#compassNav .tab.active.hover {
  background-color: #215467;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

#compassNav .tab.active.selected {
  background-color: #1abeeb;
  color: #fff;
}

#compassNav .tab.active.selected .tab-progress {
  border-color: white;
}

/* Personal Challenge Add/Edit page */
.personalChallengeEdit {
  width: 100%;
}

.personalChallengeEdit .icons {
  height: 30px;
  width: 30px;
  padding: 2px;
}

.personalChallengeEdit .divHidden {
  display: none;
}

.personalChallengeEdit .textarea-inviteMsg {
  width: 45em;
  height: 4.5em;
}

.personalChallengeEdit .buddy-edit-name {
  width: 55%;
}

.personalChallengeEdit .buddy-edit-invite {
  width: 15%;
}

.personalChallengeEdit .buddy-edit-status {
  width: 15%;
}

.personalChallengeEdit .buddy-edit-uninvite {
  width: 15%;
}

.personalChallengeEdit .k-dirty {
  border-color: transparent transparent transparent transparent;
}

.personalChallengeEdit .label-icons,
.personalChallengeEdit-label-icons {
  vertical-align: middle;
}

.personalChallengeEdit .label-icons .img-step,
.personalChallengeEdit-label-icons .img-step {
  position: relative;
  top: 10px;
  left: 4px;
  height: 16px;
  width: 16px;
  padding: 2px;
  margin-right: 10px;
}

.personalChallengeEdit .label-icons .img-event,
.personalChallengeEdit-label-icons .img-event {
  position: relative;
  top: 2px;
  left: 4px;
  height: 16px;
  width: 16px;
  padding: 2px;
  margin-right: 2px;
}

.personalChallengeEdit .label-icons .img-edit,
.personalChallengeEdit-label-icons .img-edit {
  height: 16px;
  width: 16px;
  padding: 1px;
  margin-right: 6px;
}

.personalChallengeEdit .challenge-label-icons {
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
}

.personalChallengeEdit .avatar {
  width: 48px;
  height: 48px;
  margin: 0.4em;
}

.personalChallengeEdit .avatar img {
  width: 40px;
}

.admin_controlpanel_controlpanel_aspx #controlPanelOuter li {
  margin-top: 3px;
  margin-bottom: 3px;
}

@media (max-width: 650px) {
  .personalChallengeEdit .textarea-inviteMsg {
    width: 35em;
  }
}

@media (max-width: 500px) {
  .personalChallengeEdit .textarea-inviteMsg {
    width: 20em;
  }
}

.personalChallengeEdit .k-grid .k-grid-header .k-header {
  font-weight: 700;
}

/* Personal Challenge View page */
.personalChallengeView {
  width: 100%;
}

.personalChallengeView .infoWindow {
  padding: 15px;
  margin-bottom: 25px;
  background-color: #fefed3;
  border: #a9a9a9 1px solid;
  vertical-align: middle;
  width: 99%;
}

.personalChallengeView .viewHidden {
  display: none;
}

.personalChallengeView .sub-title {
  margin-top: 10px;
  margin-bottom: 4px;
  font-weight: 700;
  width: 100%;
}

.personalChallengeView .sub-title-top-border {
  margin-top: 10px;
  margin-bottom: 4px;
  padding-top: 16px;
  font-weight: 700;
  width: 100%;
  border-top: #c9c9c9 1px solid;
}

.personalChallengeView .icons {
  height: 30px;
  width: 30px;
  padding: 2px;
}

.personalChallengeView .challengeIcon {
  height: 24px;
  width: 24px;
  margin-right: 4px;
}

.personalChallengeView .reminderIcon {
  height: 16px;
  width: 16px;
  padding: 2px;
  margin-left: 6px;
  float: right;
}

.personalChallengeView .reminderDate {
  float: right;
}

.personalChallengeView .reminderTarget {
  float: right;
}

.personalChallengeView .viewRankIcon {
  height: 17px;
  width: 17px;
  margin-right: 4px;
  float: left;
  vertical-align: middle;
}

.personalChallengeView .viewStepsIcon {
  height: 17px;
  width: 17px;
  margin-right: 4px;
  float: left;
  vertical-align: middle;
}

.personalChallengeView .challengeName {
  text-align: left;
}

.personalChallengeView .challengeName h3 {
  margin-left: 33px;
  padding-top: 3px;
}

.personalChallengeView .inviteMessage {
  text-align: left;
  max-height: 100px;
  overflow: auto;
}

.personalChallengeView .avatar {
  width: 48px;
  height: 48px;
  margin: 0.4em;
}

.personalChallengeView .avatar img {
  width: 48px;
  height: 48px;
}

.personalChallengeView .width100 {
  width: 100%;
}

.personalChallengeView .details-info {
  font-size: 1rem;
  line-height: 1.3rem;
  width: 97%;
}

.personalChallengeView .bold-text {
  font-weight: 700;
}

.personalChallengeView .reminder-text {
  font-size: 0.7rem;
}

.personalChallengeView .k-grid .k-grid-header .k-header {
  font-weight: 700;
}

.personalChallengeView .pb_progress {
  width: 100%;
}

.personalChallengeView .rank {
  width: 100%;
  max-width: 50px;
}

.personalChallengeView .k-grid-header th.k-header {
  padding-left: 0.6em;
}

.personalChallengeView .k-grid td {
  padding: 0.286em 0.6em;
}

.personalChallengeView .k-progressbar .k-state-selected {
  background-color: #00b9ff;
  border-color: #00b9ff;
}

.personalChallengeView .k-progressbar .k-progress-status {
  color: #000000;
  font-weight: 500;
}

@media screen and (max-width: 600px) {
  .personalChallengeView .viewTitle {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .personalChallengeView .challengeviewdates {
    margin-top: 10px;
  }
  .personalChallengeView .reminderIcon {
    float: left;
    margin-left: 0;
    margin-right: 6px;
  }
  .personalChallengeView .reminderDate {
    float: left;
  }
  .personalChallengeView .reminderTarget {
    float: left;
  }
}

.w-eventCalendar .k-scheduler-table td[role="gridcell"]:hover,
.w-eventCalendar .k-scheduler-table td.k-today[role="gridcell"]:hover,
.w-eventCalendar .k-scheduler-table td.k-scheduler-cell:hover {
  background-color: #cde6f7;
}

.device-info {
  padding: 0.5rem;
  margin: 0.5rem 0;
  background-color: #eee;
}

/*  risk summary history graph field additional info*/
.historyGraph-Info {
  display: none;
  font-size: 9pt;
  background-color: #eee;
  border: solid;
  border-color: #bbb;
  border-width: 1px;
  padding: 0.5rem;
  margin-top: 4px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

/* fix for kendo v.2024 numeric box height */
.k-numerictextbox.k-input {
  width: auto;
}

.k-numerictextbox .k-input-spinner .k-spinner-increase, .k-numerictextbox .k-input-spinner .k-spinner-decrease {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex: 1 1 auto;
}

/* temporary fix for kendo numeric box problem */
.k-numeric-wrap.k-expand-padding {
  padding-right: 0;
}

/* changes to get the image or file browser to display better within Widget Config dialog */
.page-dialog .k-window {
  max-width: 95%;
  max-height: 100%;
}

.page-dialog .k-filebrowser-dialog {
  width: 100%;
}

.page-dialog .k-edit-form-content .k-filebrowser ul.k-tiles {
  height: 292px;
}

.page-dialog .k-edit-form-content .k-imagebrowser ul.k-tiles {
  height: 292px;
}

.consent-content {
  display: table-row;
}

.consent-content > div {
  display: table-cell;
  vertical-align: top;
  padding-top: 1em;
  padding-bottom: 2em;
}

.consent-content input[type="checkbox"] {
  width: 2.5em;
  height: 2.5em;
}

.consent-content label {
  padding-left: 0.5em;
  display: inline-block;
}

.milestones-container .milestone .html, .milestones-container .milestone .progress, .milestones-container .milestone .date {
  margin-left: 50px;
  margin-right: 50px;
}

@media screen and (max-width: 480px) {
  .milestones-container .milestone .html, .milestones-container .milestone .progress, .milestones-container .milestone .date {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Cleaning up spacing on bulk notifications admin setting - PDEV-297187 - SK 8/12/21 */
.filters .filter {
  margin-bottom: 20px;
}

.filters .filter span.k-widget {
  margin-left: 5px;
  margin-right: 5px;
}

/* End PDEV-297187 */
.filters .filter.dependant {
  margin-left: 50px;
}

.bulk-notification .header {
  margin-top: 5px;
  margin-bottom: 5px;
  border: #00008b 1px dotted;
  padding: 10px;
  background-color: #ffffe1;
  width: 96%;
}

.bulk-notification .no-tabs {
  display: none;
}

#btnChooseRiskTypeSummary,
#btnRemoveRiskTypeSummary {
  cursor: pointer;
}

.admin-help-info {
  border: #808080 1px dotted;
  padding: 10px;
  color: #0000cd;
  background-color: #ffffe1;
  font-size: smaller;
}

.drag-drop-rows.k-grid tbody tr {
  cursor: move;
}

.drag-drop-rows .placeholder {
  outline-style: dashed;
  outline-width: 1px;
  outline-color: red;
}

.admin-groups-search .div-avatar img,
.admin-groups-list .div-avatar img {
  width: 24px;
}

.admin-groups-edit-header .div-avatar img {
  width: 48px;
}

.admin-groups-edit .div-avatar img {
  width: 24px;
}

.profileLayout .div-avatar img {
  width: 48px;
}

#comments #comment .div-avatar {
  display: inline-block;
  width: 48px;
  margin-right: 4px;
}

#comments #comment .div-avatar img {
  width: 48px;
}

.k-window div.k-window-content {
  padding: .231rem .857rem;
  background-color: #fff;
}

.k-window .k-edit-buttons {
  bottom: 0;
}

/* CSS for gender table*/
.admin_configuration_gender_aspx .k-grid td {
  padding: .4em .6em;
}

/* CSS for SSOSettings */
#ssonewsetting {
  width: 100%;
}

.setting-title {
  margin-top: 0;
}

.ssoSettingField {
  display: block;
  white-space: nowrap;
  margin-top: 5px;
  padding-bottom: 10px;
}

.ssoSettingField input#Name {
  min-width: 290px;
}

.ssoSettingField label {
  margin-right: 10px;
  min-width: 255px;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.ssoSettingField span input {
  border-style: solid;
  border-width: 1px;
}

.ssoSettingField span input[type=text] {
  width: 63%;
}

.ssoSettingField span.k-input.k-textbox {
  width: 63%;
}

.ssoSettingField span.k-input.k-textbox input {
  border: 0;
}

.customSettingFieldWrapper .ssoSettingField label {
  margin-top: 4px;
  box-sizing: border-box;
}

.customSettingFieldWrapper .ssoSettingField .k-input[type=text] {
  min-width: 269px;
}

#AttributeSelection {
  margin-top: 5px;
}

.multiple-settings, .one-time-setting {
  margin-top: 0;
  margin-bottom: 5px;
}

.one-time-setting {
  /*    float: left;
*/
  margin-right: 5px;
}

.clearline {
  border-top: 2px solid #cecece;
  margin-top: 15px;
  margin-bottom: -15px;
}

.clearline.more {
  margin-top: 30px;
  margin-bottom: 0px;
}

.coreHealthSettingsWrapper .chs {
  margin-top: 5px;
  padding-bottom: 10px;
}

.coreHealthSettingsWrapper .chs label {
  min-width: 255px;
  box-sizing: border-box;
}

.coreHealthSettingsWrapper .chs input[type=checkbox] {
  margin-left: 0;
}

.coreHealthSettingsWrapper .chs input[type=text], .coreHealthSettingsWrapper .chs span.k-input.k-textbox {
  width: 63%;
}

.coreHealthSettingsWrapper .chs label, .coreHealthSettingsWrapper .chs input {
  display: inline-block;
}

.coreHealthSettingsWrapper .ssoMappingsWrapper .newMappingWrapper {
  margin-bottom: 5px;
}

.coreHealthSettingsWrapper .ssoMappingsWrapper .newMappingWrapper input, .coreHealthSettingsWrapper .ssoMappingsWrapper .newMappingWrapper span.k-input.k-textbox {
  margin-right: 10px;
  width: 22%;
}

.coreHealthSettingsWrapper .ssoMappingsWrapper .deleteMapping {
  margin-left: 0;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  .ssoSettingField {
    white-space: normal;
  }
  .ssoSettingField span input[type=text] {
    width: 100%;
  }
  .coreHealthSettingsWrapper .chs input[type=text] {
    width: 100%;
  }
}

/* theme related rules for Kendo drop down
 * gemini 278917   content widget, insert image pop up was not always
 *  wide enough for "Name" to display correctly. This rule increases
 *  width from 5.3em to 5.5em
*/
.theme-contempo .k-filebrowser .k-tiles-arrange .k-dropdown, .theme-contempo .k-filebrowser .k-tiles-arrange .k-dropdownlist,
.theme-whitespacehorizontal .k-filebrowser .k-tiles-arrange .k-dropdown, .theme-whitespacehorizontal .k-filebrowser .k-tiles-arrange .k-dropdownlist,
.theme-whitespacevanilla .k-filebrowser .k-tiles-arrange .k-dropdown, .theme-whitespacevanilla .k-filebrowser .k-tiles-arrange .k-dropdownlist {
  width: 5.5em;
}

/* Note, theme-vibrant2.0  is not a valid css class name, breaks the rule if the 2\.0 backslash is not added 
    modified C# code to replace the 2.0 with 2_0
   
    Both Vibrant and Vibrant2.0 master pages have 
    <body class="page-master vibrant">

    Targeting vibrant, as will work for both templates
*/
.vibrant .k-filebrowser .k-tiles-arrange .k-dropdown, .vibrant .k-filebrowser .k-tiles-arrange .k-dropdownlist {
  width: 5.5em;
}

.report-list .report-item a {
  padding-left: 17px;
  background-image: url(/Konnected/css/platformicons/report.svg);
  background-repeat: no-repeat;
  background-position-y: 3px;
}

.report-list .report-item.pbi a {
  background-image: url(/Konnected/css/platformicons/power-bi.svg);
}

.report-list .report-item.pbi span {
  border: .5px solid black;
  font-size: 0.6rem;
  vertical-align: super;
  background-color: #f2c811;
  margin-left: 0.5rem;
  color: black;
  padding: 2px 4px;
  text-decoration: none;
}

.permission-tree.k-treeview li ul:after {
  content: '';
  display: block;
  clear: both;
}

.permission-tree.k-treeview li ul li.k-item {
  float: left;
  min-width: 30%;
}

@media (max-width: 480px) {
  .permission-tree.k-treeview li ul li.k-item {
    float: none;
    width: auto;
  }
}

.admin-header-panel {
  border: 1px dotted #00008b;
  background-color: #ffffe1;
  padding: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.drop-target-background {
  background-color: #bbb;
}

.k-scheduler .k-nonwork-hour.drop-target-background {
  background-color: #bbb;
}

.text-value {
  display: inline-block;
  padding: 0.25rem 1rem;
  background: #eee;
}

.k-separator {
  background-color: #ddd;
}

.top-right-button {
  position: relative;
  top: -2rem;
}

.top-right-button .okcancel.right {
  position: relative;
  top: 2rem;
  z-index: 1;
}

.top-right-button .okcancel.right .k-button {
  border: none;
}

.palette .k-switch {
  font-size: 0.875rem;
}

.k-grid {
  background-color: #fff;
}

.small-header {
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.w-htmleditor .token {
  border: 1px solid blue;
  font: normal 0.8rem Tahoma;
  background-color: #ddddee;
  padding: 0 3px;
  text-transform: uppercase;
}

.oauth-fieldset {
  border: 0;
}

.oauth-title {
  font-size: 1.3em;
  font-weight: 300;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

#general-oauthsetting #btnAutoFillField {
  margin-top: 20px;
}

#ch-oauthsetting, #mapping-oauthsetting {
  border-top: 2px solid #cecece;
}

#mapping-oauthsetting #btnAddMapping {
  margin-top: 20px;
}

#oauth-map-form .oauth-map {
  position: relative;
  margin-bottom: 5px;
  white-space: nowrap;
}

#oauth-map-form .oauth-map input, #oauth-map-form .oauth-map span.k-textbox {
  width: 22%;
}

#oauth-map-form .oauth-map input:placeholder-shown, #oauth-map-form .oauth-map span.k-textbox:placeholder-shown {
  text-overflow: ellipsis;
}

#oauth-map-form .oauth-map span:not(.k-textbox) {
  position: absolute;
  width: 22%;
  top: 100%;
  left: 20px;
}

#oauth-map-form .oauth-map div[type=button] {
  width: 5%;
}

.toggleable-input-wrap {
  position: relative;
  width: 100%;
}

.toggleable-input-wrap input.toggleable-input {
  padding-right: 30px;
}

.toggleable-input-wrap button.toggle_password {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 12px;
  cursor: pointer;
  padding: 0;
  border: 0;
  z-index: 2;
  background: url("/Shared/Images/EmployerSolution/Icons/eye.svg") no-repeat center center/contain, transparent;
}

.toggleable-input-wrap button.toggle_password.eye-open {
  background: url("/Shared/Images/EmployerSolution/Icons/eye-off.svg") no-repeat center center/contain, transparent;
}

.access-code #btnNew {
  margin-bottom: 16px;
}

.access-code .access-code-grid {
  border: 0;
  margin-bottom: 16px;
}

.access-code .access-code-grid .k-grid-header {
  padding-right: 0 !important;
  background-color: #F9FAFB;
  border-color: #EAECF0;
}

.access-code .access-code-grid .k-grid-header .k-header, .access-code .access-code-grid .k-grid-header .k-grid-header-wrap {
  border: 0;
  background: transparent;
}

.access-code .access-code-grid .k-grid-header .k-header span, .access-code .access-code-grid .k-grid-header .k-grid-header-wrap span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

.access-code .access-code-grid .k-grid-header .k-header span:first-of-type, .access-code .access-code-grid .k-grid-header .k-grid-header-wrap span:first-of-type {
  font-weight: bold;
}

.access-code .access-code-grid .k-grid-header .k-header span.link-icon:after, .access-code .access-code-grid .k-grid-header .k-grid-header-wrap span.link-icon:after {
  content: url("/Shared/images/Devices/link.svg");
  width: 16px;
  height: 16px;
}

.access-code .access-code-grid .k-grid-content {
  overflow: hidden;
}

.access-code .access-code-grid .k-grid-content .k-grid-norecords {
  padding: 26px;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid #EAECF0;
  justify-content: center;
}

.access-code .access-code-grid .k-grid-content table {
  border-collapse: collapse;
}

.access-code .access-code-grid .k-grid-content table .k-master-row {
  border-bottom: 1px solid #EAECF0;
}

.access-code .access-code-grid .k-grid-content table .k-master-row td {
  border: 0;
}

.access-code .access-code-grid .k-grid-content table .k-master-row td .k-grid-delete, .access-code .access-code-grid .k-grid-content table .k-master-row td .k-grid-qrcode {
  border: 0;
  padding: 0;
  background: transparent;
  min-width: 0;
  color: black;
}

.access-code .access-code-grid .k-grid-content table .k-master-row td .k-grid-delete span, .access-code .access-code-grid .k-grid-content table .k-master-row td .k-grid-qrcode span {
  margin: 0;
}

.lang-disabled {
  display: none;
}

.admin_library_default_aspx .k-list-container.k-popup .k-list-scroller .k-item {
  gap: 8px;
}

#lblFitBit, #tblGarmin {
  cursor: default;
  color: inherit;
  text-decoration: none;
}

#lblFitBit.linkfitbit, #lblGarmin.linkgarmin {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

.consent_documents_page {
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  padding-top: calc(24px - 0.231rem);
  padding-bottom: calc(24px - 0.231rem);
  padding-left: calc(24px - 0.857rem);
  padding-right: calc(24px - 0.857rem);
}

.consent_documents_page.grid-whole {
  float: none;
  margin: 0 auto;
}

.consent_documents_page .consent_documents_header {
  margin: 0;
  font-size: 42px;
  font-weight: 700;
  font-family: Poppins, sans-serif;
}

.consent_documents_page .consent_documents_description {
  margin: 0;
  font-size: 18px;
  font-family: Poppins, sans-serif;
}

.consent_documents_page .consent_documents_view {
  width: 100%;
}

.consent_documents_page .consent_documents_btn {
  margin-top: auto;
  align-self: end;
}

.global_devices_popup {
  max-height: 90vh;
}

.global_devices_popup .devices__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}

.global_devices_popup .devices__wrapper .devices__content {
  margin-bottom: 0;
}

.global_devices_popup .devices__wrapper .devices__content .chal-devices__heading, .global_devices_popup .devices__wrapper .devices__content .chal-devices__text-content, .global_devices_popup .devices__wrapper .devices__content .chal-devices__subheading {
  display: none;
}

.global_devices_popup .devices__wrapper .devices__close-btn {
  margin-top: auto;
}

.profile_qrcode_aspx #page-content .access-code .qr-code {
  display: flex;
  align-items: center;
  justify-content: center;
}

.EditableContent_EditMode .EditableContent_EditContainer {
  padding-bottom: 5px;
  background-color: White;
  color: Black;
  left: 0;
  top: 0;
  min-width: 100% !important;
  width: 100%;
  position: relative;
  z-index: 7001;
}

.Dashboard {
  clear: both;
  overflow: hidden;
}

.Dashboard .row {
  clear: both;
}

.height_1U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 90px;
}

.height_1p5U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 150px;
}

.height_2U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 210px;
}

.height_3U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 330px;
}

.height_4U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 450px;
}

.height_5U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 570px;
}

.height_6U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 690px;
}

.height_7U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 810px;
}

.height_8U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 930px;
}

.height_auto .widget-content {
  height: auto;
  overflow: visible;
}

.widget-content {
  padding-top: 0.3em;
}

.RadDock {
  background-color: Transparent !important;
}

.RadDock .rdTable .rdCenter .rdTitleBar div {
  float: left;
  font-size: 12px;
  line-height: normal;
}

.RadDock .rdTitle {
  background: none transparent !important;
  font-weight: bold;
}

.RadDock div {
  border-color: #eee !important;
}

.RadDock .rdCommands {
  padding-right: 5px;
}

.RadDock .innerWrp {
  margin: 0;
  padding: 10px;
}

.k-rtl .RadDock .rdTable .rdCenter .rdTitleBar div {
  float: right;
}

.DashboardEdit {
  min-height: 300px;
  clear: both;
  overflow: hidden;
  position: relative;
  z-index: 6950;
  /*.rdTitleBar {
        aoverflow: hidden;
        aclear: both;
    }*/
}

.DashboardEdit .row {
  clear: both;
}

.DashboardEdit .SelectLocale {
  width: 150px;
}

.DashboardEdit .ConfigureLink {
  padding-left: 16px;
  padding-bottom: 3px;
  line-height: 18px;
  height: 18px;
  background-image: url(/Konnected/_Dashboard/Images/config.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: 5px;
}

.DashboardEdit .WidgetTitle {
  float: left;
  display: block;
  margin-left: 7px;
  height: 27px;
  font-weight: bold;
  font-size: 10px;
  max-width: 75px;
  overflow: hidden;
}

.DashboardEdit div.configure {
  height: auto;
  overflow: visible;
}

.DashboardEdit .configure div.config {
  position: relative;
  background-color: #eee;
  border: 1px solid #888 !important;
  padding: 20px;
  z-index: 99;
}

.DashboardEdit .imgStyle {
  z-index: 2;
  cursor: default;
  position: relative;
  left: 2px;
  top: 5px;
}

.DashboardEdit .mnuH {
  z-index: 7002;
  cursor: default;
  position: relative;
  left: 5px;
  top: -2px;
  float: right !important;
}

.DashboardEdit .mnuH .rmRootGroup,
.DashboardEdit .mnuH .rmRootGroup .rmLink,
.DashboardEdit .mnuH .rmRootGroup .rmSelected {
  border: none !important;
  background-image: none !important;
  background-color: transparent !important;
  width: auto !important;
}

.DashboardEdit .mnuH .rmGroup {
  background: none !important;
  background-color: #eeeeee !important;
}

.DashboardEdit .mnuH .rmRootGroup .rmLink .rmText {
  padding: 2px !important;
}

.DashboardEdit .RadDock div {
  border-color: white !important;
}

.DashboardEdit .RadDock {
  margin-bottom: 5px;
}

.DashboardEdit .RadDock div.rdContent {
  border-color: #1d5c91 !important;
}

.DashboardEdit .rdContent {
  border-style: none dotted dotted dotted;
  border-width: 1px;
  border-color: inherit;
  padding: 5px;
  font: inherit !important;
}

.DashboardEdit .RadDockZone {
  border: 1px solid #C0C0C0;
}

.k-rtl .DashboardEdit .WidgetTitle {
  float: right;
  margin-right: 7px;
  margin-left: inherit;
}

.k-rtl .DashboardEdit .mnuH {
  left: auto;
  right: 5px;
  float: left !important;
}

.k-ie7 .DashboardEdit .widgetControls {
  width: 75px;
}

.k-ie7 .DashboardEdit .imgStyle {
  display: block;
  float: left;
  width: 16px;
  margin-right: 6px;
}

.k-ie7 .DashboardEdit .ConfigureLink {
  margin-top: 3px;
  display: block;
}

.dashboardSwitch {
  color: #f0f8ff;
  background-color: darkgray;
  text-decoration: none;
  margin-bottom: 2px;
  padding: 2px;
  border: #f0f8ff 1px solid;
}

.dashboardSwitch:Hover {
  text-decoration: underline;
}

.TextGoalWidget .editGoal {
  position: absolute;
  _position: fixed;
  _padding-left: 5px;
  right: 13px;
  text-decoration: none;
}

.layoutMenu.RadMenu_Default {
  z-index: 6950;
}

.layoutMenu.RadMenu_Default .rmGroup {
  /*.rmItem .rmText {
            apadding: 0;
            adisplay: none;
        }*/
}

.layoutMenu.RadMenu_Default .rmGroup .rmItem .rmLeftImage {
  position: static;
  top: auto;
  margin-top: 3px;
}

.layoutMenu.RadMenu_Default .rmGroup a.rmLink:hover .rmText,
.layoutMenu.RadMenu_Default .rmGroup a.rmFocused .rmText,
.layoutMenu.RadMenu_Default .rmGroup a.rmSelected .rmText,
.layoutMenu.RadMenu_Default .rmGroup a.rmExpanded .rmText {
  background-image: none;
}

.dashboardWidget {
  background-color: white;
  padding: 0 0.5em 0.5em 0.5em;
  margin: 0.5em;
  border-top: 0.5em solid #aaa;
}

.dashboardWidget .widget-header {
  font-family: 'Oswald', sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  margin: 0;
  border-bottom: 1px solid #aaa;
  padding: 0.2em 0 0.2em 0;
  text-transform: uppercase;
  color: #aaa;
}

.dashboardWidget .widget-header span.header.no-headerlogo {
  display: inline;
}

.dashboardWidget .widget-header span.header.headerlogo {
  display: none;
}

.dashboardWidget .widget-header img.header.no-headerlogo {
  display: none;
}

.dashboardWidget .widget-header img.header.headerlogo {
  display: inline;
}

.dashboardWidget.no-header {
  border: 0;
}

.dashboardWidget.no-header .widget-header {
  display: none;
}

.dashboardWidget.no-header > .config {
  background-color: #eee;
  font-size: 0.75em;
}

.dashboardWidget.no-header > .config dt {
  float: left;
  clear: left;
  width: 160px;
  /*text-align: right;*/
}

.dashboardWidget.no-header > .config dt:after {
  content: ":";
}

.dashboardWidget.no-header > .config dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}

.k-rtl .dashboardWidget > .config dt {
  float: right;
  clear: right;
}

.k-rtl .dashboardWidget > .config dd {
  margin: 0 110px 0 0;
}

/* Widget specific classes */
.activityChartWidget {
  border-top: 0.5em solid #00b4a9;
}

.activityChartWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.assessmentWidget {
  border-top: 0.5em solid #bdbf00;
  display: none;
}

.assessmentWidget .widget-header {
  border-bottom: 1px solid #bdbf00;
  color: #bdbf00;
}

.assessmentWidget .config span {
  display: block;
}

.assessmentWidget.edit {
  display: block;
}

.assessmentListWidget {
  border-top: 0.5em solid #bdbf00;
  display: none;
}

.assessmentListWidget .widget-header {
  border-bottom: 1px solid #bdbf00;
  color: #bdbf00;
}

.assessmentListWidget tr {
  cursor: pointer;
}

.assessmentListWidget a.aspNetDisabled {
  color: #666;
}

.assessmentListWidget .completedDate {
  color: #666;
  font-size: 0.85em;
}

.assessmentListWidget.edit {
  display: block;
}

.assessmentReportWidget {
  border-top: 0.5em solid #bdbf00;
  display: none;
}

.assessmentReportWidget .widget-header {
  border-bottom: 1px solid #bdbf00;
  color: #bdbf00;
}

.assessmentReportWidget.edit {
  display: block;
}

.BMIWidget {
  border-top: 0.5em solid #00b4a9;
}

.BMIWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.BMRWidget {
  border-top: 0.5em solid #00b4a9;
}

.BMRWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.buddiesWidget {
  border-top: 0.5em solid #ff6a00;
}

.buddiesWidget .widget-header {
  border-bottom: 1px solid #ff6a00;
  color: #ff6a00;
}

.challengeImageWidget {
  border-top: 0.5em solid #00b4a9;
  display: none;
}

.challengeImageWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.challengeImageWidget.edit {
  display: block;
}

.challengeMapWidget {
  border-top: 0.5em solid #00b4a9;
  display: none;
}

.challengeMapWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.challengeTotalWidget {
  border-top: 0.5em solid #00b4a9;
}

.challengeTotalWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.coachingProgramsWidget {
  border-top: 0.5em solid #0094ff;
  display: none;
}

.coachingProgramsWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.coachingProgramsWidget.edit {
  display: block;
}

.countActivitiesWidget {
  border-top: 0.5em solid #3ee107;
}

.countActivitiesWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.countStepsWidget {
  border-top: 0.5em solid #3ee107;
}

.countStepsWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.countStepsWidget .CountSteps > div {
  padding-top: 3px !important;
}

.countStepsWidget .CountSteps a {
  text-decoration: none;
  font-weight: bold;
}

.countStepsWidget .CountSteps a:hover {
  text-decoration: underline;
}

.fitbitWidget {
  border-top: 0.5em solid #45c2c5;
}

.fitbitWidget .widget-header {
  border-bottom: 1px solid #45c2c5;
  color: #45c2c5;
}

.googleFitWidget {
  border-top: 0.5em solid #fc8e03;
}

.googleFitWidget .widget-header {
  border-bottom: 1px solid #fc8e03;
  color: #fc8e03;
}

.goalsWidget {
  border-top: 0.5em solid #00b4a9;
}

.goalsWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.goalsSummaryWidget {
  border-top: 0.5em solid #00b4a9;
}

.goalsSummaryWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.healthTipsWidget {
  border-top: 0.5em solid #00b4a9;
}

.healthTipsWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.jsonWidget {
  border-top: 0.5em solid #00aeef;
}

.jsonWidget .widget-header {
  border-bottom: 1px solid #00aeef;
  color: #00aeef;
}

.messageBoardWidget {
  border-top: 0.5em solid #ff6a00;
}

.messageBoardWidget .widget-header {
  border-bottom: 1px solid #ff6a00;
  color: #ff6a00;
}

.myCaloriesWidget {
  border-top: 0.5em solid #3ee107;
}

.myCaloriesWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.myChallengesWidget {
  border-top: 0.5em solid #00b4a9;
}

.myChallengesWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.myChallengesWidget table {
  width: 100%;
}

.myChallengesWidget td {
  padding: 0;
  padding-right: 5px;
  height: 18px;
}

.myChallengesWidget table a {
  font-size: 11px;
  white-space: normal;
  color: #0000FF;
}

.myChallengesWidget a:hover {
  text-decoration: underline;
}

.myChallengesWidget a.join {
  font-weight: normal;
}

.myProgressWidget {
  border-top: 0.5em solid #00b4a9;
}

.myProgressWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.myProgressWidget .label {
  display: block;
}

.myProgressWidget .value {
  display: block;
  font-weight: bold;
  font-size: 1em;
}

.myProgressWidget .info {
  display: block;
  font-size: 0.666em;
}

.myTeamsWidget {
  border-top: 0.5em solid #ff6a00;
}

.myTeamsWidget .widget-header {
  border-bottom: 1px solid #ff6a00;
  color: #ff6a00;
}

.newsfeedWidget {
  border-top: 0.5em solid #b200ff;
  /*	ul {
		padding-left: 7px;
		margin-top: 0;
		padding-top: 5px;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	li {
		list-style-type: none;
		background-repeat: no-repeat;
		padding-left: 30px;
		margin-right: 10px;
		padding-bottom: 4px;
	}

	li.NewTeamPost,
	li.NewChallengePost,
	li.NewBuddyPosts {
		background-position: 0 2px;
		background-image: url(platformicons/chat-bubble-circle-new);
	}

	li.DailyGoalYesterday,
	li.DailyGoalToday,
	li.DailyGoalDays,
	li.DailyGoalMore,
	li.WeightLossGoalReached {
		background-position: 0 0;
		background-image: url(platformicons/vote-star);
	}

	li.NewTeamMembers {
		background-position: 0 1px;
		background-image: url(platformicons/user);
	}

	li.ChallengeEnding {
		background-position: 0 3px;
		background-image: url(platformicons/interface-alert-triangle);
	}

	li.ChallengeEndingToday {
		background-position: 0 3px;
		background-image: url(platformicons/clock);
	}

	li.ChallengeClosed {
		background-position: 0 3px;
		background-image: url(platformicons/close-circle);
	}

	li.DailyGoalReach,
	li.SameWeight {
		background-position: 0 1px;
		background-image: url(platformicons/interface-information);
	}

	li.WeightUpBetter,
	li.WeightDownBetter {
		background-position: 0 3px;
		background-image: url(platformicons/smiley-smile-8);
	}

	li.WeightUpWorse,
	li.WeightDownWorse {
		background-position: 0 3px;
		background-image: url(platformicons/smiley-frown-1);
	}

	li.EventStartingDays,
	li.EventRegisteredDays,
	li.EventStartingToday,
	li.ApptStartingDays,
	li.ApptStartingDaysAllDay,
	li.ApptStartingToday,
	li.ScheduleStartingDays,
	li.ScheduleStartingToday {
		background-position: 0 1px;
		background-image: url(platformicons/calendar-1);
	}

	li.Testimonials,
	li.Testimonial {
		background-position: 0 1px;
		background-image: url(platformicons/chat-bubble-circle-2);
	}
    */
}

.newsfeedWidget .widget-header {
  border-bottom: 1px solid #b200ff;
  color: #b200ff;
}

.outstandingTasksWidget {
  border-top: 0.5em solid #0094ff;
}

.outstandingTasksWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.personalChallengesWidget {
  border-top: 0.5em solid #00b4a9;
}

.personalChallengesWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.textGoalWidget {
  border-top: 0.5em solid #0094ff;
}

.textGoalWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.trackerWidget {
  border-top: 0.5em solid #3ee107;
}

.trackerWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.trackerMultiWidget {
  border-top: 0.5em solid #3ee107;
}

.trackerMultiWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.trackerChartWidget {
  border-top: 0.5em solid #00b4a9;
}

.trackerChartWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.udfTextWidget {
  border-top: 0.5em solid #0094ff;
}

.udfTextWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.updateYourWeightWidget {
  border-top: 0.5em solid #3ee107;
}

.updateYourWeightWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.userScheduleWidget {
  border-top: 0.5em solid #00b4a9;
  display: none;
}

.userScheduleWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.userScheduleWidget .apptInfo img {
  cursor: pointer;
}

.userScheduleWidget .addtocalendar {
  font-size: 10px;
  color: #1d5c91;
  text-decoration: none;
}

.userScheduleWidget .addtocalendar:hover {
  text-decoration: underline;
}

.userScheduleWidget.edit {
  display: block;
}

.weightSuggesterWidget {
  border-top: 0.5em solid #00b4a9;
}

.weightSuggesterWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.wellnessScoreWidget {
  border-top: 0.5em solid #00b4a9;
}

.wellnessScoreWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.AssessmentQuestionWidget div.config {
  position: relative;
  background-color: #eee;
  border: 1px solid #888 !important;
  padding: 20px;
  z-index: 99;
}

.AssessmentQuestionWidget .assessmentReportWidget,
.AssessmentQuestionWidget .assessmentWidget,
.AssessmentQuestionWidget .assessmentListWidget,
.AssessmentQuestionWidget .userScheduleWidget,
.AssessmentQuestionWidget .coachingProgramsWidget,
.AssessmentQuestionWidget .challengeImageWidget,
.AssessmentQuestionWidget .challengeMapWidget {
  display: block;
}

.dashboardcol .placeholder {
  opacity: 0.4;
  border: 1px dashed #a6a6a6;
}

.dashboardEdit {
  position: absolute;
  z-index: 10001;
  top: 18px;
  right: 16px;
}

.dashboardEdit .title {
  font-size: 0.7em;
}

.dashboardEdit .add {
  width: 16px;
  height: 16px;
  background-image: url(/Konnected/css/platformicons/add-circle-2);
}

.dashboardEdit .edit {
  width: 16px;
  height: 16px;
  background-image: url(/Konnected/css/platformicons/pencil-circle);
}

.dashboardEdit .height {
  width: 16px;
  height: 16px;
  background-image: url(/Konnected/css/platformicons/down);
}

.dashboardEdit .delete {
  width: 16px;
  height: 16px;
  background-image: url(/Konnected/css/platformicons/remove-circle-2);
}

.dashboardcol {
  border: 1px dotted #999999;
}

.edit-mode {
  min-height: 4em;
}

.edit-mode .dashboardWidget {
  display: block !important;
}

.is-hidden {
  display: none;
}

.is-hidden-empty:empty {
  display: none;
}

.is-disabled {
  opacity: 0.5;
}

body div.idle-notice {
  display: none;
  position: absolute;
  height: 50px;
  line-height: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffe1;
  text-align: center;
  text-shadow: none !important;
  color: #777 !important;
  z-index: 99999;
}

.is-idle *,
.is-idle *:after,
.is-idle *::after,
.is-idle *:before,
.is-idle *::before, .is-idle-locked *,
.is-idle-locked *:after,
.is-idle-locked *::after,
.is-idle-locked *:before,
.is-idle-locked *::before {
  color: transparent !important;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.5) !important;
}

.is-idle #alert_wnd_title, .is-idle-locked #alert_wnd_title {
  color: #000 !important;
  text-shadow: none !important;
}

.is-idle .w-alert *,
.is-idle .w-alert *::before, .is-idle .w-confirm *,
.is-idle .w-confirm *::before, .is-idle .k-window-titlebar *,
.is-idle .k-window-titlebar *::before, .is-idle-locked .w-alert *,
.is-idle-locked .w-alert *::before, .is-idle-locked .w-confirm *,
.is-idle-locked .w-confirm *::before, .is-idle-locked .k-window-titlebar *,
.is-idle-locked .k-window-titlebar *::before {
  color: #000 !important;
  text-shadow: none !important;
}

.is-idle div.idle-notice, .is-idle-locked div.idle-notice {
  display: block;
}

.is-new {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 100%;
  display: inline-block;
}

/* 
  Extra Strength Responsive Grids
  Author & copyright (c) 2013: John Polacek and Tim Svensen
  Follow on Twitter: @johnpolacek
  Follow on Twitter: @tsvensen

  Dual MIT & GPL license

  Project Page: http://dfcb.github.com/extra-strength-responsive-grids
  Project Repo: https://github.com/dfcb/extra-strength-responsive-grids
  
  Note: box-sizing: border-box; is required for this solution. 
  For more info, see the project page

  See examples-grid.scss for usage.
*/
.grid-all, .grid-12, .grid-whole, .grid-11, .grid-10, .grid-9, .grid-three-quarters, .grid-8, .grid-two-thirds, .grid-7, .grid-6, .grid-half, .grid-5, .grid-4, .grid-third, .grid-3, .grid-quarter, .grid-2, .grid-1 {
  margin: 0;
  clear: none;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/Konnected/css/boxsizing.htc);
}

.k-rtl .grid-all, .k-rtl .grid-12, .k-rtl .grid-whole, .k-rtl .grid-11, .k-rtl .grid-10, .k-rtl .grid-9, .k-rtl .grid-three-quarters, .k-rtl .grid-8, .k-rtl .grid-two-thirds, .k-rtl .grid-7, .k-rtl .grid-6, .k-rtl .grid-half, .k-rtl .grid-5, .k-rtl .grid-4, .k-rtl .grid-third, .k-rtl .grid-3, .k-rtl .grid-quarter, .k-rtl .grid-2, .k-rtl .grid-1 {
  float: right;
}

.offset-0 {
  margin-left: 0;
}

.k-rtl .offset-0 {
  margin-left: auto;
  margin-right: 0;
}

.grid-1 {
  width: 8.33333%;
}

.offset-1 {
  margin-left: 8.33333%;
}

.k-rtl .offset-1 {
  margin-left: auto;
  margin-right: 8.33333%;
}

.grid-2 {
  width: 16.66667%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.k-rtl .offset-2 {
  margin-left: auto;
  margin-right: 16.66667%;
}

.grid-3, .grid-quarter {
  width: 25%;
}

.offset-3 {
  margin-left: 25%;
}

.k-rtl .offset-3 {
  margin-left: auto;
  margin-right: 25%;
}

.grid-4, .grid-third {
  width: 33.33333%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.k-rtl .offset-4 {
  margin-left: auto;
  margin-right: 33.33333%;
}

.grid-5 {
  width: 41.66667%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.k-rtl .offset-5 {
  margin-left: auto;
  margin-right: 41.66667%;
}

.grid-6, .grid-half {
  width: 50%;
}

.offset-6 {
  margin-left: 50%;
}

.k-rtl .offset-6 {
  margin-left: auto;
  margin-right: 50%;
}

.grid-7 {
  width: 58.33333%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.k-rtl .offset-7 {
  margin-left: auto;
  margin-right: 58.33333%;
}

.grid-8, .grid-two-thirds {
  width: 66.66667%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.k-rtl .offset-8 {
  margin-left: auto;
  margin-right: 66.66667%;
}

.grid-9, .grid-three-quarters {
  width: 75%;
}

.offset-9 {
  margin-left: 75%;
}

.k-rtl .offset-9 {
  margin-left: auto;
  margin-right: 75%;
}

.grid-10 {
  width: 83.33333%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.k-rtl .offset-10 {
  margin-left: auto;
  margin-right: 83.33333%;
}

.grid-11 {
  width: 91.66667%;
}

.offset-11 {
  margin-left: 91.66667%;
}

.k-rtl .offset-11 {
  margin-left: auto;
  margin-right: 91.66667%;
}

.grid-12, .grid-whole {
  width: 100%;
}

.offset-12 {
  margin-left: 100%;
}

.k-rtl .offset-12 {
  margin-left: auto;
  margin-right: 100%;
}

/* padding helper classes */
.padded {
  padding: 0.5em;
}

.padded-left {
  padding-left: 0.5em;
}

.padded-right {
  padding-right: 0.5em;
}

.k-rtl .padded-left {
  padding-right: 0.5em;
}

.k-rtl .padded-right {
  padding-left: 0.5em;
}

.padded-top {
  padding-top: 0.5em;
}

.padded-bottom {
  padding-bottom: 0.5em;
}

.padded-sides {
  padding: 0 0.5em;
}

.padded-vertical {
  padding: 0.5em 0;
}

.padded-inner {
  padding: 1em;
}

.padded-inner-sides {
  padding: 0 1em;
}

.padded-reverse {
  margin: 0 -0.5em;
  width: auto;
  box-sizing: content-box;
  float: none;
}

.padded-reverse-all {
  margin: -0.5em;
  width: auto;
  box-sizing: content-box;
  float: none;
}

/* miscellaneous helper classes */
.flow-opposite {
  float: right;
}

.k-rtl .flow-opposite {
  float: left;
}

.center {
  text-align: center;
  justify-content: center;
}

.left {
  text-align: left;
  justify-content: left;
}

.right {
  text-align: right;
  justify-content: right;
}

.k-rtl .left {
  text-align: right;
  justify-content: right;
}

.k-rtl .right {
  text-align: left;
  justify-content: left;
}

/* For compatibility with Bootstrap (fixed), Foundation, etc. */
.row {
  margin: 0 -0.5em;
  width: auto;
  box-sizing: content-box;
  float: none;
}

@media (max-width: 480px) {
  .s-grid-all, .s-grid-12, .s-grid-whole, .s-grid-11, .s-grid-10, .s-grid-9, .s-grid-three-quarters, .s-grid-8, .s-grid-two-thirds, .s-grid-7, .s-grid-6, .s-grid-half, .s-grid-5, .s-grid-4, .s-grid-third, .s-grid-3, .s-grid-quarter, .s-grid-2, .s-grid-1 {
    margin: 0;
    clear: none;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/Konnected/css/boxsizing.htc);
  }
  .k-rtl .s-grid-all, .k-rtl .s-grid-12, .k-rtl .s-grid-whole, .k-rtl .s-grid-11, .k-rtl .s-grid-10, .k-rtl .s-grid-9, .k-rtl .s-grid-three-quarters, .k-rtl .s-grid-8, .k-rtl .s-grid-two-thirds, .k-rtl .s-grid-7, .k-rtl .s-grid-6, .k-rtl .s-grid-half, .k-rtl .s-grid-5, .k-rtl .s-grid-4, .k-rtl .s-grid-third, .k-rtl .s-grid-3, .k-rtl .s-grid-quarter, .k-rtl .s-grid-2, .k-rtl .s-grid-1 {
    float: right;
  }
  .s-offset-0 {
    margin-left: 0;
  }
  .k-rtl .s-offset-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .s-grid-1 {
    width: 8.33333%;
  }
  .s-offset-1 {
    margin-left: 8.33333%;
  }
  .k-rtl .s-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%;
  }
  .s-grid-2 {
    width: 16.66667%;
  }
  .s-offset-2 {
    margin-left: 16.66667%;
  }
  .k-rtl .s-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%;
  }
  .s-grid-3, .s-grid-quarter {
    width: 25%;
  }
  .s-offset-3 {
    margin-left: 25%;
  }
  .k-rtl .s-offset-3 {
    margin-left: auto;
    margin-right: 25%;
  }
  .s-grid-4, .s-grid-third {
    width: 33.33333%;
  }
  .s-offset-4 {
    margin-left: 33.33333%;
  }
  .k-rtl .s-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%;
  }
  .s-grid-5 {
    width: 41.66667%;
  }
  .s-offset-5 {
    margin-left: 41.66667%;
  }
  .k-rtl .s-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%;
  }
  .s-grid-6, .s-grid-half {
    width: 50%;
  }
  .s-offset-6 {
    margin-left: 50%;
  }
  .k-rtl .s-offset-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .s-grid-7 {
    width: 58.33333%;
  }
  .s-offset-7 {
    margin-left: 58.33333%;
  }
  .k-rtl .s-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%;
  }
  .s-grid-8, .s-grid-two-thirds {
    width: 66.66667%;
  }
  .s-offset-8 {
    margin-left: 66.66667%;
  }
  .k-rtl .s-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%;
  }
  .s-grid-9, .s-grid-three-quarters {
    width: 75%;
  }
  .s-offset-9 {
    margin-left: 75%;
  }
  .k-rtl .s-offset-9 {
    margin-left: auto;
    margin-right: 75%;
  }
  .s-grid-10 {
    width: 83.33333%;
  }
  .s-offset-10 {
    margin-left: 83.33333%;
  }
  .k-rtl .s-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%;
  }
  .s-grid-11 {
    width: 91.66667%;
  }
  .s-offset-11 {
    margin-left: 91.66667%;
  }
  .k-rtl .s-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%;
  }
  .s-grid-12, .s-grid-whole {
    width: 100%;
  }
  .s-offset-12 {
    margin-left: 100%;
  }
  .k-rtl .s-offset-12 {
    margin-left: auto;
    margin-right: 100%;
  }
  /* padding helper classes */
  .s-padded {
    padding: 0.5em;
  }
  .s-padded-left {
    padding-left: 0.5em;
  }
  .s-padded-right {
    padding-right: 0.5em;
  }
  .k-rtl .s-padded-left {
    padding-right: 0.5em;
  }
  .k-rtl .s-padded-right {
    padding-left: 0.5em;
  }
  .s-padded-top {
    padding-top: 0.5em;
  }
  .s-padded-bottom {
    padding-bottom: 0.5em;
  }
  .s-padded-sides {
    padding: 0 0.5em;
  }
  .s-padded-vertical {
    padding: 0.5em 0;
  }
  .s-padded-inner {
    padding: 1em;
  }
  .s-padded-inner-sides {
    padding: 0 1em;
  }
  .s-padded-reverse {
    margin: 0 -0.5em;
    width: auto;
    box-sizing: content-box;
    float: none;
  }
  .s-padded-reverse-all {
    margin: -0.5em;
    width: auto;
    box-sizing: content-box;
    float: none;
  }
  /* miscellaneous helper classes */
  .s-flow-opposite {
    float: right;
  }
  .k-rtl .s-flow-opposite {
    float: left;
  }
  .s-center {
    text-align: center;
    justify-content: center;
  }
  .s-left {
    text-align: left;
    justify-content: left;
  }
  .s-right {
    text-align: right;
    justify-content: right;
  }
  .k-rtl .s-left {
    text-align: right;
    justify-content: right;
  }
  .k-rtl .s-right {
    text-align: left;
    justify-content: left;
  }
  .s-hidden {
    display: none;
  }
}

@media (min-width: 481px) and (max-width: 800px) {
  .m-grid-all, .m-grid-12, .m-grid-whole, .m-grid-11, .m-grid-10, .m-grid-9, .m-grid-three-quarters, .m-grid-8, .m-grid-two-thirds, .m-grid-7, .m-grid-6, .m-grid-half, .m-grid-5, .m-grid-4, .m-grid-third, .m-grid-3, .m-grid-quarter, .m-grid-2, .m-grid-1 {
    margin: 0;
    clear: none;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/Konnected/css/boxsizing.htc);
  }
  .k-rtl .m-grid-all, .k-rtl .m-grid-12, .k-rtl .m-grid-whole, .k-rtl .m-grid-11, .k-rtl .m-grid-10, .k-rtl .m-grid-9, .k-rtl .m-grid-three-quarters, .k-rtl .m-grid-8, .k-rtl .m-grid-two-thirds, .k-rtl .m-grid-7, .k-rtl .m-grid-6, .k-rtl .m-grid-half, .k-rtl .m-grid-5, .k-rtl .m-grid-4, .k-rtl .m-grid-third, .k-rtl .m-grid-3, .k-rtl .m-grid-quarter, .k-rtl .m-grid-2, .k-rtl .m-grid-1 {
    float: right;
  }
  .m-offset-0 {
    margin-left: 0;
  }
  .k-rtl .m-offset-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .m-grid-1 {
    width: 8.33333%;
  }
  .m-offset-1 {
    margin-left: 8.33333%;
  }
  .k-rtl .m-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%;
  }
  .m-grid-2 {
    width: 16.66667%;
  }
  .m-offset-2 {
    margin-left: 16.66667%;
  }
  .k-rtl .m-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%;
  }
  .m-grid-3, .m-grid-quarter {
    width: 25%;
  }
  .m-offset-3 {
    margin-left: 25%;
  }
  .k-rtl .m-offset-3 {
    margin-left: auto;
    margin-right: 25%;
  }
  .m-grid-4, .m-grid-third {
    width: 33.33333%;
  }
  .m-offset-4 {
    margin-left: 33.33333%;
  }
  .k-rtl .m-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%;
  }
  .m-grid-5 {
    width: 41.66667%;
  }
  .m-offset-5 {
    margin-left: 41.66667%;
  }
  .k-rtl .m-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%;
  }
  .m-grid-6, .m-grid-half {
    width: 50%;
  }
  .m-offset-6 {
    margin-left: 50%;
  }
  .k-rtl .m-offset-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .m-grid-7 {
    width: 58.33333%;
  }
  .m-offset-7 {
    margin-left: 58.33333%;
  }
  .k-rtl .m-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%;
  }
  .m-grid-8, .m-grid-two-thirds {
    width: 66.66667%;
  }
  .m-offset-8 {
    margin-left: 66.66667%;
  }
  .k-rtl .m-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%;
  }
  .m-grid-9, .m-grid-three-quarters {
    width: 75%;
  }
  .m-offset-9 {
    margin-left: 75%;
  }
  .k-rtl .m-offset-9 {
    margin-left: auto;
    margin-right: 75%;
  }
  .m-grid-10 {
    width: 83.33333%;
  }
  .m-offset-10 {
    margin-left: 83.33333%;
  }
  .k-rtl .m-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%;
  }
  .m-grid-11 {
    width: 91.66667%;
  }
  .m-offset-11 {
    margin-left: 91.66667%;
  }
  .k-rtl .m-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%;
  }
  .m-grid-12, .m-grid-whole {
    width: 100%;
  }
  .m-offset-12 {
    margin-left: 100%;
  }
  .k-rtl .m-offset-12 {
    margin-left: auto;
    margin-right: 100%;
  }
  /* padding helper classes */
  .m-padded {
    padding: 0.5em;
  }
  .m-padded-left {
    padding-left: 0.5em;
  }
  .m-padded-right {
    padding-right: 0.5em;
  }
  .k-rtl .m-padded-left {
    padding-right: 0.5em;
  }
  .k-rtl .m-padded-right {
    padding-left: 0.5em;
  }
  .m-padded-top {
    padding-top: 0.5em;
  }
  .m-padded-bottom {
    padding-bottom: 0.5em;
  }
  .m-padded-sides {
    padding: 0 0.5em;
  }
  .m-padded-vertical {
    padding: 0.5em 0;
  }
  .m-padded-inner {
    padding: 1em;
  }
  .m-padded-inner-sides {
    padding: 0 1em;
  }
  .m-padded-reverse {
    margin: 0 -0.5em;
    width: auto;
    box-sizing: content-box;
    float: none;
  }
  .m-padded-reverse-all {
    margin: -0.5em;
    width: auto;
    box-sizing: content-box;
    float: none;
  }
  /* miscellaneous helper classes */
  .m-flow-opposite {
    float: right;
  }
  .k-rtl .m-flow-opposite {
    float: left;
  }
  .m-center {
    text-align: center;
    justify-content: center;
  }
  .m-left {
    text-align: left;
    justify-content: left;
  }
  .m-right {
    text-align: right;
    justify-content: right;
  }
  .k-rtl .m-left {
    text-align: right;
    justify-content: right;
  }
  .k-rtl .m-right {
    text-align: left;
    justify-content: left;
  }
  .m-hidden {
    display: none;
  }
}

@media (min-width: 801px) {
  .l-grid-all, .l-grid-12, .l-grid-whole, .l-grid-11, .l-grid-10, .l-grid-9, .l-grid-three-quarters, .l-grid-8, .l-grid-two-thirds, .l-grid-7, .l-grid-6, .l-grid-half, .l-grid-5, .l-grid-4, .l-grid-third, .l-grid-3, .l-grid-quarter, .l-grid-2, .l-grid-1 {
    margin: 0;
    clear: none;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/Konnected/css/boxsizing.htc);
  }
  .k-rtl .l-grid-all, .k-rtl .l-grid-12, .k-rtl .l-grid-whole, .k-rtl .l-grid-11, .k-rtl .l-grid-10, .k-rtl .l-grid-9, .k-rtl .l-grid-three-quarters, .k-rtl .l-grid-8, .k-rtl .l-grid-two-thirds, .k-rtl .l-grid-7, .k-rtl .l-grid-6, .k-rtl .l-grid-half, .k-rtl .l-grid-5, .k-rtl .l-grid-4, .k-rtl .l-grid-third, .k-rtl .l-grid-3, .k-rtl .l-grid-quarter, .k-rtl .l-grid-2, .k-rtl .l-grid-1 {
    float: right;
  }
  .l-offset-0 {
    margin-left: 0;
  }
  .k-rtl .l-offset-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .l-grid-1 {
    width: 8.33333%;
  }
  .l-offset-1 {
    margin-left: 8.33333%;
  }
  .k-rtl .l-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%;
  }
  .l-grid-2 {
    width: 16.66667%;
  }
  .l-offset-2 {
    margin-left: 16.66667%;
  }
  .k-rtl .l-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%;
  }
  .l-grid-3, .l-grid-quarter {
    width: 25%;
  }
  .l-offset-3 {
    margin-left: 25%;
  }
  .k-rtl .l-offset-3 {
    margin-left: auto;
    margin-right: 25%;
  }
  .l-grid-4, .l-grid-third {
    width: 33.33333%;
  }
  .l-offset-4 {
    margin-left: 33.33333%;
  }
  .k-rtl .l-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%;
  }
  .l-grid-5 {
    width: 41.66667%;
  }
  .l-offset-5 {
    margin-left: 41.66667%;
  }
  .k-rtl .l-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%;
  }
  .l-grid-6, .l-grid-half {
    width: 50%;
  }
  .l-offset-6 {
    margin-left: 50%;
  }
  .k-rtl .l-offset-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .l-grid-7 {
    width: 58.33333%;
  }
  .l-offset-7 {
    margin-left: 58.33333%;
  }
  .k-rtl .l-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%;
  }
  .l-grid-8, .l-grid-two-thirds {
    width: 66.66667%;
  }
  .l-offset-8 {
    margin-left: 66.66667%;
  }
  .k-rtl .l-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%;
  }
  .l-grid-9, .l-grid-three-quarters {
    width: 75%;
  }
  .l-offset-9 {
    margin-left: 75%;
  }
  .k-rtl .l-offset-9 {
    margin-left: auto;
    margin-right: 75%;
  }
  .l-grid-10 {
    width: 83.33333%;
  }
  .l-offset-10 {
    margin-left: 83.33333%;
  }
  .k-rtl .l-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%;
  }
  .l-grid-11 {
    width: 91.66667%;
  }
  .l-offset-11 {
    margin-left: 91.66667%;
  }
  .k-rtl .l-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%;
  }
  .l-grid-12, .l-grid-whole {
    width: 100%;
  }
  .l-offset-12 {
    margin-left: 100%;
  }
  .k-rtl .l-offset-12 {
    margin-left: auto;
    margin-right: 100%;
  }
  /* padding helper classes */
  .l-padded {
    padding: 0.5em;
  }
  .l-padded-left {
    padding-left: 0.5em;
  }
  .l-padded-right {
    padding-right: 0.5em;
  }
  .k-rtl .l-padded-left {
    padding-right: 0.5em;
  }
  .k-rtl .l-padded-right {
    padding-left: 0.5em;
  }
  .l-padded-top {
    padding-top: 0.5em;
  }
  .l-padded-bottom {
    padding-bottom: 0.5em;
  }
  .l-padded-sides {
    padding: 0 0.5em;
  }
  .l-padded-vertical {
    padding: 0.5em 0;
  }
  .l-padded-inner {
    padding: 1em;
  }
  .l-padded-inner-sides {
    padding: 0 1em;
  }
  .l-padded-reverse {
    margin: 0 -0.5em;
    width: auto;
    box-sizing: content-box;
    float: none;
  }
  .l-padded-reverse-all {
    margin: -0.5em;
    width: auto;
    box-sizing: content-box;
    float: none;
  }
  /* miscellaneous helper classes */
  .l-flow-opposite {
    float: right;
  }
  .k-rtl .l-flow-opposite {
    float: left;
  }
  .l-center {
    text-align: center;
    justify-content: center;
  }
  .l-left {
    text-align: left;
    justify-content: left;
  }
  .l-right {
    text-align: right;
    justify-content: right;
  }
  .k-rtl .l-left {
    text-align: right;
    justify-content: right;
  }
  .k-rtl .l-right {
    text-align: left;
    justify-content: left;
  }
  .l-hidden {
    display: none;
  }
}

/* 
  Extra Strength Responsive Grids
  Author & copyright (c) 2013: John Polacek and Tim Svensen
  Follow on Twitter: @johnpolacek
  Follow on Twitter: @tsvensen

  Dual MIT & GPL license

  Project Page: http://dfcb.github.com/extra-strength-responsive-grids
  Project Repo: https://github.com/dfcb/extra-strength-responsive-grids
  
  Note: box-sizing: border-box; is required for this solution. 
  For more info, see the project page

  See examples-grid.scss for usage.
*/

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-moz-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-o-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-webkit-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@-moz-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@-o-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

button.wcp_btn, a.wcp_btn {
  background-color: #FFF;
  position: relative;
  font-size: 16px;
  padding: 16px;
  cursor: pointer;
  line-height: 1;
  color: #015077;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #015077;
  min-width: 210px;
  font-weight: 600;
  box-sizing: border-box;
}

button.wcp_btn:hover, a.wcp_btn:hover {
  background: #F2FBFF;
  transition: background-color .2s ease-out;
}

button.wcp_btn span, a.wcp_btn span {
  position: relative;
}

button.wcp_btn span:before, a.wcp_btn span:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

button.wcp_btn--play span, a.wcp_btn--play span {
  padding-left: 28px;
}

button.wcp_btn--play span:before, a.wcp_btn--play span:before {
  left: 0;
  background: url("/Shared/Images/Forms/Icons/play-dark.svg") no-repeat center center/contain;
}

button.wcp_btn--exit span, a.wcp_btn--exit span {
  padding-left: 28px;
}

button.wcp_btn--exit span:before, a.wcp_btn--exit span:before {
  left: 0;
  background: url("/Shared/Images/Forms/Icons/exit.svg") no-repeat center center/contain;
}

button.wcp_btn--pause span, a.wcp_btn--pause span {
  padding-left: 28px;
}

button.wcp_btn--pause span:before, a.wcp_btn--pause span:before {
  left: 0;
  background: url("/Shared/Images/Forms/Icons/pause.svg") no-repeat center center/contain;
}

button.wcp_btn--list span, a.wcp_btn--list span {
  padding-left: 28px;
}

button.wcp_btn--list span:before, a.wcp_btn--list span:before {
  left: 0;
  background: url("/Shared/Images/Forms/Icons/list.svg") no-repeat center center/contain;
}

button.wcp_btn--arr span, a.wcp_btn--arr span {
  padding-right: 28px;
}

button.wcp_btn--arr span:before, a.wcp_btn--arr span:before {
  right: 0;
  background: url("/Shared/Images/Forms/Icons/arr-right.svg") no-repeat center center/contain;
}

button.wcp_btn--report span, a.wcp_btn--report span {
  padding-left: 28px;
}

button.wcp_btn--report span:before, a.wcp_btn--report span:before {
  left: 0;
  background: url("/Shared/Images/Forms/Icons/report.svg") no-repeat center center/contain;
}

button.wcp_btn--dark, a.wcp_btn--dark {
  background-color: #015077;
  color: #FFF;
  border-color: transparent;
}

button.wcp_btn--dark:hover, a.wcp_btn--dark:hover {
  background: #013954;
}

button.wcp_btn--dark.wcp_btn--arr span:before, a.wcp_btn--dark.wcp_btn--arr span:before {
  background: url("/Shared/Images/Forms/Icons/arr-right-light.svg") no-repeat center center/contain;
}

button.wcp_btn--dark.wcp_btn--play span:before, a.wcp_btn--dark.wcp_btn--play span:before {
  background: url("/Shared/Images/Forms/Icons/play.svg") no-repeat center center/contain;
}

.wcp_badge {
  padding: 10px 24px;
  border-radius: 28px;
  color: #015077;
  background: #F2FBFF;
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  box-sizing: border-box;
}

.wcp_badge--icon {
  padding-left: 40px;
}

.wcp_badge--icon:before {
  content: '';
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 22px;
  height: 22px;
}

.wcp_badge--icon_proven:before {
  background: url("/Shared/Images/Forms/Icons/proven-dark.svg") no-repeat center center/contain;
}

.wcp_badge--icon_proven.wcp_badge--dark:before {
  background: url("/Shared/Images/Forms/Icons/proven.svg") no-repeat center center/contain;
}

.wcp_badge--icon_confidential:before {
  background: url("/Shared/Images/Forms/Icons/lock-dark.svg") no-repeat center center/contain;
}

.wcp_badge--icon_confidential.wcp_badge--dark:before {
  background: url("/Shared/Images/Forms/Icons/lock.svg") no-repeat center center/contain;
}

.wcp_badge--dark {
  color: #5BC9FF;
  background: #013954;
}

.wcp_badge--dark.wcp_badge_proven:before {
  background: url("/Shared/Images/Forms/Icons/proven.svg") no-repeat center center/contain;
}

.wcp_badge--dark.wcp_badge_confidential:before {
  background: url("/Shared/Images/Forms/Icons/lock.svg") no-repeat center center/contain;
}

/*
Contains styles that can be easily overwritten in theme styles; refers to common UI elements used in multiple widgets/pages, and exists solely for the convenience of developers:
 - for use across the platform;
 - can be overwritten on the theme-level (copy-paste the whole thing into the theme's css and edit it there, instead of applying separate styles to each generic element);
 - new elements can be added for use in old or/and new widgets during further development;
 - currently applied only to the Employer Solution widgets/pages;
*/
@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.th_button, .th_link {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  letter-spacing: .8px;
  line-height: 20px;
  padding: 12px 20px;
}

.th_button:before, .th_link:before, .th_button:after, .th_link:after {
  width: 20px;
  height: 20px;
}

.th_button:disabled, .th_link:disabled {
  background: #A3A3A3;
  border-color: transparent;
  cursor: default;
  color: #FFF;
}

.th_button_primary {
  background: #000;
  border-color: transparent;
  color: #FFF;
}

.th_button_primary:visited {
  color: #FFF;
}

.th_button_primary--play:before, .th_link_primary--play:before {
  content: url("/Shared/Images/EmployerSolution/Icons/play-white.svg");
}

.th_button_primary--pause:before {
  content: url("/Shared/Images/EmployerSolution/Icons/pause-white.svg");
}

.th_button_primary--more:after, .th_link_primary--more:after {
  content: url("/Shared/Images/EmployerSolution/Icons/chevron-right-white.svg");
}

.th_button_primary--report:before {
  content: url("/Shared/Images/EmployerSolution/Icons/report-white.svg");
}

.th_button_primary--okay:after {
  content: url("/Shared/Images/EmployerSolution/Icons/corner-down-left-white.svg");
}

.th_button_primary--edit:before {
  content: url("/Shared/Images/EmployerSolution/Icons/edit-white.svg");
}

.th_button_primary--exit:after {
  content: url("/Shared/Images/EmployerSolution/Icons/exit-white.svg");
}

.th_button_primary--share:after {
  content: url("/Shared/Images/EmployerSolution/Icons/share-white.svg");
}

.th_button_primary--file:after {
  content: url("/Shared/Images/EmployerSolution/Icons/file-white.svg");
}

.th_button_primary--forward:after, .th_link_primary--forward:after {
  content: url("/Shared/Images/EmployerSolution/Icons/arrow-narrow-right-white.svg");
}

.th_button_primary--back:before, .th_link_primary--back:before {
  content: url("/Shared/Images/EmployerSolution/Icons/arrow-narrow-left-white.svg");
}

.th_button_primary--confirm:before {
  content: url("/Shared/Images/EmployerSolution/Icons/check-white.svg");
}

.th_button_primary--save:before {
  content: url("/Shared/Images/EmployerSolution/Icons/save-white.svg");
}

.th_button_secondary {
  background: #FFF;
  border: 1px solid #000;
  color: #000;
}

.th_button_secondary:visited {
  color: #000;
}

.th_button_secondary--play:before, .th_link_secondary--play:before {
  content: url("/Shared/Images/EmployerSolution/Icons/play-black.svg");
}

.th_button_secondary--pause:before {
  content: url("/Shared/Images/EmployerSolution/Icons/pause-black.svg");
}

.th_button_secondary--more:after, .th_link_secondary--more:after {
  content: url("/Shared/Images/EmployerSolution/Icons/chevron-right-black.svg");
}

.th_button_secondary--report:before {
  content: url("/Shared/Images/EmployerSolution/Icons/report-black.svg");
}

.th_button_secondary--okay:after {
  content: url("/Shared/Images/EmployerSolution/Icons/corner-down-left-black.svg");
}

.th_button_secondary--exit:after {
  content: url("/Shared/Images/EmployerSolution/Icons/exit-black.svg");
}

.th_button_secondary--forward:after, .th_link_secondary--forward:after {
  content: url("/Shared/Images/EmployerSolution/Icons/arrow-narrow-right-black.svg");
}

.th_button_secondary--back:before, .th_link_secondary--back:before {
  content: url("/Shared/Images/EmployerSolution/Icons/arrow-narrow-left-black.svg");
}

.th_button_alert {
  background: #B53E3E;
  border-color: transparent;
  color: white;
}

.th_button_alert:visited {
  color: #FFF;
}

.th_button_alert--unpublish:before {
  content: url("/Shared/Images/EmployerSolution/Icons/unpublish-white.svg");
}

.th_button_close {
  border: 0;
  width: 24px;
  height: 24px;
}

.th_button_close_primary {
  background: url("/Shared/Images/EmployerSolution/Icons/close-black.svg");
}

.th_button_close_secondary {
  background: url("/Shared/Images/EmployerSolution/Icons/close-white.svg");
}

.th_button_close_rounded {
  background: url("/Shared/Images/EmployerSolution/Icons/close-circle-black.svg");
}

.th_link {
  border: 0;
  background: transparent;
  padding: 0;
}

.th_prev--circle {
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: url("/Shared/Images/Library/Icons/arrow-circle-left.svg") no-repeat center center/contain;
}

.th_next--circle {
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: url("/Shared/Images/Library/Icons/arrow-circle-right.svg") no-repeat center center/contain;
}

.th_input {
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  outline: 0;
}

*:not([class*=k-]) > .th_input:not([type]):not(.k-input):not(.k-textbox) {
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  outline: 0;
}

.th_checkbox {
  display: none;
}

.th_checkbox:checked + label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
}

.th_checkbox:checked + label:after {
  content: url("/Shared/Images/Library/Icons/check.svg");
  position: relative;
  width: 24px;
  height: 24px;
}

.th_dropdown.k-dropdown {
  flex: 1;
  width: auto;
}

.th_dropdown.k-dropdown .k-dropdown-wrap {
  align-items: center;
  background: #FFF;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 40px;
}

.th_dropdown.k-dropdown .k-dropdown-wrap .k-input {
  color: #0F0F0F;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-left: 14px;
}

.th_dropdown.k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  background-image: url("/Shared/Images/EmployerSolution/Icons/chevron-down-black.svg");
  content: "";
  height: 20px;
  width: 20px;
}

.th_header {
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

.th_header--0 {
  font-size: 36px;
}

.th_header--1 {
  font-size: 26px;
}

.th_header--2 {
  font-size: 20px;
}

.th_header--3 {
  font-size: 18px;
}

.th_header--4 {
  font-size: 14px;
}

.th_card {
  border-radius: 16px;
  overflow: hidden;
}

.th_card--shadow {
  box-shadow: 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
}

.th_progress_bar {
  width: 100%;
  background: #F2F2F2;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
}

.th_progress_bar .progress_line {
  height: inherit;
}

.th_chip {
  font-size: 12px;
  line-height: 18px;
  padding: 4px 8px;
  border-radius: 5px;
  margin: 0 auto 0 0;
}



/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

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

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet{
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon{
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
  -webkit-perspective: 1000;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}
/** THEME
===================================*/
.bx-wrapper {
    /* Commented out next four lines to remove border - EK 17/01/2019*/
  /*-moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;*/
  /* corehealth addition */
  margin: 0 auto;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('/Konnected/styles/plugins/images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('/Konnected/styles/plugins/images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('/Konnected/styles/plugins/images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: auto;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('/Konnected/styles/plugins/images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('/Konnected/styles/plugins/images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* Corehealth Changes */

.bx-wrapper .bx-viewport ul {margin: 0;}

.collapsible > .title > .toggle {
  background-image: url("/Konnected/JS/platformicons/subtract-square-2");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 20px;
  height: 20px;
  float: left;
}

.collapsible.collapsed > .title > .toggle {
  background-image: url("/Konnected/JS/platformicons/add-square-1");
  background-size: 16px;
}

.collapsible.collapsedisabled > .title > .toggle {
  background-image: none;
}

.collapsible.collapsedisabled > .body,
.collapsible.collapsed > .body {
  display: none;
}

.k-ieNaN .collapsible > .title > .toggle,
.k-ieNaN .collapsible.collapsed > .title > .toggle,
.k-ie7 .collapsible > .title > .toggle,
.k-ie7 .collapsible.collapsed > .title > .toggle {
  background-image: none;
}

.k-ieNaN .collapsible.collapsedisabled > .body,
.k-ieNaN .collapsible.collapsed > .body,
.k-ie7 .collapsible.collapsedisabled > .body,
.k-ie7 .collapsible.collapsed > .body {
  display: block;
}

.k-ieNaN .collapsible.collapsedisabled > .body,
.k-ieNaN .collapsible.collapsed > .body,
.k-ie7 .collapsible.collapsedisabled > .body,
.k-ie7 .collapsible.collapsed > .body {
  display: block;
}

.form-web .top {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.form-web .top .progressOuter {
  border-bottom: solid 1px #ddd;
}

.form-web .top .progress {
  height: 7px;
  background-color: #ebebeb;
}

.form-web .top .pageInfo {
  display: block;
  color: #444;
  font-size: 9px;
  width: 100%;
  text-align: right;
  padding: 1px;
  margin: 1px;
  margin-top: 6px;
}

.form-web .top .controls {
  position: absolute;
  margin-top: -15px;
  margin-left: 7px;
}

.form-web > .header {
  apadding: 10px;
  border: solid 1px #c5c5c5;
  border-radius: 5px;
}

.form-web .header h1 {
  margin-bottom: 3px;
}

.form-web .section {
  border: solid 1px #ddd;
  padding: 20px;
  padding-top: 0px;
  border-radius: 5px;
  display: none;
}

.form-web .section .header h2 {
  color: #3c79bb;
}

.form-web .manageronly {
  border-color: #F00;
  border-style: dotted;
  background-color: #fafafa;
}

.form-web .question {
  padding-left: 22px;
}

.form-web .required {
  background-image: url("/Konnected/JS/Form/Templates/platformicons/asterisk-1");
  background-position: top left;
  background-repeat: no-repeat;
}

.form-web .question.error .header {
  display: none;
}

.form-web .question.video input.value,
.form-web .question input.value.tracker {
  display: none;
}

.form-web .question .edit ul {
  margin: 0;
  padding-left: 20px;
}

.form-web .question .edit {
  margin-bottom: 1em;
}

.form-web .question .edit .k-slider ul {
  margin: 0;
  margin-left: 34px;
  padding-left: unset;
}

.k-ie .form-web .question .edit .k-slider ul,
.k-edge12 .form-web .question .edit .k-slider ul {
  margin-left: 14px;
}

.form-web .question.range .edit {
  min-height: 3em;
  clear: both;
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em;
}

.form-web .question .edit li {
  list-style: none;
  list-style-image: none;
  margin-left: 0;
}

.form-web .question .header h3 {
  color: #000;
  font-size: 1.05em;
  font-weight: bold;
}

.form-web .question textarea {
  width: 100%;
  height: 100px;
}

.form-web .question select,
.form-web .question .k-textbox,
.form-web .question .value.k-dropdown {
  width: 100%;
}

.form-web .question select.list {
  background-color: transparent;
  background-image: none;
  padding: 5px;
  line-height: 24px;
}

.form-web .question .answer-image {
  max-height: 3em;
}

.form-web .loading {
  background-image: url("/shared/images/loading-image.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #ddd;
  opacity: 0.1;
  position: absolute;
  z-index: 10;
  display: none;
  border-radius: 5px;
}

.form-web span.k-invalid-msg {
  margin-top: 10px;
  text-align: left;
}

.form-web div.errors {
  display: none;
  position: static;
  text-align: left;
  margin-bottom: 20px;
}

.form-web .k-file {
  background-color: transparent;
  border: none;
}

.form-web .k-state-disabled,
.form-web .k-state-disabled .k-link {
  color: #595959;
}

.form-web fieldset {
  border: none;
  margin-top: 1.05em;
  margin-bottom: 1.05em;
  padding: 0;
}

.form-web legend {
  padding: 0;
  white-space: normal;
  width: 100%;
}

.form-web legend span {
  display: block;
  width: 100%;
}

.form-web .ltgt {
  background-color: #f4f4f4;
  width: 2em;
  height: 2em;
  cursor: pointer;
  user-select: none;
}

.form-web .ltgt:hover {
  background-color: #e2e2e2;
}

.form-web .ltgt:active {
  background-color: #0072c6;
  color: white;
}

.mediaplayer {
  max-width: 100%;
  width: 640px;
  height: 360px;
}

@media only screen and (max-width: 800px) {
  .mediaplayer {
    max-width: 100%;
    width: 480px;
    height: 270px;
  }
}

@media only screen and (max-width: 640px) {
  .mediaplayer {
    max-width: 100%;
    width: 440px;
    height: 248px;
  }
}

@media only screen and (max-width: 600px) {
  .mediaplayer {
    max-width: 100%;
    width: 400px;
    height: 225px;
  }
}

@media only screen and (max-width: 550px) {
  .mediaplayer {
    max-width: 100%;
    width: 360px;
    height: 203px;
  }
}

@media only screen and (max-width: 480px) {
  .mediaplayer {
    max-width: 100%;
    width: 315px;
    height: 177px;
  }
}

@media only screen and (max-width: 400px) {
  .mediaplayer {
    max-width: 100%;
    width: 270px;
    height: 152px;
  }
}

@media only screen and (max-width: 350px) {
  .mediaplayer {
    max-width: 100%;
    width: 240px;
    height: 134px;
  }
}

.w-filestoreupload .k-file-extension-wrapper,
.w-filestoreupload .k-file-invalid-extension-wrapper,
.w-filestoreupload .k-multiple-files-extension-wrapper,
.w-filestoreupload .k-multiple-files-invalid-extension-wrapper, .k-upload .k-file-extension-wrapper,
.k-upload .k-file-invalid-extension-wrapper,
.k-upload .k-multiple-files-extension-wrapper,
.k-upload .k-multiple-files-invalid-extension-wrapper {
  width: 28px;
  height: 38px;
  border-width: 1px;
}

.w-filestoreupload .k-upload-files .k-file, .k-upload .k-upload-files .k-file {
  display: flex;
  white-space: normal;
  gap: 8px;
}

.w-filestoreupload .k-upload-files .k-file .k-file-name-size-wrapper, .k-upload .k-upload-files .k-file .k-file-name-size-wrapper {
  margin: 0;
}

.w-filestoreupload .k-upload-files .k-file .k-filename, .k-upload .k-upload-files .k-file .k-filename {
  margin: 0;
}

.w-filestoreupload .k-upload-files .k-file .k-file-size, .k-upload .k-upload-files .k-file .k-file-size {
  margin: 0;
}

.w-filestoreupload .k-upload-files .k-file .k-upload-actions, .k-upload .k-upload-files .k-file .k-upload-actions {
  margin-left: auto;
}

.w-filestoreupload .k-upload-files .k-file .k-upload-actions .k-upload-action, .k-upload .k-upload-files .k-file .k-upload-actions .k-upload-action {
  border: 0;
  color: #000;
}

.w-filestoreupload .k-upload-files .k-file .k-upload-actions .k-upload-action .k-i-x:before, .k-upload .k-upload-files .k-file .k-upload-actions .k-upload-action .k-i-x:before {
  display: none;
}

.w-filestoreupload .k-file-extension, .k-upload .k-file-extension {
  margin-left: 0.3em;
}

.w-imagechooser {
  position: relative;
  /*width: 80px;*/
  height: 80px;
}

.w-imagechooser .w-image {
  /*width: 80px;*/
  height: 80px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.w-imagechooser .w-image-remove {
  display: none;
  margin: 2px;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/Konnected/JS/kendoWidget/platformicons/remove-circle-2");
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
}

.w-imagechooser:hover {
  background-color: #eaeaea;
}

.w-imagechooser:hover .w-image-remove {
  display: block;
}

.w-imagechooser.w-image-empty .w-image {
  background-image: url("/shared/images/placeholder.png");
}

.w-imagechooser.w-image-empty:hover .w-image-remove {
  display: none;
}

@media (max-device-width: 480px) {
  .w-imagechooser .w-image-remove {
    display: block;
  }
}

.w-activityChart .k-chart {
  height: 150px;
}

.activityDropdown {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}

.activityDropdownUnits {
  white-space: nowrap;
}

.w-addActivity {
  display: inline;
}

.w-addActivity .addBtn {
  vertical-align: middle;
  margin-left: 3px;
}

.w-addActivity #steps {
  color: red;
  font-style: italic;
  vertical-align: bottom;
}

#dropDownList-list {
  width: auto !important;
}

.w-addSleep .form {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.w-addSleep .form .form-item {
  display: flex;
  flex-direction: column;
}

.w-addSleep .form .form-item dt {
  padding-top: 0;
}

.w-addSleep .sleep-time {
  width: 100%;
}

.w-addSteps {
  display: inline;
  /*Removed due to widget sizing in different themes TICKET: 295290 */
  /* .steps-input {
        width: 60px;
    } */
}

.w-addSteps .addBtn {
  vertical-align: middle;
  margin-left: 3px;
}

.w-addSteps .add-steps-amount {
  color: red;
  font-style: italic;
  vertical-align: bottom;
}

.w-articlewidget .author {
  font-size: 8pt;
}

.w-articlewidget h3.title {
  margin-bottom: 0;
}

.w-articlewidget .body {
  max-height: 300px;
  overflow: auto;
}

.w-articlewidget .article-copyright {
  font-size: 10pt;
}

.w-articlewidget .published {
  float: left;
  font-size: 10pt;
  color: #aaa;
}

.w-articlewidget .rating {
  float: right;
  font-size: 12pt;
}

.w-articlewidget .link {
  color: #50607f;
  background-color: #f0f9ff;
  padding: .8em;
  border: #d0d9df 1px solid;
}

.w-articlewidget .video-article {
  max-width: 100%;
  width: 640px;
  height: 360px;
}

.widget.initialized.w-askanexpert {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  padding: 0;
  margin: 0;
}

.widget.initialized.w-askanexpert .grid-6 {
  width: 50%;
}

.widget.initialized.w-askanexpert .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

.widget.initialized.w-askanexpert .header .heading {
  display: inline;
  font-size: 1.3em;
}

.widget.initialized.w-askanexpert .header .new-question {
  padding-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.widget.initialized.w-askanexpert .main {
  display: flex;
  flex: 1;
  height: calc(100% - 38px);
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
}

.widget.initialized.w-askanexpert .main .slider {
  position: relative;
  width: 100%;
  height: 480px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid lightgrey;
  border-radius: 8px;
}

.widget.initialized.w-askanexpert .main .slider .content {
  display: flex;
  flex: 1;
  position: relative;
  height: 100%;
  box-sizing: border-box;
}

.widget.initialized.w-askanexpert .main .slider .content .convs,
.widget.initialized.w-askanexpert .main .slider .content .msgs {
  flex: 0 0 50%;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
}

.widget.initialized.w-askanexpert .main .slider .content .convs .filter-label,
.widget.initialized.w-askanexpert .main .slider .content .convs .img-search {
  vertical-align: middle;
}

.ask-an-expert-popup {
  position: fixed;
  left: 80px;
  bottom: 0;
  height: 30px;
  background-color: #0772c2;
  color: white;
  border-radius: 5px 5px 0 0;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  z-index: 3;
}

.w-askanexpertconversations {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
}

.w-askanexpertconversations .header {
  height: 100px;
  padding: 5px;
  border-bottom: 1px solid #eeeeee;
}

.w-askanexpertconversations .header .s-hidden {
  width: fit-content;
}

.w-askanexpertconversations .header .active-resolved.grid-6.s-grid-6 {
  border: 1px solid #eeeeee;
  margin-bottom: 0;
}

@media (max-width: 381px) {
  .w-askanexpertconversations .header .active-resolved.grid-6.s-grid-6 {
    margin-bottom: 10px;
    width: 100%;
  }
}

.w-askanexpertconversations .header .view {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.w-askanexpertconversations .header .view.selectable:hover {
  text-decoration: underline;
  cursor: pointer;
}

.w-askanexpertconversations .header .view.selected {
  background-color: #0772c2;
  color: white;
  cursor: default;
}

.w-askanexpertconversations .header .types {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 0px;
  box-sizing: border-box;
}

.w-askanexpertconversations .header .filter {
  padding-top: 0;
}

@media (max-width: 381px) {
  .w-askanexpertconversations .header .filter .filter-label {
    display: block;
  }
}

@media (max-width: 381px) {
  .w-askanexpertconversations .header .filter {
    width: 60%;
  }
}

.w-askanexpertconversations .header .txt-filter {
  width: 100px;
}

.w-askanexpertconversations .header .unread-only.grid-4 {
  text-align: right;
  padding-right: 20px;
  padding-top: 0;
  font-size: .9em;
}

.w-askanexpertconversations .header .unread-only.grid-4 input {
  margin-right: 5px;
  margin-bottom: 3px;
}

@media (max-width: 381px) {
  .w-askanexpertconversations .header .unread-only.grid-4 {
    padding-right: 0;
    margin-left: 10px;
    font-size: 10px;
  }
}

@media (max-width: 1200px) {
  .w-askanexpertconversations .header {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width: 525px) {
  .w-askanexpertconversations .header {
    height: 150px;
    padding: 5px 10px;
  }
}

.w-askanexpertconversations .conversations {
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
  min-height: 300px;
}

.w-askanexpertconversations .conversations .conversation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.w-askanexpertconversations .conversations .conversation:hover {
  background-color: #ccc;
}

.w-askanexpertconversations .conversations .conversation .conv-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.w-askanexpertconversations .conversations .conversation .conv-main .conv-hdr {
  font-size: 0.8em;
}

.w-askanexpertconversations .conversations .conversation .conv-main .conv-msg {
  font-weight: bold;
  color: #888;
}

.w-askanexpertconversations .conversations .conversation .conv-main .conv-unread,
.w-askanexpertconversations .conversations .conversation .conv-main .conv-resolved {
  width: 45px;
  background-color: grey;
  color: white;
  padding: 0 5px 0 5px;
  border-radius: 3px;
  font-size: .8em;
  margin-right: 5px;
  text-align: center;
}

.w-askanexpertconversations .conversations .conversation .conv-main .conv-type {
  font-size: .7em;
}

.w-askanexpertconversations .conversations .conversation .conv-replies {
  box-sizing: border-box;
  width: 70px;
  padding: 3px;
}

.w-askanexpertconversations .conversations .conversation .conv-replies .replies-count,
.w-askanexpertconversations .conversations .conversation .conv-replies .replies-hdr {
  background-color: #eee;
  text-align: center;
  font-size: .8em;
}

.w-askanexpertconversations .conversations .conversation .conv-replies .replies-hdr {
  border-radius: 3px 3px 0 0;
  margin-bottom: 3px;
}

.w-askanexpertconversations .conversations .conversation .conv-replies .replies-count {
  border-radius: 0 0 3px 3px;
}

.w-askanexpertmessages {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

.w-askanexpertmessages .header {
  height: 40px;
  border-bottom: 1px solid #eee;
  line-height: 1.7em;
  font-weight: bold;
  padding-left: 20px;
}

.w-askanexpertmessages .messages {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 5px;
  box-sizing: border-box;
}

.w-askanexpertmessages .msg {
  display: flex;
  gap: 5px;
  padding: 10px;
}

.w-askanexpertmessages .msg .content {
  flex-direction: column;
  flex: 1;
  box-sizing: border-box;
  padding: 7px;
  border-radius: 5px;
  background-color: #eee;
}

.w-askanexpertmessages .msg .content .msg-hdr {
  font-size: 0.7em;
  margin-bottom: 5px;
  margin-right: 10px;
}

.w-askanexpertmessages .msg .icon {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.w-askanexpertmessages .msg.me .doc a {
  color: white;
}

.w-askanexpertmessages .msg.me .content {
  background-color: gray;
  color: white;
}

.w-askanexpertmessages .resolved-ind {
  text-align: center;
  padding-top: 10px;
}

.w-askanexpertmessages .resolved-ind span {
  background-color: grey;
  color: white;
  padding: 5px;
  border-radius: 3px;
  font-size: .8em;
}

.w-askanexpertmessages .new-message {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-top: 1px solid #eee;
  padding: 10px;
}

.w-askanexpertmessages .new-message-editor {
  height: 60px;
  background-color: #e8e8e8;
  border: 1px solid #9c9c9c;
  border-radius: 5px;
}

.w-askanexpertmessages .new-message-editor.Placeholder {
  color: #9c9c9c;
  font-style: italic;
}

.w-askanexpertmessages .new-message .send {
  flex: 0;
  margin-left: auto;
  margin-top: 10px;
}

.w-askanexpertmessages .new-message .typing-indicator {
  background-color: #fff;
  will-change: transform;
  width: auto;
  border-radius: 8px;
  padding: 8px;
  display: table;
  margin: 0 auto;
  position: relative;
  float: right;
  padding-top: 5px;
}

.w-askanexpertmessages .new-message .typing-indicator span {
  height: 10px;
  width: 10px;
  float: left;
  margin: 0 1px;
  background-color: #333;
  display: block;
  border-radius: 50%;
  opacity: 0.4;
}

.w-askanexpertmessages .new-message .typing-indicator span:nth-of-type(1) {
  animation: 1s blink infinite 0.3333s;
}

.w-askanexpertmessages .new-message .typing-indicator span:nth-of-type(2) {
  animation: 1s blink infinite 0.6666s;
}

.w-askanexpertmessages .new-message .typing-indicator span:nth-of-type(3) {
  animation: 1s blink infinite 0.9999s;
}

@keyframes blink {
  50% {
    opacity: 1;
  }
}

.assessmentDetailed .assessment .title > .text {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/clipboard");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.k-rtl .assessmentDetailed .assessment .title > .text {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/clipboard");
  background-repeat: no-repeat;
  background-position: right center;
  padding-left: inherit;
  padding-right: 20px;
}

.assessmentDetailed .assessment > .body {
  padding-bottom: 10px;
}

.assessmentDetailed .report .title > .text {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/report");
}

.assessmentDetailed .instance > .text {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/preview");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.k-rtl .assessmentDetailed .instance > .text {
  background-position: right center;
  padding-left: inherit;
  padding-right: 20px;
}

.assessmentDetailed .instance .link.view.k-button {
  background: none;
  border: none;
  padding-left: 0.1em;
  text-decoration: underline;
  font-size: 14px;
  white-space: wrap;
  text-align: left;
}

.k-rtl .assessmentDetailed .instance .link.view.k-button {
  padding-left: inherit;
  padding-right: 0.1em;
}

.assessmentDetailed .instance .link.view.k-button:hover {
  text-decoration: none;
}

.assessmentList .link.listEdit.k-button {
  background: none;
  border: none;
  padding-left: 0.1em;
  text-decoration: underline;
}

.k-rtl .assessmentList .link.listEdit.k-button {
  padding-left: inherit;
  padding-right: 0.1em;
}

.assessmentList .link.listEdit.k-button:focus,
.assessmentList .link.listEdit.k-button:active,
.assessmentList .link.listEdit.k-button:focus:active,
.assessment .title .edit.k-button:focus,
.assessment .instance .link.view.k-button:focus,
.assessment .instance .link.view.k-button:active,
.assessment .instance .link.view.k-button:focus:active {
  box-shadow: none;
  -webkit-box-shadow: none !important;
  background-image: none !important;
  border: none;
  color: inherit;
}

.assessmentList .link.listEdit.k-button:hover {
  text-decoration: none;
}

.assessmentDetailed .title {
  font-weight: bold;
  line-height: 25px;
  font-size: 14px;
  clear: both;
  overflow: hidden;
}

.assessmentDetailed .title .lastcompleted {
  font-size: 11px;
  font-weight: normal;
  margin-right: 15px;
  font-style: italic;
}

.k-rtl .assessmentDetailed .title .lastcompleted {
  margin-left: 15px;
  margin-right: inherit;
}

.assessmentDetailed .assessment > .title {
  background-color: #f9f9f9;
  padding-left: 10px;
  /*height: 30px;*/
  line-height: 30px;
}

.k-rtl .assessmentDetailed .assessment > .title {
  padding-left: inherit;
  padding-right: 10px;
}

.assessmentDetailed .title .toggle {
  height: 25px;
}

.assessmentDetailed .assessment > .title .toggle {
  height: 30px;
}

.assessmentDetailed .assessment .title > .k-button {
  background: none;
  border: none;
  padding-left: 0.1em;
}

.k-rtl .assessmentDetailed .assessment .title > .k-button {
  padding-left: inherit;
  padding-right: 0.1em;
}

.assessmentDetailed .assessment .title > .edit {
  width: 2em;
  height: 2em;
  padding-left: 10px;
  cursor: pointer;
  margin-top: 4px;
}

.k-rtl .edit-image {
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.assessmentDetailed .report {
  margin-left: 25px;
}

.theme-contempo .assessmentWidget .assessment.collapsible .report {
  float: none;
}

.assessmentDetailed .report .instance {
  margin-left: 25px;
  clear: both;
  overflow: hidden;
}

.assessmentDetailed .report .instance .text {
  line-height: 20px;
}

.assessmentDetailed .report .instance .iscomplete {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/checkmark");
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

.k-rtl .assessmentDetailed .report {
  margin-left: inherit;
  margin-right: 25px;
}

.k-rtl .assessmentDetailed .report .instance {
  margin-left: inherit;
  margin-right: 25px;
}

.k-rtl .assessmentDetailed .report .instance .iscomplete {
  margin-left: inherit;
  margin-right: 5px;
}

.assessmentList .assessment .title {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/checkbox-unchecked");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 35px;
  line-height: 25px;
  padding-right: 10px;
}

.assessmentList .assessment.iscomplete .title {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/checkmark");
}

.assessmentList .assessment .completeddate {
  color: #666;
  font-size: 0.85em;
  margin-top: 7px;
}

.k-rtl .assessmentList .assessment .title {
  background-position: right 5px center;
  padding-left: 10px;
  padding-right: 30px;
}

.w-assessmentAggregate .question {
  background-color: #fafafa;
  border-radius: 10px;
  margin: 2em;
  padding: 2em;
}

.w-assessmentAggregate .stats dt, .w-assessmentAggregate .stats dd {
  margin-right: 1em;
}

.w-assessmentAggregate .stats dt {
  font-weight: bold;
}

.k-rtl .w-assessmentAggregate .stats dt, .k-rtl .w-assessmentAggregate .stats dd {
  margin-right: inherit;
  margin-left: 1em;
}

.assessmentInlineWidget div.widget {
  clear: both;
  overflow: hidden;
  background-color: #fff;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-moz-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-o-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-webkit-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@-moz-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@-o-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

.k-window.assessment-multi-modal {
  border-radius: 15px;
  box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.3);
  max-height: calc(100vh - 222px);
  max-width: 1000px;
  transition: top 200ms ease 0s;
  top: 111px !important;
  overflow: hidden;
  font-family: Lato, sans-serif;
}

@media all and (max-width: 1024px) {
  .k-window.assessment-multi-modal {
    max-width: 100%;
  }
}

.k-window.assessment-multi-modal.k-window-maximized {
  border-radius: unset;
  top: 0 !important;
}

.k-window.assessment-multi-modal * {
  scrollbar-color: #d8d8d8 #FFF;
  scrollbar-width: thin;
}

.k-window.assessment-multi-modal ::-webkit-scrollbar {
  width: 14px;
}

.k-window.assessment-multi-modal ::-webkit-scrollbar-track {
  background-color: #FFF;
  border: 1px solid #FFF;
}

.k-window.assessment-multi-modal ::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  width: 6px;
  border: 4px solid #FFF;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}

.k-window.assessment-multi-modal ::-webkit-scrollbar-thumb:hover {
  width: 10px;
  border: 2px solid #FFF;
}

.k-window.assessment-multi-modal .k-window-titlebar {
  display: none;
}

.k-window.assessment-multi-modal .w-window {
  display: flex;
  flex-direction: column;
  padding: 25px;
  overflow: auto;
}

@media all and (max-width: 768px) {
  .k-window.assessment-multi-modal .w-window {
    padding: 24px;
    overflow: auto;
  }
}

.k-window.assessment-multi-modal.update {
  max-width: 1300px;
}

.k-window.assessment-multi-modal.update .w-window {
  padding: 20px;
}

.k-window.assessment-multi-modal .padded {
  padding: 0;
}

.k-window.assessment-multi-modal .sections .section {
  border: 0;
  padding: 0;
  overflow: hidden;
}

.k-window.assessment-multi-modal .sections .section .header {
  display: none;
}

.k-window.assessment-multi-modal .sections .section .questions .question {
  padding: 0;
  position: relative;
  margin: 0;
  display: grid;
  grid-template-areas: 'header image' 'edit image';
  justify-content: space-between;
}

.k-window.assessment-multi-modal .sections .section .questions .question fieldset {
  margin: 0;
  padding: 0;
}

.k-window.assessment-multi-modal .sections .section .questions .question .header {
  display: block;
  grid-area: header;
}

.k-window.assessment-multi-modal .sections .section .questions .question .header .title {
  margin: 0;
}

.k-window.assessment-multi-modal .sections .section .questions .question .header .title span, .k-window.assessment-multi-modal .sections .section .questions .question .header .title label {
  display: block;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 26px;
}

@media all and (max-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question .header .title span, .k-window.assessment-multi-modal .sections .section .questions .question .header .title label {
    width: 100%;
  }
}

.k-window.assessment-multi-modal .sections .section .questions .question .header .desc {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 70%;
  margin-top: 8px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
}

.k-window.assessment-multi-modal .sections .section .questions .question .header .desc:empty {
  display: none;
}

@media all and (max-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question .header .desc {
    max-width: none;
  }
}

.k-window.assessment-multi-modal .sections .section .questions .question .header .desc .w-infotip {
  margin-left: 8px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.k-window.assessment-multi-modal .sections .section .questions .question .header .desc .w-infotip img {
  opacity: 0;
}

.k-window.assessment-multi-modal .sections .section .questions .question .header .desc .w-infotip:before {
  content: '';
  width: 17px;
  height: 17px;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url("/Shared/Images/EmployerSolution/Icons/info-filled.svg") no-repeat center center/contain;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit {
  grid-area: edit;
  margin: 32px 0 0;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul {
  padding-left: 0;
  display: inline-block;
  min-width: 200px;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li {
  box-sizing: border-box;
  min-height: 50px;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='radio'] {
  display: none;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='radio']:checked + label {
  border-color: #000;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='radio']:checked + label:after {
  content: '';
  position: absolute;
  right: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  line-height: 1;
  width: 24px;
  height: 24px;
  background: url("/Shared/Images/Library/Icons/check.svg") no-repeat center center/contain;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='radio'].k-invalid + label {
  color: #000;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='checkbox'] {
  display: none;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='checkbox'] + label {
  padding: 15px 15px 15px 48px;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='checkbox'] + label:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  border: 1px solid #C5C5C5;
  border-radius: 4px;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='checkbox']:checked + label {
  border-color: #000;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='checkbox']:checked + label:before {
  border: none;
  background: #000 url("/Shared/Images/Forms/Icons/checkmark-white.svg") no-repeat center center/50%;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li input[type='checkbox'].k-invalid + label {
  color: #000;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li label {
  display: block;
  position: relative;
  font-size: 16px;
  margin: 0;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 16px 56px 16px 16px;
  box-sizing: border-box;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit ul li label:hover {
  border-color: #000;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit span {
  border: 0;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit input[type='text'], .k-window.assessment-multi-modal .sections .section .questions .question .edit input[type='number'] {
  border: 0;
  border-bottom: 1px solid #000;
  height: 32px;
  width: auto;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-dropdown {
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  overflow: hidden;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-dropdown .k-input {
  height: 50px;
  padding: 12px 16px;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-dropdown .k-select {
  background: transparent;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-dropdown .k-dropdown-wrap {
  background: #FFF;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-dropdown .k-dropdown-wrap .k-select {
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
  content: "";
  height: 16px;
  width: 12px;
  background-image: url(/Shared/images/forms/icons/nav_down.svg);
  background-repeat: no-repeat;
  transition: transform .3s ease-in-out;
  background-position: 50%;
  background-size: contain;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-dropdown .k-dropdown-wrap.k-state-active .k-select .k-icon:before {
  transform: rotate(180deg);
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-numerictextbox {
  width: 6.4em;
}

@media all and (max-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question .edit .k-numerictextbox {
    width: auto;
    max-width: 6.4em;
  }
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-numerictextbox .k-select {
  display: none;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-numerictextbox .k-numeric-wrap {
  padding: 0;
  box-shadow: none;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .k-numerictextbox .k-numeric-wrap input {
  max-width: 100%;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .baseUnits + label:after {
  display: none;
}

.k-window.assessment-multi-modal .sections .section .questions .question .edit .feetAndInches input {
  max-width: 6.4em;
}

@media all and (min-width: 768px) and (max-width: 900px) {
  .k-window.assessment-multi-modal .sections .section .questions .question .edit .feetAndInches {
    margin-bottom: 24px;
  }
}

.k-window.assessment-multi-modal .sections .section .questions .question .question-image {
  grid-area: image;
  font-size: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 50px;
  max-width: 300px;
  max-height: 300px;
}

@media all and (max-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question .question-image {
    display: none;
  }
}

.k-window.assessment-multi-modal .sections .section .questions .question .question-image img {
  max-height: 100%;
  max-width: 100%;
}

.k-window.assessment-multi-modal .sections .section .questions .question.required {
  background: none;
}

.k-window.assessment-multi-modal .sections .section .questions .question.image_based.radio {
  display: flex;
}

.k-window.assessment-multi-modal .sections .section .questions .question.image_based fieldset {
  width: 100%;
}

.k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
}

@media all and (max-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul {
    flex-direction: column;
    gap: 0;
  }
}

@media all and (min-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li {
    flex: 1;
    margin: 0;
  }
}

@media all and (min-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li input[type='radio']:checked + label, .k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li input[type='checkbox']:checked + label {
    border-color: #000;
  }
  .k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li input[type='radio']:checked + label:after, .k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li input[type='checkbox']:checked + label:after {
    border: none;
    transform: none;
    border-radius: 100%;
    top: 7px;
    right: 7px;
    background: #000 url("/Shared/Images/Forms/icons/checkmark-white.svg") no-repeat center center/50%;
  }
}

.k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li label {
  width: 100%;
  height: 100%;
  padding: 16px;
}

@media all and (min-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li label {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
  }
}

.k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li label:after {
  background: none;
}

.k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li label img {
  width: 80px;
  margin-bottom: 20px;
}

@media all and (max-width: 768px) {
  .k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li label img {
    display: none;
  }
}

.k-window.assessment-multi-modal .sections .section .questions .question.image_based .edit ul li span {
  flex-grow: 2;
}

@media all and (max-width: 768px) {
  .k-window.assessment-multi-modal {
    height: 100vh;
    width: 100vw;
    height: 100dvh;
    width: 100dvw;
    box-sizing: border-box;
    top: 0 !important;
    left: 0 !important;
    max-width: unset;
    max-height: unset;
    border-radius: unset;
    overflow: hidden;
  }
}

@media all and (max-height: 700px) and (min-width: 769px) {
  .k-window.assessment-multi-modal {
    max-height: calc(100vh - 15%);
    top: 7.5% !important;
  }
}

.w-assessment-multi {
  display: flex;
  flex: 1 1 auto;
  margin: auto;
  min-height: 100%;
  width: 100%;
}

.w-assessment-multi:empty, .w-assessment-multi:not([loadcomplete="true"]) {
  min-height: 48px;
  justify-content: center;
  align-items: center;
}

.w-assessment-multi:empty:before, .w-assessment-multi:not([loadcomplete="true"]):before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: url("/Shared/Images/Forms/loader.svg");
  animation: spin 1s linear infinite;
}

.w-assessment-multi:empty .form, .w-assessment-multi:not([loadcomplete="true"]) .form {
  opacity: 0.20;
  pointer-events: none;
}

@media all and (max-width: 768px) {
  .w-assessment-multi {
    align-items: stretch;
    min-height: auto;
    overflow: hidden;
  }
}

@media all and (min-width: 769px) {
  .w-assessment-multi:not(.blocker, .blocker-partial) {
    width: 1000px;
    max-width: 100%;
  }
}

.w-assessment-multi * {
  box-sizing: border-box;
}

.w-assessment-multi button {
  cursor: pointer;
}

.w-assessment-multi .assessment-list {
  overflow: auto;
}

.w-assessment-multi .assessment-list ul {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
  padding: 0;
}

.w-assessment-multi .assessment-list li {
  list-style: none;
}

.w-assessment-multi .assessment-list .form-selector {
  align-items: center;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 10px 8px 10px 16px;
  font-size: 16px;
}

.w-assessment-multi .assessment-list .form-selector:hover {
  background-color: #F9F9F9;
}

.w-assessment-multi .assessment-list .form-selector:after {
  content: url("/Shared/Images/Library/Icons/check.svg");
  position: relative;
  width: 24px;
  height: 24px;
  visibility: hidden;
}

.w-assessment-multi .assessment-list .form-selector.disabled {
  cursor: default;
  opacity: 50%;
}

.w-assessment-multi .assessment-list .form-selector.selected {
  background: #FFF;
}

.w-assessment-multi .assessment-list .form-selector.selected:after {
  visibility: visible;
}

.w-assessment-multi .assessment-list .form-selector.update, .w-assessment-multi .assessment-list .form-selector.update:hover {
  background-color: #FFCBCB;
  color: #9B0000;
}

.w-assessment-multi .assessment-inline {
  display: flex;
  overflow: auto;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-inline {
    flex-grow: 2;
  }
}

.w-assessment-multi .assessment-inline .form-web .top .header .title,
.w-assessment-multi .assessment-inline .form-touch .top .header .title {
  text-align: center;
  font-size: 1.5rem;
}

.w-assessment-multi .assessment-inline .form-web .section > .header,
.w-assessment-multi .assessment-inline .form-touch .section > .header {
  text-align: center;
}

.w-assessment-multi .assessment-inline .form-web .controls,
.w-assessment-multi .assessment-inline .form-touch .controls {
  display: none;
}

.w-assessment-multi .assessment-inline .form .top {
  display: none;
}

.w-assessment-multi .assessment-inline .form .sections .section .questions {
  margin-top: 32px;
}

.w-assessment-multi .assessment-inline .form .sections .section .questions .question .edit {
  flex-wrap: wrap;
}

.w-assessment-multi .assessment-inline .form .sections .section .questions .question .edit .base-units {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  min-width: auto;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-inline .form .sections .section .questions .question .edit .base-units {
    margin-top: 44px;
  }
}

.w-assessment-multi .assessment-inline .form .sections .section .questions .question .edit .base-units .base-unit {
  min-height: auto;
  margin: 0;
}

.w-assessment-multi .assessment-inline .form .sections .section .questions .question .edit .base-units .base-unit label {
  border: 1px solid #000;
  border-radius: 128px;
  min-width: 66px;
  height: 40px;
  margin: 0;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-assessment-multi .assessment-inline .form .sections .section .questions .question .edit .base-units .base-unit input:checked + label {
  background: #F5F5F5;
}

.w-assessment-multi .assessment-inline .form .sections .section .questions .question .edit .base-units .base-unit input:not(:checked) + label:hover {
  background: #F5F5F5;
}

.w-assessment-multi .assessment-inline .form .sections .section .questions .question .edit .k-form-error {
  flex: 1 0 auto;
  width: 100%;
}

.w-assessment-multi .assessment-inline .form .sections .section .questions .question.has-base-units .edit {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0 32px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-inline .form .sections .section .questions .question.select .dropdown {
    width: 100%;
  }
}

.w-assessment-multi .assessment-inline:empty, .w-assessment-multi .assessment-inline:not([loadcomplete="true"]) {
  min-height: 48px;
  justify-content: center;
  align-items: center;
}

.w-assessment-multi .assessment-inline:empty:before, .w-assessment-multi .assessment-inline:not([loadcomplete="true"]):before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: url("/Shared/Images/Forms/loader.svg");
  animation: spin 1s linear infinite;
}

.w-assessment-multi .assessment-inline:empty .form, .w-assessment-multi .assessment-inline:not([loadcomplete="true"]) .form {
  opacity: 0.20;
  pointer-events: none;
}

.w-assessment-multi .assessment-header {
  display: flex;
  gap: 32px;
  justify-content: flex-end;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-header {
    justify-content: space-between;
  }
}

.w-assessment-multi .assessment-header > div {
  display: flex;
  align-items: center;
}

.w-assessment-multi .assessment-header .header-blocker-label {
  display: none;
}

.w-assessment-multi .assessment-header .header-label {
  justify-content: start;
}

.w-assessment-multi .assessment-header .header-info {
  flex: 1 1 auto;
  justify-content: end;
  gap: 0 20px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-header .header-info {
    display: none;
  }
}

.w-assessment-multi .assessment-header .header-buttons {
  gap: 0 20px;
  justify-content: end;
}

.w-assessment-multi .assessment-header .header-buttons button {
  align-items: center;
  background: transparent;
  border: unset;
  border-radius: 15px;
  color: #FFF;
  display: flex;
  gap: 0 8px;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  padding: 0;
  line-height: 0;
}

.w-assessment-multi .assessment-header .header-buttons .header-download {
  display: none;
}

.w-assessment-multi .assessment-header .header-buttons .header-download .download-pdf .download-text {
  order: 1;
  color: #000;
  font-size: 14px;
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-header .header-buttons .header-download .download-pdf .download-text {
    display: none;
  }
}

.w-assessment-multi .assessment-header .header-buttons .header-download .download-pdf .download-icon {
  background: url("/Shared/Images/EmployerSolution/Icons/report-download-black.svg") no-repeat center center/contain;
  display: inline-block;
  height: 20px;
  order: 0;
  width: 20px;
}

.w-assessment-multi .assessment-header .header-buttons .header-close .assessment-close .close-text {
  color: #FFF;
  display: none;
  order: 1;
}

.w-assessment-multi .assessment-header .header-buttons .header-close .assessment-close .close-icon {
  display: flex;
  flex: 1 1 auto;
  font-size: 12px;
  order: 0;
  border: 0;
  width: 24px;
  height: 24px;
  background: url("/Shared/Images/EmployerSolution/Icons/close-circle-black.svg");
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-header .header-buttons {
    margin-left: auto;
  }
}

.w-assessment-multi .assessment-header .header-date-completed .date-completed {
  align-items: center;
  background: #DFFFE8;
  border-radius: 15px;
  color: #108330;
  display: flex;
  justify-content: center;
  height: 30px;
  padding: 0px 12px;
}

.w-assessment-multi .assessment-header .header-progress {
  align-items: center;
  display: flex;
  gap: 0 6px;
}

.w-assessment-multi .assessment-header .header-progress .progress-label {
  flex: 1 1 auto;
  white-space: nowrap;
}

.w-assessment-multi .assessment-header .header-progress .progress-label .progress-label-text {
  display: none;
}

.w-assessment-multi .assessment-header .header-progress .progress-bar {
  display: flex;
  margin: 0;
  max-width: 240px;
  width: 240px;
  height: 10px;
  border-radius: 5px;
}

.w-assessment-multi .assessment-header .header-progress .progress-bar .k-state-selected {
  background-color: #000;
  border-radius: 8px;
  box-sizing: content-box;
}

.w-assessment-multi .assessment-controls {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  margin-top: 50px;
  min-height: 32px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-controls {
    flex-grow: 0;
  }
}

.w-assessment-multi .assessment-controls .controls-nav {
  display: flex;
  overflow: hidden;
  margin: 0;
  justify-content: space-around;
  align-items: flex-end;
  flex-grow: 1;
  max-width: 100%;
  white-space: nowrap;
}

.w-assessment-multi .assessment-controls .controls-nav button {
  background: unset;
  background-color: #F5F5F5;
  border: unset;
  line-height: 0;
  padding: 0;
}

.w-assessment-multi .assessment-controls .controls-nav button:hover {
  background-color: #F5F5F5;
}

.w-assessment-multi .assessment-controls .controls-nav.hidden {
  display: none;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav {
  justify-content: flex-end;
  gap: 1px;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav button {
  width: 24px;
  height: 24px;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav button.disabled {
  cursor: pointer;
  pointer-events: none;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav button.disabled .nav-icon:before {
  color: #C0C0C0;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav .next-question,
.w-assessment-multi .assessment-controls .controls-nav.primary-nav .next-section {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav .prev-question,
.w-assessment-multi .assessment-controls .controls-nav.primary-nav .prev-section {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav .prev-item .nav-icon {
  background: url("/Shared/Images/Forms/icons/chevron-up.svg") no-repeat center center/13px;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav .nav-icon {
  width: 13px;
  height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav .nav-icon:before {
  display: none;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav .next-item .nav-icon {
  transform: rotate(180deg);
  background: url("/Shared/Images/Forms/icons/chevron-up.svg") no-repeat center center/13px;
}

.w-assessment-multi .assessment-controls .controls-nav.primary-nav .nav-text {
  display: none;
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav {
  justify-content: flex-start;
  align-items: flex-end;
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .next-item button,
.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .prev-item button {
  border: 1px solid #000;
  background: #FFF;
  min-width: 94px;
  height: 40px;
  gap: 8px;
  font-weight: 700;
  color: #000;
  border-radius: 10px;
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .next-item button:hover,
.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .prev-item button:hover {
  background-color: #F5F5F5;
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .next-item button:active,
.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .prev-item button:active {
  background-color: #F5F5F5;
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .next-item button.disabled,
.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .prev-item button.disabled {
  cursor: pointer;
  pointer-events: none;
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .next-item button.hidden,
.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .prev-item button.hidden {
  display: none;
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .next-item .nav-icon,
.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .prev-item .nav-icon {
  width: auto;
  height: auto;
  display: none;
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .next-item .nav-icon:after,
.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .prev-item .nav-icon:after {
  content: url("/Shared/Images/EmployerSolution/Icons/corner-down-left-black.svg");
}

.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .next-item .th_button .nav-icon,
.w-assessment-multi .assessment-controls .controls-nav.secondary-nav .prev-item .th_button .nav-icon {
  display: none;
}

.w-assessment-multi .assessment-controls .next-item button, .w-assessment-multi .assessment-controls .prev-item button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
}

.w-assessment-multi .assessment-controls .next-item button.hidden, .w-assessment-multi .assessment-controls .prev-item button.hidden {
  display: none;
}

.w-assessment-multi .assessment-controls .nav-icon {
  align-items: center;
  background: unset;
  color: #FFF;
  display: flex;
  justify-content: center;
}

.w-assessment-multi .assessment-controls .nav-text {
  display: flex;
  align-items: center;
  height: 100%;
}

.w-assessment-multi .assessment-controls .disabled {
  color: #C0C0C0;
}

.w-assessment-multi .assessment-controls .disabled.prev-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: #F5F5F5 url("/Shared/Images/Forms/icons/chevron-up.svg") no-repeat center center/13px;
}

.w-assessment-multi .assessment-controls.disabled {
  pointer-events: none;
}

.w-assessment-multi .assessment-controls.disabled * {
  cursor: pointer;
}

.w-assessment-multi .assessment-blockers {
  display: none;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-blockers {
    flex-grow: 2;
  }
}

.w-assessment-multi .form {
  width: 100%;
}

.w-assessment-multi .multi-assessment {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .multi-assessment {
    justify-content: space-between;
  }
}

.w-assessment-multi .assessment-content {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.w-assessment-multi .assessment-content:empty {
  min-height: 48px;
  justify-content: center;
  align-items: center;
}

.w-assessment-multi .assessment-content:empty:before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: url("/Shared/Images/Forms/loader.svg");
  animation: spin 1s linear infinite;
}

.w-assessment-multi .assessment-content:empty .form {
  opacity: 0.20;
  pointer-events: none;
}

.w-assessment-multi .assessment-content .mobile-list {
  display: none;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-content {
    height: 100%;
    margin: 0;
  }
  .w-assessment-multi .assessment-content .desktop-list {
    display: none;
  }
  .w-assessment-multi .assessment-content .mobile-list {
    display: block;
  }
}

.w-assessment-multi .controls-info {
  display: flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  gap: 0.5rem;
}

.w-assessment-multi .controls-info.hidden {
  display: none;
}

.w-assessment-multi .controls-info .info-icon {
  width: 13px;
  height: 13px;
  background: url("/Shared/Images/Forms/Icons/arr-up.svg") no-repeat center center/contain;
}

.w-assessment-multi .controls-info .info-text {
  color: #6D6D6D;
}

.w-assessment-multi:not(.can-auto-progress) .controls-info {
  display: none;
}

.w-assessment-multi.can-auto-progress .secondary-nav .next-item,
.w-assessment-multi.can-auto-progress .secondary-nav .prev-item {
  display: none;
}

.w-assessment-multi .assessment-entry {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 5px 100px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-entry {
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    gap: 0;
  }
}

.w-assessment-multi .assessment-entry .entry-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 28px;
  order: 1;
  flex: 2;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-entry .entry-info {
    flex-grow: 0;
  }
}

.w-assessment-multi .assessment-entry .entry-info .entry-title {
  line-height: 44px;
}

.w-assessment-multi .assessment-entry .entry-info .entry-description {
  color: #000;
  font-size: 16px;
  flex-grow: 2;
}

.w-assessment-multi .assessment-entry .entry-image {
  order: 0;
  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex;
  max-width: 299px;
  text-align: center;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-entry .entry-image {
    margin: 56px auto;
  }
}

.w-assessment-multi .assessment-entry .entry-image img {
  width: 100%;
}

.w-assessment-multi .assessment-entry .entry-nav {
  display: flex;
  flex-wrap: wrap;
  order: 2;
  gap: 20px;
  align-items: flex-end;
}

.w-assessment-multi .assessment-entry .entry-nav button {
  height: 50px;
  flex: 1 0 auto;
}

.w-assessment-multi .assessment-entry .entry-nav button.nav-pause {
  border: 1px solid #000;
  background: #FFF;
}

.w-assessment-multi .assessment-entry .entry-nav button.nav-pause:hover {
  background-color: #F5F5F5;
}

.w-assessment-multi .assessment-multi-exit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 43px 0 20px 0;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-multi-exit {
    padding: 0;
    height: 100%;
  }
}

.w-assessment-multi .assessment-multi-exit .exit-info {
  margin-bottom: 40px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-multi-exit .exit-info {
    width: 100%;
    flex-grow: 2;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin: 0;
  }
}

.w-assessment-multi .assessment-multi-exit .exit-image {
  margin-bottom: 44px;
  text-align: center;
}

.w-assessment-multi .assessment-multi-exit .exit-image img {
  width: 100%;
  max-width: 272px;
}

.w-assessment-multi .assessment-multi-exit .exit-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.72px;
  margin-bottom: 10px;
}

.w-assessment-multi .assessment-multi-exit .exit-description {
  color: #000;
  text-align: center;
  font-size: 16px;
}

.w-assessment-multi .assessment-multi-exit .exit-nav {
  display: flex;
  gap: 0 15px;
  width: 100%;
}

.w-assessment-multi .assessment-multi-exit .exit-nav button {
  flex: 1 1;
  min-width: 200px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-multi-exit .exit-nav {
    flex-direction: column;
  }
  .w-assessment-multi .assessment-multi-exit .exit-nav .th_button:not(:first-of-type) {
    margin-top: 10px;
  }
}

.w-assessment-multi .assessment-multi-closing {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 47px 0 20px 0;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-multi-closing {
    padding: 0;
    height: 100%;
  }
}

.w-assessment-multi .assessment-multi-closing .closing-image {
  margin-bottom: 40px;
}

.w-assessment-multi .assessment-multi-closing .closing-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px 0;
  margin-bottom: 34px;
}

.w-assessment-multi .assessment-multi-closing .closing-info .closing-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.72px;
}

.w-assessment-multi .assessment-multi-closing .closing-info .closing-description {
  color: #000;
  text-align: center;
  font-size: 16px;
}

.w-assessment-multi .assessment-multi-closing .closing-loader .closing-loader-image {
  position: relative;
  width: 48px;
  height: 48px;
}

.w-assessment-multi .assessment-multi-closing .closing-loader .closing-loader-image img {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  position: absolute;
}

.w-assessment-multi .assessment-multi-finished {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 47px 0 20px 0;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-multi-finished {
    padding: 0;
    height: 100%;
  }
}

.w-assessment-multi .assessment-multi-finished .multi-finished-image {
  margin-bottom: 40px;
}

.w-assessment-multi .assessment-multi-finished .multi-finished-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px 0;
  margin-bottom: 34px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-multi-finished .multi-finished-info {
    flex-grow: 2;
    margin: 0;
  }
}

.w-assessment-multi .assessment-multi-finished .multi-finished-info .multi-finished-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.72px;
}

.w-assessment-multi .assessment-multi-finished .multi-finished-info .multi-finished-description {
  color: #000;
  text-align: center;
  font-size: 16px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-multi-finished .multi-finished-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .w-assessment-multi .assessment-multi-finished .multi-finished-nav .th_button:not(:first-of-type) {
    margin-top: 10px;
  }
}

.w-assessment-multi .assessment-finished {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.w-assessment-multi .assessment-finished .finished-info {
  padding: 65px 0;
  color: #000;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
}

.w-assessment-multi .assessment-finished .finished-image {
  display: flex;
  max-width: 300px;
  max-height: 300px;
}

.w-assessment-multi .assessment-finished .finished-image img {
  max-width: 100%;
}

@media all and (min-width: 769px) {
  .w-assessment-multi .assessment-user-profile {
    min-width: 400px;
  }
}

.w-assessment-multi .assessment-user-profile ul {
  display: inline-block;
  margin: 0;
  min-width: 200px;
  padding-left: 0;
}

.w-assessment-multi .assessment-user-profile ul li {
  list-style: none;
  margin-left: 0;
  box-sizing: border-box;
  min-height: 50px;
}

.w-assessment-multi .assessment-user-profile ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

.w-assessment-multi .assessment-user-profile ul li input[type='radio'] {
  display: none;
}

.w-assessment-multi .assessment-user-profile ul li input[type='radio']:checked + label {
  border-color: #000;
}

.w-assessment-multi .assessment-user-profile ul li input[type='radio']:checked + label:after {
  content: '';
  position: absolute;
  right: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  line-height: 1;
  width: 18px;
  height: 18px;
  background: url("/Shared/Images/Forms/icons/checkmark.svg") no-repeat center center/contain;
}

.w-assessment-multi .assessment-user-profile ul li label {
  display: block;
  position: relative;
  font-size: 16px;
  margin: 0;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
}

.w-assessment-multi .assessment-user-profile ul li label:hover {
  border-color: #000;
}

.w-assessment-multi .assessment-user-profile .user-profile-info {
  display: flex;
  flex-direction: column;
  gap: 15px 0px;
  margin-top: 8px;
}

.w-assessment-multi .assessment-user-profile .user-profile-info .user-profile-row-title {
  margin-bottom: 8px;
  font-weight: 600;
}

.w-assessment-multi .assessment-user-profile .user-profile-info .user-profile-row-error {
  background-color: #FFCBCB;
  border-radius: 6px;
  color: #9B0000;
  margin-top: 10px;
  padding: 6px;
}

.w-assessment-multi .assessment-user-profile .user-profile-nav {
  display: flex;
  justify-content: center;
  gap: 0 15px;
  margin-top: 8px;
}

@media all and (max-width: 768px) {
  .w-assessment-multi .assessment-user-profile .user-profile-nav {
    flex-direction: column;
    width: 100%;
  }
  .w-assessment-multi .assessment-user-profile .user-profile-nav .th_button:not(:first-of-type) {
    margin-top: 10px;
  }
}

.w-assessment-multi.blocker .assessment-header, .w-assessment-multi.blocker .assessment-content {
  display: none;
}

.w-assessment-multi.blocker .assessment-blockers {
  display: initial;
  overflow: auto;
}

.w-assessment-multi.blocker-partial .partial-hidden {
  display: none !important;
}

.w-assessment-multi.blocker-partial .assessment-header .header-label {
  display: none;
}

.w-assessment-multi.blocker-partial .assessment-header .header-info {
  display: none;
}

.w-assessment-multi.blocker-partial .assessment-header .header-buttons {
  display: initial;
}

.w-assessment-multi.blocker-partial .assessment-header .header-blocker-label {
  flex: 1 1 auto;
}

.w-assessment-multi.blocker-partial .assessment-header .header-blocker-label:not(.hidden) {
  display: flex;
}

.w-assessment-multi.blocker-partial .assessment-header .header-blocker-label:not(.hidden) {
  display: initial;
}

.w-assessment-multi.blocker-partial .assessment-content {
  display: none;
}

.w-assessment-multi.blocker-partial .assessment-blockers {
  display: initial;
  overflow: auto;
}

.w-assessment-multi.blocker-header-label-hidden .assessment-header .header-blocker-label:not(.hidden) {
  display: none;
}

.w-assessment-multi.update .assessment-inline .form .sections .section {
  overflow: unset;
}

.w-assessment-multi.update .assessment-inline .form .sections .section .questions .question .edit.k-state-disabled {
  display: none;
}

.w-assessment-multi.update .assessment-inline .form .sections .section .questions .question .question-image {
  display: none;
}

.w-assessment-multi.update .update-question-controls .question-controls-info .info-icon {
  width: 13px;
  height: 13px;
  background: url("/Shared/Images/Forms/Icons/arr-up.svg") no-repeat center center/contain;
}

.w-assessment-multi.update .update-question-controls .question-controls-legend .legend-text {
  font-size: 14px;
}

.w-assessment-multi.update .update-question-controls .question-controls-legend .legend-initial-answer {
  align-items: center;
  display: flex;
  gap: 0 10px;
}

.w-assessment-multi.update .update-question-controls .question-controls-legend .legend-initial-answer .legend-icon {
  border-top: 2px dashed #000;
  display: inline-block;
  flex-shrink: 0;
  width: 30px;
}

.w-assessment-multi.update .update-question-controls .question-controls-button {
  align-items: center;
  display: flex;
  gap: 0 20px;
}

.w-assessment-multi.update .assessment-header {
  margin-bottom: 20px;
}

.w-assessment-multi.update .assessment-header .header-progress {
  display: none;
}

.w-assessment-multi.update .assessment-header .header-download {
  display: block;
}

.w-assessment-multi.update .assessment-content {
  flex-direction: row;
  border-top: 1px solid #d9d9d9;
}

.w-assessment-multi.update .assessment-content .assessment-list {
  max-width: 252px;
  padding: 20px;
  box-sizing: border-box;
  flex: 1 1 100%;
  border-right: 1px solid #d9d9d9;
  background: #F5F5F5;
}

.w-assessment-multi.update .assessment-content .assessment-list .assessment-list-header {
  color: #6D6D6D;
  font-size: 14px;
  padding: 0px 0px 0px 16px;
  margin: 2px 0px 16px 0px;
  display: none;
}

.w-assessment-multi.update .assessment-content .assessment-list ul {
  flex-direction: column;
  margin: 0;
}

.w-assessment-multi.update .assessment-content .assessment-inline {
  flex: 1 1 auto;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .top {
  display: none;
  margin-bottom: 0;
  padding: 20px 0 14px 20px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .top .header .title {
  color: #000;
  font-size: 20px;
  line-height: normal;
  text-align: left;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .top .progressOuter, .w-assessment-multi.update .assessment-content .assessment-inline .form .top .pageInfo {
  display: none;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section {
  border-radius: 0;
  position: relative;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section:not(.manageronly) ~ .section:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  height: 0;
  width: calc(100% - 20px);
  border-top: 1px solid #d9d9d9;
  z-index: 1;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions {
  margin-top: 0;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question {
  padding: 20px 0 20px 20px;
  display: grid;
  grid-auto-columns: 1fr auto;
  padding: 20px 0 20px 20px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question ~ .question:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  height: 0;
  width: calc(100% - 20px);
  border-top: 1px solid #d9d9d9;
  z-index: 1;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .header .title .label {
  font-size: 16px;
  font-weight: 400;
  pointer-events: none;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .header .desc:empty {
  display: none;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .edit {
  margin: 26px 26px 26px 0;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .edit .feetAndInches {
  margin-bottom: unset;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button {
  grid-area: image;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button button {
  background: unset;
  border: unset;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 7px;
  align-items: center;
  justify-content: center;
  background: none;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button button .button-text {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: Poppins, sans-serif;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button button .button-icon {
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/EmployerSolution/icons/edit-black.svg") no-repeat center center/contain;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button button:hover {
  background: unset;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer {
  align-items: center;
  border: 2px solid transparent;
  display: flex;
  gap: 0 10px;
  grid-row: 2;
  margin-top: 14px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer .answer-text {
  background: #F5F5F5;
  border: 2px solid transparent;
  border-radius: 8px;
  display: inline-block;
  padding: 8px 14px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer .answer-icon {
  width: 20px;
  height: 20px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer.error .answer-text {
  background-color: #FFCBCB;
  border-radius: 6px;
  color: #9B0000;
  margin-top: 10px;
  padding: 6px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls {
  align-items: center;
  display: none;
  grid-row: none;
  justify-content: space-between;
  flex-wrap: wrap;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-info {
  align-items: center;
  display: none;
  flex: 1 1 auto;
  gap: 0 8px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-info .info-text {
  font-size: 14px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-info .info-icon {
  background: url("/Shared/Images/Forms/Icons/arr-up.svg") no-repeat center center/contain;
  display: inline-block;
  height: 13px;
  width: 13px;
  flex-shrink: 0;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-legend {
  display: none;
  flex: 1 1 auto;
  justify-content: center;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-buttons {
  align-items: center;
  display: flex;
  gap: 0 20px;
  flex: 1 1 auto;
  justify-content: flex-end;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating {
  background-color: #F5F5F5;
  padding-right: 20px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .header .title label {
  pointer-events: unset;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.has-base-units .edit {
  row-gap: 26px;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .edit ul li input[type='radio'].initial-answer + label, .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .edit ul li input[type='checkbox'].initial-answer + label {
  border: 2px dashed #000;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .k-list-container .k-list .k-item.initial-answer {
  border: 2px dashed #000;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .update-question-answer,
.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .update-question-button {
  display: none;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .update-question-controls {
  display: flex;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.radio .update-question-controls .question-controls-info, .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.radio .update-question-controls .question-controls-legend, .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.checkbox .update-question-controls .question-controls-info, .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.checkbox .update-question-controls .question-controls-legend {
  display: flex;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updated .update-question-button {
  opacity: 0;
  pointer-events: none;
  -webkit-animation: button-fade-in 500ms ease-in forwards;
  -moz-animation: button-fade-in 500ms ease-in forwards;
  -o-animation: button-fade-in 500ms ease-in forwards;
  animation: button-fade-in 500ms ease-in forwards;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updated .update-question-answer .answer-text {
  border-color: #000;
  -webkit-animation: border-fade-out 500ms ease-in forwards;
  -moz-animation: border-fade-out 500ms ease-in forwards;
  -o-animation: border-fade-out 500ms ease-in forwards;
  animation: border-fade-out 500ms ease-in forwards;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updated .update-question-answer .answer-icon {
  background-image: url(/shared/images/forms/icons/circle-check.svg);
  background-size: contain;
  -webkit-animation: opacity-hide 500ms ease-in forwards;
  -moz-animation: opacity-hide 500ms ease-in forwards;
  -o-animation: opacity-hide 500ms ease-in forwards;
  animation: opacity-hide 500ms ease-in forwards;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.w-assessment-multi.update .assessment-content .assessment-controls {
  display: none;
}

@media all and (max-width: 768px) {
  .w-assessment-multi.update .assessment-content {
    border: unset;
    flex-direction: column;
    padding-top: unset;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .top {
    padding: unset;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section ~ .section {
    border-top: 1px solid #F5F5F5;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section ~ .section:before {
    content: unset;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question {
    padding-left: unset;
    display: flex;
    flex-direction: column;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question ~ .question {
    border-top: 1px solid #F5F5F5;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question ~ .question:before {
    content: unset;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .edit {
    margin-right: unset;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer {
    order: 2;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button {
    justify-content: flex-end;
    margin-top: 20px;
    order: 3;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating {
    padding-left: 20px;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.radio .update-question-controls .question-controls-info, .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.checkbox .update-question-controls .question-controls-info {
    display: none;
  }
  .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.radio .update-question-controls .question-controls-legend, .w-assessment-multi.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.checkbox .update-question-controls .question-controls-legend {
    display: none;
  }
  .w-assessment-multi.update .assessment-content .assessment-list {
    max-width: unset;
    border: none;
    flex: inherit;
    padding: unset;
    margin-bottom: 24px;
    min-height: 47px;
  }
  .w-assessment-multi.update .assessment-content .assessment-list .assessment-list-header {
    margin-bottom: 8px;
    padding: unset;
  }
  .w-assessment-multi.update .assessment-content .assessment-list .select-list.k-dropdown {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
  }
  .w-assessment-multi.update .assessment-content .assessment-list .select-list.k-dropdown .k-dropdown-wrap {
    border: unset;
    background: #FFF;
  }
  .w-assessment-multi.update .assessment-content .assessment-list .select-list.k-dropdown .k-dropdown-wrap .k-input {
    height: 45px;
    padding: 10px 16px;
  }
  .w-assessment-multi.update .assessment-content .assessment-list .select-list.k-dropdown .k-dropdown-wrap .k-select {
    background: transparent;
    border: unset;
  }
  .w-assessment-multi.update .assessment-content .assessment-list .select-list.k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
    content: "";
    height: 16px;
    width: 12px;
    background-image: url(/Shared/Images/Forms/icons/nav_down.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: transform .3s ease-in-out;
  }
}

@media all and (min-width: 769px) {
  .w-assessment-multi.update:not(.blocker, .blocker-partial) {
    width: 1300px;
  }
}

.assessmentReportWidget.hide {
  display: none;
}

.assessmentReportWidget.hide.edit {
  display: block;
}

.w-assessmentReportDate {
  display: inline;
}

.w-updateBloodPressure .bloodpressure {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
}

.w-updateBloodPressure .bloodpressure .bp-datetime:not(.hidden) {
  display: flex;
  justify-content: space-between;
}

.w-updateBloodPressure .bloodpressure .bpDate.k-datetimepicker {
  max-width: 100%;
  width: 15.3em;
}

.w-updateBloodPressure .bloodpressure .bp-update {
  display: flex;
  gap: 6px;
}

.w-updateBloodPressure .bloodpressure .bp-update .updateBloodPressure {
  align-self: flex-end;
  color: red;
  font-style: italic;
}

.w-updateBloodPressure .bloodpressure .prev-next {
  display: flex;
  gap: 0 10px;
}

.w-updateBloodPressure .bloodpressure .prev-next .next, .w-updateBloodPressure .bloodpressure .prev-next .prev {
  cursor: pointer;
  max-height: 16px;
  max-width: 16px;
}

.w-updateBloodPressure .bloodpressure .k-numerictextbox {
  max-width: 35%;
}

.w-updateBloodPressure .hidden {
  display: none;
}

.w-updateBloodPressure ~ .bp-history {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
}

.w-BMI {
  font-size: 1.25em;
  font-weight: bold;
  display: inline-block;
}

.w-BMR {
  font-size: 1.25em;
  font-weight: bold;
  display: inline-block;
}

.w-breadcrumb nav .crumbs {
  display: flex;
  gap: 12px;
}

.w-breadcrumb nav .crumbs .crumb {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.w-breadcrumb nav .crumbs .crumb:first-of-type .delimiter {
  display: none;
}

.w-breadcrumb nav .crumbs .crumb .delimiter {
  align-items: center;
  display: flex;
  justify-content: center;
}

.w-breadcrumb nav .crumbs .crumb > button {
  background: unset;
  border: unset;
  cursor: pointer;
  padding: 0;
}

.w-breadcrumb nav .crumbs .crumb > button:hover {
  text-decoration: underline;
}

.w-breadcrumb nav .crumbs .crumb .item {
  align-items: center;
  display: flex;
  gap: 6px;
  height: 100%;
}

.w-breadcrumb nav > ul {
  margin: 0;
  padding: 0;
}

.w-breadcrumb nav > ul > li {
  list-style: none;
}

.leapfrog .w-buddies .avatar {
  float: left;
}

.buddiesWidget.hide {
  display: none;
}

.w-buddies {
  /*  New border rules -- SK */
  /*  New color rules -- SK */
  /*    .buddies-linked {
        background-color: #82a7f2;

        .k-panelbar > li.k-state-default > .k-link.k-state-selected,
        .k-panelbar > li > .k-state-focused.k-state-hover,
        .k-panelbar > li > .k-state-selected,
        .k-panelbar > li > .k-state-selected.k-state-hover {
            background-color: #82a7f2;
        }
    }

    .buddies-asked {
        background-color: #607fbe;

        .k-panelbar > li.k-state-default > .k-link.k-state-selected,
        .k-panelbar > li > .k-state-focused.k-state-hover,
        .k-panelbar > li > .k-state-selected,
        .k-panelbar > li > .k-state-selected.k-state-hover {
            background-color: #607fbe;
        }
    }

    .buddies-waiting {
        background-color: #496090;

        .k-panelbar > li.k-state-default > .k-link.k-state-selected,
        .k-panelbar > li > .k-state-focused.k-state-hover,
        .k-panelbar > li > .k-state-selected,
        .k-panelbar > li > .k-state-selected.k-state-hover {
            background-color: #496090;
        }
    }
*/
  /* Overwriting Kendo borders - SK */
}

.w-buddies .avatar {
  height: 25px;
  width: 25px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.w-buddies .avatar img {
  width: 24px;
  vertical-align: top;
}

.w-buddies .hidden {
  display: none;
}

.w-buddies .status {
  display: inline-block;
  width: 5px;
  height: 30px;
  margin-left: 5px;
  vertical-align: top;
}

.w-buddies .status.online {
  background-color: #00CC00;
}

.w-buddies .status.offline {
  background-color: #CCCCCC;
}

.w-buddies .name_desc {
  display: inline-block;
  vertical-align: top;
}

.w-buddies .name {
  display: block;
  /*font-weight: bold;*/
  padding-left: 2px;
  padding-top: 10px;
}

.w-buddies .coachdesc {
  display: block;
  display: inline-block;
  padding-left: 6px;
  padding-top: 15px;
}

.w-buddies .requestdate {
  font-weight: normal;
  padding-left: 2px;
  padding-top: 15px;
  font-size: 11px;
  margin-left: 6px;
}

.w-buddies .messages {
  width: 20px;
  vertical-align: top;
  padding-left: 2px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
}

.w-buddies .messages a {
  vertical-align: top;
  color: Red;
  font-weight: bold;
  text-decoration: none;
}

.w-buddies .hdr {
  width: 100%;
  _position: fixed;
  padding-bottom: 5px;
}

.w-buddies .addBuddy {
  position: absolute;
  _position: fixed;
  _padding-left: 5px;
  right: 2px;
  text-decoration: none;
}

.w-buddies .buddy:hover {
  background-color: #EEEEEE;
  /*border: solid 1px #CCCCCC;*/
  cursor: pointer;
}

.w-buddies .buddy {
  border: solid 0 White !important;
  overflow: hidden;
}

.w-buddies ul.tabs {
  padding-left: 0;
  margin-left: 5px;
}

.w-buddies #buddy-tabs:after {
  content: "";
  display: table;
  clear: both;
}

.w-buddies .tabs li {
  display: inline;
  list-style-type: none;
  text-align: center;
  padding: 5px 15px;
  color: #333;
}

.w-buddies .tabs li.selected {
  color: #6896f4;
  border-bottom: 5px solid #6896f4;
  font-weight: bold;
}

.w-buddies .tabs li:hover {
  text-decoration: none;
  cursor: pointer;
}

.w-buddies .tabs li.selected:hover {
  text-decoration: none;
}

.w-buddies .tabs li.hasmessages {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/chat-bubble-circle-new);
  background-repeat: no-repeat;
  background-position: 10px 4px;
  padding-left: 30px;
}

.w-buddies .buddy-button {
  float: right;
}

@media screen and (max-width: 570px) {
  .w-buddies .buddy-button {
    float: none;
    margin: 20px 0 10px 0;
  }
}

.w-buddies .addABuddy {
  cursor: pointer;
}

.w-buddies .panel-buddies.k-panelbar.k-item,
.w-buddies .panel-buddies.k-panelbar.k-header,
.w-buddies .panel-buddies.k-panelbar .k-content {
  border: none;
}

.w-buddies .buddies-section {
  margin: 5px;
  padding: 1px;
}

.w-buddies .k-panelbar > .k-item > .k-link,
.w-buddies .k-panelbar.k-header {
  border: none;
}

.w-buddies .buddiestitle {
  font-weight: 600;
}

.w-buddies .buddiestext {
  font-weight: 400;
}

.w-buddies .buttons {
  color: #000000;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  /*border-color: #bbbbbb;*/
  border-radius: 4px;
  margin-top: 4px;
  margin-left: 10px;
  margin-right: 8px;
  margin-bottom: 4px;
}

.w-buddies .button-invite {
  margin-left: 0px;
}

.w-buddies .button-red {
  color: #ffffff;
  background: #d5504a;
}

.w-buddies .button-green {
  color: #ffffff;
  background: #40c89e;
}

.w-buddies .info-no-info {
  font-weight: 400;
  margin: 5px 10px 0px 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.w-buddies .k-panelbar > .k-item > .k-link.k-selected, .w-buddies .k-panelbar > .k-panelbar-header > .k-link.k-selected {
  background-color: #cde6f7;
}

.w-buddies .k-panelbar > .k-item > .k-link.k-state-selected:hover,
.w-buddies .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover,
.w-buddies .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover,
.w-buddies .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover {
  background-color: #bdd4e3;
}

.w-buddies .k-panelbar > .k-panelbar-header > .k-link {
  background-color: #bdd4e3;
}

.w-buddies span.k-link.buddiestext {
  cursor: pointer;
}

.w-buddies .k-panelbar > .k-panelbar-header > .k-link,
.w-buddies .k-panelbar > .k-panelbar-header > .k-link.k-selected {
  color: #333 !important;
}

.buddyDetails {
  margin: 0.5em;
}

.buddyDetails .name {
  margin-left: 10px;
}

.buddyDetails .name h1 {
  color: Black;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.buddyDetails .name p {
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 0;
}

.buddyDetails .talkboard {
  margin-left: 5px;
}

.buddyDetails .title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
}

.buddyDetails .links a:hover {
  font-weight: bold;
}

.buddyDetails .links {
  width: 100%;
  padding: 10px 5px 5px 0;
}

.buddyDetails .links #delete {
  padding-right: 10px;
}

.buddyDetails .challenges {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
}

.buddyDetails .challenges table {
  width: 270px;
  border: 1px solid #C0C0C0;
  border-collapse: collapse;
}

.buddyDetails .challenges th {
  font-weight: bold;
  background-color: #DDDDDD;
}

.buddyDetails .challenges a {
  text-decoration: none;
  color: #444444;
}

.buddyDetails .challenges a:hover {
  text-decoration: underline;
}

.buddyDetails .challenges .challengename {
  line-height: 20px;
  padding-left: 5px;
}

.buddyDetails .challenges .rank {
  text-align: center;
  padding-right: 5px;
}

.buddyRequest {
  margin: 0.5em;
}

.buddyRequest .email {
  font-weight: bold;
  margin-top: 3px;
  margin-left: 10px;
  margin-right: 10px;
}

.buddyRequest .info {
  margin-top: 15px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.buddyRequest .links {
  margin-top: 15px;
  width: 100%;
  padding: 10px 5px 5px 0;
}

.k-rtl .w-buddies .status {
  margin-left: auto;
  margin-right: 5px;
}

.k-rtl .w-buddies .messages {
  padding-left: inherit;
  padding-right: 2px;
}

.k-rtl .w-buddies ul.tabs {
  padding-left: inherit;
  padding-right: 0;
}

.k-rtl .w-buddies .tabs li.hasmessages {
  padding-left: inherit;
  padding-right: 30px;
  background-position: right 10px top 4px;
}

.k-rtl .buddyDetails .links {
  padding: 10px 0 5px 5px;
}

.k-rtl .buddyDetails .links #delete {
  padding-right: inherit;
  padding-left: 10px;
}

.k-rtl .buddyDetails .talkboard {
  margin-left: inherit;
  margin-right: 5px;
}

.k-rtl .buddyDetails .challenges .challengename {
  padding-left: inherit;
  padding-right: 5px;
}

.k-rtl .buddyRequest .links {
  padding: 10px 0 5px 5px;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-bulkupdate {
  position: relative;
}

.w-bulkupdate.widget {
  display: block;
}

.w-bulkupdate .bulk_update_wrapper {
  display: flex;
  gap: 0px 45px;
  align-items: flex-start;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 24px 0px;
  width: 392px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_indicator {
  display: flex;
  gap: 5px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_indicator .indicator {
  background-color: #DCDCDC;
  flex: 1;
  height: 5px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_indicator .indicator:has(+ .active), .w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_indicator .indicator.active, .w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_indicator .indicator.complete {
  background-color: #000;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_info {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_info .info_title {
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_info .info_description {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_steps {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_steps .progress_step {
  align-items: center;
  border-left-width: 8px;
  border-left-style: solid;
  border-left-color: transparent;
  display: flex;
  font-family: Poppins, sans-serif;
  height: 32px;
  font-size: 16px;
  gap: 0px 8px;
  line-height: 24.16px;
  padding-left: 22px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_steps .progress_step:before {
  background-image: url(/Shared/Images/Administration/Icons/check-circle-grey.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_steps .progress_step.active {
  border-left-color: #DB00A4;
  background-color: rgba(0, 0, 0, 0.05);
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_steps .progress_step.complete:before {
  background-image: url(/Shared/Images/Administration/Icons/check-circle-pink.svg);
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_images .progress_image {
  max-width: 250px;
  width: 100%;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_images .progress_image img {
  width: 100%;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_progress .progress_images .progress_image:not(.hidden) {
  display: flex;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps {
  background-color: #FFF;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .config_options {
  display: contents;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .config_options .config_option label {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .config_options .config_option input[type="checkbox"] {
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: none;
  display: initial;
  height: 16px;
  margin: 0;
  min-width: 16px;
  width: 16px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .config_options .config_option input[type="checkbox"]:checked {
  background: #000;
  border-color: #000;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_header {
  border-bottom: 1px solid #F5F5F5;
  padding: 24px 24px 12px 24px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_header .step_title {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_header .step_description {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_header .step_description:empty {
  display: none;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-rows: min-content;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .mapping_rows, .w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .mapping_row {
  display: contents;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .field.header {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .field.map-from .value {
  align-items: center;
  background-color: #F5F5F5;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  color: #A3A3A3;
  display: flex;
  gap: 8px;
  height: 40px;
  padding: 8px 12px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .field.map-to .value, .w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .field.map-to-units .value {
  display: flex;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .field label {
  color: #525252;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .field.map-to-units label {
  pointer-events: none;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .mapping_fields .field.map-to-units .value > select {
  display: none;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner {
  align-items: center;
  background-color: #FCFCFD;
  display: flex;
  gap: 16px;
  padding: 12px 32px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .steps_nav {
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .steps_nav:not(.hidden) {
  display: flex;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .steps_nav button.hidden {
  display: none !important;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .steps_nav .steps_back {
  align-items: center;
  background: none;
  border: none;
  color: #737373;
  cursor: pointer;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  gap: 0px 8px;
  letter-spacing: 0.04em;
  line-height: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .steps_nav .steps_back[disabled] {
  visibility: hidden;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .steps_nav .steps_back:before {
  content: url("/Shared/Images/Administration/Icons/arrow-narrow-left-grey.svg");
  height: 20px;
  width: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results {
  align-items: flex-start;
  border-radius: 10px;
  display: flex;
  gap: 16px;
  padding: 8px 16px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_icon {
  flex-shrink: 0;
  width: 40px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_icon img {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_text {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  gap: 8px;
  line-height: 1.5rem;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_text span:first-child {
  font-weight: 600;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_text strong {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_text .step_banner_title:empty, .w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_text .step_banner_message:empty {
  display: none;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_button {
  align-self: center;
  flex-shrink: 0;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results .step_banner_button .icon {
  display: flex;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.success {
  background-color: #EAFCEF;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.success .step_banner_icon {
  background-image: url("/shared/images/Administration/icons/checkmark-seal-green.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.success .step_banner_text {
  color: #187933;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.success button {
  background-color: #187933 !important;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.success button .icon {
  height: 20px;
  width: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.success button .text {
  color: #EAFCEF !important;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.warning {
  align-items: center;
  background-color: #FFEFC4 !important;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.warning .step_banner_icon {
  background-image: url("/shared/images/Administration/icons/triangle-alert-yellow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.warning .step_banner_text {
  color: #6B551B;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.warning button {
  background-color: #6B551B !important;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.warning button .icon {
  height: 20px;
  width: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.warning button .text {
  color: #FFEFC4 !important;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.error {
  align-items: center;
  background-color: #FFD9C4;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.error .step_banner_icon {
  background-image: url("/shared/images/Administration/icons/triangle-alert-orange.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.error .step_banner_text {
  color: #8C4924;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.error button {
  background-color: #FFD9C4 !important;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.error button .icon {
  height: 20px;
  width: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.error button .text {
  color: #FFEFC4 !important;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_banner_results.hidden {
  display: none;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_upload .step_banner {
  border-bottom: 1px solid #F2F4F7;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_upload .step_banner .icon, .w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_upload .step_banner button {
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #EAECF0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
  flex-shrink: 0;
  padding: 13px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_upload .step_banner .text {
  color: #344054;
  flex: 1;
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_upload .step_banner button {
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_action .step_banner_results:not(.download) .step_banner_button {
  display: none;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_action .step_select_action {
  flex-direction: column;
  gap: 24px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_action .step_select_action:not(.hidden) {
  display: flex;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_action .step_select_action .action_fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 400px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_action .step_select_action .action_fields .action_field {
  flex-direction: column;
  gap: 8px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_action .step_select_action .action_fields .action_field:not(.hidden) {
  display: flex;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_action .step_select_action .action_fields .action_field label {
  color: #525252;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_action .step_select_action .action_description {
  color: #475467;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .update_progress {
  margin-bottom: 16px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .update_progress .title {
  align-items: center;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  gap: 12px;
  line-height: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .update_progress .progress {
  align-items: center;
  display: flex;
  gap: 12px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .update_progress .progress .progress_bar {
  border-radius: 4px;
  flex: 1;
  height: 8px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .update_progress .progress .progress_bar .k-state-selected {
  border-radius: 4px;
  background-color: #7F56D9;
  border-color: #7F56D9;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .update_progress .progress .progress_text {
  flex-shrink: 0;
  min-width: 4.5ch;
  text-align: right;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .step_banner_results {
  align-items: center;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .step_update_results {
  color: #475467;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .step_update .step_update_results:not(.hidden) {
  display: flex;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-dropdown {
  flex: 1;
  width: auto;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-dropdown .k-dropdown-wrap {
  align-items: center;
  background: #FFF;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 40px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-dropdown .k-dropdown-wrap .k-input {
  color: #0F0F0F;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-left: 14px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  background-image: url("/Shared/Images/Administration/Icons/chevron-down.svg");
  content: "";
  height: 20px;
  width: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-datepicker .k-picker-wrap {
  background: #FFF;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 40px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-datepicker .k-input {
  color: #0F0F0F;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: auto;
  line-height: 24px;
  padding-left: 14px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-datepicker .k-select {
  background: unset;
  border-left: 1px solid #737373;
  width: 38px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-datepicker .k-select .k-i-calendar {
  background: unset;
  height: 20px;
  width: 20px;
}

.w-bulkupdate .bulk_update_wrapper .bulk_update_steps .k-datepicker .k-select .k-i-calendar:before {
  background-image: url("/shared/images/Administration/icons/calendar-date.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 20px;
  width: 20px;
}

.w-bulkupdate .k-list-container .k-list .k-item .mapping-item {
  align-items: center;
  display: flex;
  gap: 8px;
}

.w-calendar.horiz::after,
.w-calendar.horizfix::after {
  content: " ";
  display: block;
  clear: both;
}

.w-calendar.horiz .prev,
.w-calendar.horiz .next,
.w-calendar.horiz .calendar,
.w-calendar.horizfix .prev,
.w-calendar.horizfix .next,
.w-calendar.horizfix .calendar {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url(/shared/images/datepicker-blue.png);
  margin-right: 4px;
}

.w-calendar.horiz .next:hover,
.w-calendar.horizfix .next:hover {
  background-position: -24px;
}

.w-calendar.horiz .prev,
.w-calendar.horizfix .prev {
  background-position: -48px;
}

.w-calendar.horiz .prev:hover,
.w-calendar.horizfix .prev:hover {
  background-position: -72px;
}

.w-calendar.horiz .calendar,
.w-calendar.horizfix .calendar {
  background-position: -96px;
}

.w-calendar.horiz .calendar:hover,
.w-calendar.horizfix .calendar:hover {
  background-position: -120px;
}

.w-calendar.horiz .DOW,
.w-calendar.horiz .dt,
.w-calendar.horizfix .DOW,
.w-calendar.horizfix .dt {
  font-size: 19px;
  color: #429aee;
}

.w-calendar.horiz .DOW,
.w-calendar.horizfix .DOW {
  margin-left: 15px;
}

.k-rtl .w-calendar.horiz .prev,
.k-rtl .w-calendar.horizfix .prev {
  background-position: 0;
}

.k-rtl .w-calendar.horiz .prev:hover,
.k-rtl .w-calendar.horizfix .prev:hover {
  background-position: -24px;
}

.k-rtl .w-calendar.horiz .next,
.k-rtl .w-calendar.horizfix .next {
  background-position: -48px;
}

.k-rtl .w-calendar.horiz .next:hover,
.k-rtl .w-calendar.horizfix .next:hover {
  background-position: -72px;
}

.w-calendar .clear {
  clear: both;
}

.w-calendar.mycal .cal {
  font-size: 11pt;
  font-weight: bold;
  color: #aaaaaa;
}

.w-calendar.mycal .next,
.w-calendar.mycal .prev,
.w-calendar.steps .next,
.w-calendar.steps .prev {
  cursor: pointer;
}

.w-calendar.tracker .dt,
.w-calendar.tracker .dt2 {
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
  color: #aaaaaa;
}

.w-calendar.tracker .date-block {
  width: 100%;
  position: absolute;
}

.w-calendar.tracker .cal {
  clear: both;
  overflow: hidden;
  margin: 0.5em auto 2em auto;
}

.w-calendar.tracker .prev, .w-calendar.tracker .next {
  margin-top: 0.2em;
  position: absolute;
}

.w-calendar.tracker .next {
  margin-left: 25px;
}

@media screen and (max-width: 480px) {
  .theme-leapfrog .w-calendar .k-datepicker {
    width: 10.4em;
  }
  .w-calendar.tracker .cal {
    height: 44px;
  }
}

#calWrapper {
  left: 0;
  position: relative;
  margin-left: 0;
  width: 400px;
  max-width: 100%;
  z-index: 2000;
}

#cal {
  padding: 4px 20px 4px 20px;
  /*border: 1px solid white;*/
  position: absolute;
  top: 0;
  /*background-color: white;*/
  /*margin-top: 5px;*/
}

#cal.fixed {
  border: 1px solid #C0C0C0;
  border-radius: 3px;
  box-shadow: 0 0 4px #888888;
  position: fixed;
  top: 0;
}

.cal img.prev {
  padding: 0 5px;
}

.cal img.next {
  padding: 0 5px;
  margin-right: 20px;
}

.k-rtl .cal img.prev,
.k-rtl .cal img.next {
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.w-calendarView {
  /* Template Days */
}

.w-calendarView .k-calendar .k-calendar-view,
.w-calendarView .k-calendar .k-content {
  box-sizing: border-box;
  max-width: 100%;
}

.w-calendarView .k-calendar .k-calendar-view {
  margin: 0 auto;
  width: 100%;
}

.w-calendarView .k-calendar .k-link {
  box-sizing: content-box;
  max-width: 100%;
  padding: 0;
}

.w-calendarView .clear {
  clear: both;
}

.w-calendarView #calendarview {
  width: 100%;
  height: 100%;
  text-align: center;
}

.w-calendarView #calendarview th,
.w-calendarView #calendarview td {
  text-align: center;
}

.w-calendarView .activity,
.w-calendarView .weight,
.w-calendarView .tracker,
.w-calendarView .multi {
  width: 20px;
  height: 20px;
  margin: auto;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50%;
  line-height: 20px;
}

.w-calendarView .activity {
  background-color: rgba(223, 29, 228, 0.6);
}

.w-calendarView .k-other-month .activity {
  background-color: rgba(223, 29, 228, 0.3);
  color: #7f7f7f;
}

.w-calendarView .weight {
  background-color: rgba(112, 193, 20, 0.6);
}

.w-calendarView .k-other-month .weight {
  background-color: rgba(112, 193, 20, 0.3);
  color: #7f7f7f;
}

.w-calendarView .tracker {
  background-color: rgba(0, 161, 232, 0.6);
}

.w-calendarView .k-other-month .tracker {
  background-color: rgba(0, 161, 232, 0.3);
  color: #7f7f7f;
}

.w-calendarView .multi {
  background-color: rgba(62, 62, 62, 0.6);
  color: #f0f0f0;
}

.w-calendarView .k-other-month .multi {
  background-color: rgba(62, 62, 62, 0.3);
  color: #7f7f7f;
}

@media (min-width: 481px) {
  .grid-12 > .widget-dock .w-calendarView .k-calendar .k-calendar-view,
.grid-12 > .widget-dock .w-calendarView .k-calendar .k-content, .m-grid-12 > .widget-dock .w-calendarView .k-calendar .k-calendar-view,
.m-grid-12 > .widget-dock .w-calendarView .k-calendar .k-content {
    box-sizing: border-box;
    height: auto;
    width: 100%;
  }
  .grid-12 > .widget-dock .w-calendarView .k-calendar .k-calendar-view td,
.grid-12 > .widget-dock .w-calendarView .k-calendar .k-content td, .m-grid-12 > .widget-dock .w-calendarView .k-calendar .k-calendar-view td,
.m-grid-12 > .widget-dock .w-calendarView .k-calendar .k-content td {
    padding: .08333em .286em;
    text-align: right;
  }
  .grid-12 > .widget-dock .w-calendarView .k-calendar .k-calendar-view .k-link,
.grid-12 > .widget-dock .w-calendarView .k-calendar .k-content .k-link, .m-grid-12 > .widget-dock .w-calendarView .k-calendar .k-calendar-view .k-link,
.m-grid-12 > .widget-dock .w-calendarView .k-calendar .k-content .k-link {
    box-sizing: content-box;
    padding: 0 15% 5% 15%;
    width: auto;
    height: auto;
  }
  .grid-12 > .widget-dock .w-calendarView .calendar-day, .m-grid-12 > .widget-dock .w-calendarView .calendar-day {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 3.75rem;
    margin: 0.5rem 0;
  }
}

@media (min-width: 801px) {
  .grid-6 > .widget-dock .w-calendarView .k-calendar .k-calendar-view,
.grid-6 > .widget-dock .w-calendarView .k-calendar .k-content, m-grid-6 > .widget-dock .w-calendarView .k-calendar .k-calendar-view,
m-grid-6 > .widget-dock .w-calendarView .k-calendar .k-content {
    box-sizing: border-box;
    height: auto;
    width: 100%;
  }
  .grid-6 > .widget-dock .w-calendarView .k-calendar .k-calendar-view td,
.grid-6 > .widget-dock .w-calendarView .k-calendar .k-content td, m-grid-6 > .widget-dock .w-calendarView .k-calendar .k-calendar-view td,
m-grid-6 > .widget-dock .w-calendarView .k-calendar .k-content td {
    padding: .08333em .286em;
    text-align: right;
  }
  .grid-6 > .widget-dock .w-calendarView .k-calendar .k-calendar-view .k-link,
.grid-6 > .widget-dock .w-calendarView .k-calendar .k-content .k-link, m-grid-6 > .widget-dock .w-calendarView .k-calendar .k-calendar-view .k-link,
m-grid-6 > .widget-dock .w-calendarView .k-calendar .k-content .k-link {
    box-sizing: content-box;
    padding: 0 15% 5% 15%;
    width: auto;
    height: auto;
  }
  .grid-6 > .widget-dock .w-calendarView .calendar-day, m-grid-6 > .widget-dock .w-calendarView .calendar-day {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 3.75rem;
    margin: 0.5rem 0;
  }
}

.w-calendarwithform .k-calendar .k-calendar-view,
.w-calendarwithform .k-calendar .k-content {
  box-sizing: border-box;
  height: auto;
  width: 100%;
}

.w-calendarwithform .k-calendar .k-calendar-view td,
.w-calendarwithform .k-calendar .k-content td {
  padding: .08333em .286em;
  text-align: right;
}

.w-calendarwithform .k-calendar .k-calendar-view .k-link,
.w-calendarwithform .k-calendar .k-content .k-link {
  box-sizing: content-box;
  padding: 0 15% 5% 15%;
  width: auto;
  height: auto;
}

.w-calendarwithform #calendarwithform {
  width: 100%;
  height: 100%;
  text-align: center;
}

.w-calendarwithform .calendar-day {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 3.75rem;
  margin: 0.5rem 0;
}

.w-calendarwithform .defaulticons.completed {
  background-image: url("/shared/images/completed.svg");
}

.w-calendarwithform .defaulticons.incomplete {
  background-image: url("/shared/images/incomplete.svg");
}

.w-calendarwithform .defaulticons.blocked {
  background-image: url("/shared/images/blocked.svg");
}

.w-calendarwithform .iconsheader {
  display: block;
  width: 100%;
}

.w-calendarwithform .iconsheader .div-icons {
  display: block;
  float: right;
}

.w-calendarwithform .iconsheader .div-icons .icons {
  display: inline-block;
  margin-left: 4px;
  margin-right: 8px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}

.w-calendarwithform .iconsheader .div-icons .icons.defaulticons.icons-completed:before, .w-calendarwithform .iconsheader .div-icons .icons.defaulticons.icons-incomplete:before, .w-calendarwithform .iconsheader .div-icons .icons.defaulticons.icons-blocked:before {
  content: "";
  display: block;
  float: left;
  width: 20px;
  height: 26px;
  margin: 0 5px 0 0;
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.w-calendarwithform .iconsheader .div-icons .icons.defaulticons.icons-completed:before {
  background-image: url("/shared/images/completed.svg");
}

.w-calendarwithform .iconsheader .div-icons .icons.defaulticons.icons-incomplete:before {
  background-image: url("/shared/images/incomplete.svg");
}

.w-calendarwithform .iconsheader .div-icons .icons.defaulticons.icons-blocked:before {
  background-image: url("/shared/images/blocked.svg");
}

.challenges {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
}

.w-myChallenges table.challenges {
  width: 250px;
  border: 0 solid #C0C0C0;
  border-collapse: collapse;
}

.challenges th {
  font-weight: bold;
  /*background-color: #DDDDDD;*/
  text-align: left;
}

.challenges a {
  text-decoration: none;
  color: #444444;
}

.challenges .team {
  font-size: .7em;
}

.challenges .alert {
  font-size: .7em;
  color: red;
}

.challenges a:hover {
  text-decoration: underline;
}

.w-myChallenges .joined {
  font-size: .7em;
  color: blue;
}

.w-myChallenges .joinable {
  font-size: .9em;
  margin-top: 4px;
  margin-left: 30px;
  color: blue;
}

.w-myChallenges .short-desc {
  font-size: .7em;
  margin-left: 30px;
}

.w-myChallenges .additional {
  margin-top: 5px;
  font-weight: bold;
}

.w-myChallenges tr:hover {
  background-color: #eeeeee;
}

.w-myChallenges .joinable-challenge:hover {
  background-color: #eeeeee;
}

.challenges .challengename {
  text-align: left;
  line-height: 20px;
  padding-left: 5px;
}

.challenges .rank {
  text-align: center;
  padding-right: 5px;
}

.w-myChallenges #challenges img {
  padding-left: 0;
}

.challengeImageWidget.hide {
  display: none;
}

.challengeImageWidget.hide.edit {
  display: block;
}

.w-challengeImage {
  overflow: hidden;
}

.w-challengeImage img {
  max-width: 100%;
}

.challengeMapWidget.hide {
  display: none;
}

.challengeMapWidget.hide.edit {
  display: block;
}

.hdrparticipants td {
  font-weight: bold;
  font-size: 14px;
}

.challengeParticipants td {
  padding-left: 20px;
}

.challengeParticipants .rank {
  text-align: center;
}

.challengeParticipants .ismember td {
  font-weight: bold;
}

.challengeParticipants .isteam:hover {
  background-color: #EEEEEE;
  cursor: pointer;
}

.challengeParticipants .history span {
  cursor: pointer;
}

.challengeParticipants .buddy img {
  width: 24px;
  height: 24px;
  display: inline;
}

.challengeParticipants .addabuddy span {
  cursor: pointer;
}

.challengeParticipants .addabuddy img {
  cursor: pointer;
}

.challengeParticipants .hidden {
  display: none;
}

.challengeParticipants .div-avatar {
  width: 36px;
  margin-right: 2px;
  display: inline-block;
}

.challengeParticipants .div-avatar img {
  width: 32px;
}

.w-challengeprogress .progbar {
  height: 70px;
}

.w-challengeprogressbarmap {
  width: 100%;
}

.w-challengeprogressbarmap * {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.w-challengeprogressbarmap .progress-map__wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.7);
}

.w-challengeprogressbarmap .progress-map__start-icon, .w-challengeprogressbarmap .progress-map__finish-icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 18px;
  width: 18px;
}

.w-challengeprogressbarmap .progress-map__start-icon {
  background-image: url("/Shared/Images/start.svg");
  margin-right: 16px;
}

.w-challengeprogressbarmap .progress-map__finish-icon {
  background-image: url("/Shared/Images/finish.svg");
  margin-left: 16px;
}

.w-challengeprogressbarmap .progress-map__bar-container {
  height: 2px;
  width: 100%;
  background-color: #4F5D61;
  position: relative;
}

.w-challengeprogressbarmap .progress-map__progress-bar {
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #2BDC5D;
  transition: width 0.3s ease;
}

.w-challengeprogressbarmap .progress-map__user-icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 32px;
  width: 26px;
  position: absolute;
  top: -30px;
  transition: left 0.3s ease;
}

.w-challengeprogressbarmap .progress-map__user-icon.current {
  background-image: url("/Shared/Images/me_icon.svg");
  width: 32px;
  z-index: 9999;
}

.w-challengeprogressbarmap .progress-map__user-icon.first {
  background-image: url("/Shared/Images/first_icon.svg");
  z-index: 9998;
}

.w-challengeprogressbarmap .progress-map__user-icon.second {
  background-image: url("/Shared/Images/second_icon.svg");
  z-index: 9997;
}

.w-challengeprogressbarmap .progress-map__user-icon.third {
  background-image: url("/Shared/Images/third_icon.svg");
  z-index: 9996;
}

.w-challengeprogressbarmap .progress-map__circle-wrap {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  top: -3px;
}

.w-challengeprogressbarmap .progress-map__circle {
  height: 8px;
  width: 8px;
  background-color: #4F5D61;
  border-radius: 50%;
}

.w-challengeprogressbarmap .progress-map__circle.green-progress {
  background-color: #2BDC5D;
}

.w-challengeprogresspanel {
  font-family: Poppins, sans-serif;
  font-size: 16px;
}

.w-challengeprogresspanel * {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.w-challengeprogresspanel .progress-panel__wrap {
  background-color: #FFF;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 24px 24px 12px 24px;
}

.w-challengeprogresspanel .progress-panel__card {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}

@media all and (max-width: 850px) {
  .w-challengeprogresspanel .progress-panel__card {
    min-width: 45%;
  }
}

@media all and (max-width: 450px) {
  .w-challengeprogresspanel .progress-panel__card {
    min-width: 100%;
  }
}

.w-challengeprogresspanel .progress-panel__card:not(:last-child) {
  margin-right: 12px;
}

.w-challengeprogresspanel .progress-panel__card img {
  height: 45px;
  width: 45px;
  margin-right: 12px;
}

.w-challengeprogresspanel .progress-panel__content {
  display: flex;
  flex-direction: column;
}

.w-challengeprogresspanel .progress-panel__value {
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #000;
}

.w-challengeprogresspanel .progress-panel__value .participants {
  color: #A3A3A3;
}

.w-challengeprogresspanel .progress-panel__label {
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #3F3B3C;
  text-transform: uppercase;
  white-space: nowrap;
}

.w-challengeprogresspanel .progress-panel-medium__wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 24px 0;
  gap: 24px;
}

.w-challengeprogresspanel .progress-panel-medium__content-progress, .w-challengeprogresspanel .progress-panel-medium__visual-progress {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 24px;
}

@media all and (max-width: 850px) {
  .w-challengeprogresspanel .progress-panel-medium__content-progress, .w-challengeprogresspanel .progress-panel-medium__visual-progress {
    gap: 16px;
  }
}

@media all and (max-width: 450px) {
  .w-challengeprogresspanel .progress-panel-medium__visual-progress {
    gap: 30px;
  }
}

@media all and (max-width: 375px) {
  .w-challengeprogresspanel .progress-panel-medium__visual-progress {
    flex-direction: column;
    align-items: flex-start;
  }
}

.w-challengeprogresspanel .progress-panel-medium__progress-value {
  font-weight: 700;
  line-height: 19.76px;
  letter-spacing: 0.005em;
}

.w-challengeprogresspanel .progress-panel-medium__bar {
  height: 10px;
  width: 60%;
  background-color: #F5F5F5;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.w-challengeprogresspanel .progress-panel-medium__progress-bar {
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #2BDC5D;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  transition: width 0.3s ease;
}

.w-challengeprogresspanel .progress-panel-medium__days-left {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.78px;
  color: #0F0F0F;
}

.w-challengeprogresspanel .progress-panel-medium__position, .w-challengeprogresspanel .progress-panel-medium__day-streak, .w-challengeprogresspanel .progress-panel-medium__total {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
}

.w-challengeprogresspanel .progress-panel-medium__content {
  display: flex;
  flex-direction: column;
}

.w-challengeprogresspanel .progress-panel-medium__value {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.w-challengeprogresspanel .progress-panel-medium__value .participants {
  color: #A3A3A3;
}

.w-challengeprogresspanel .progress-panel-medium__label {
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #525252;
  text-transform: uppercase;
  white-space: nowrap;
}

.w-challengeprogresspanel .progress-panel-small__wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  gap: 16px;
}

.w-challengeprogresspanel .progress-panel-small__participants {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  height: 24px;
  gap: 8px;
}

.w-challengeprogresspanel .progress-panel-small__visual-content {
  width: 50%;
  position: relative;
}

.w-challengeprogresspanel .progress-panel-small__visual-content img {
  display: block;
  vertical-align: middle;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 2px solid #FFF;
  left: 0;
  background-color: #FFF;
}

.w-challengeprogresspanel .progress-panel-small__visual-content img:nth-child(2) {
  left: 10%;
}

.w-challengeprogresspanel .progress-panel-small__visual-content img:nth-child(3) {
  left: 20%;
}

.w-challengeprogresspanel .progress-panel-small__visual-content img:nth-child(4) {
  left: 30%;
}

.w-challengeprogresspanel .progress-panel-small__visual-content img:nth-child(5) {
  left: 40%;
}

.w-challengeprogresspanel .progress-panel-small__visual-content img:nth-child(6) {
  left: 50%;
}

.w-challengeprogresspanel .progress-panel-small__visual-content img:nth-child(7) {
  left: 60%;
}

.w-challengeprogresspanel .progress-panel-small__text-content {
  align-self: end;
}

.w-challengeprogresspanel .progress-panel-small__value, .w-challengeprogresspanel .progress-panel-small__text {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0F0F0F;
  text-transform: lowercase;
}

.w-challengeprogresspanel .progress-panel-small__progress-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  gap: 20px;
}

.w-challengeprogresspanel .progress-panel-small__progress-value {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
}

.w-challengeprogresspanel .progress-panel-small__bar {
  height: 10px;
  width: 70%;
  background-color: #F5F5F5;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.w-challengeprogresspanel .progress-panel-small__progress-bar {
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #2BDC5D;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  transition: width 0.3s ease;
}

.w-myChallenges {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  max-height: 900px;
  overflow: auto;
}

.w-myChallenges .bx-wrapper {
  min-height: 300px;
}

.w-myChallenges .bx-wrapper .bx-pager {
  bottom: -26px;
}

.w-myChallenges .current-wrapper, .w-myChallenges .upcoming-wrapper, .w-myChallenges .completed-wrapper, .w-myChallenges .canjoin-wrapper {
  margin-top: 14px;
  margin-bottom: 14px;
  min-height: 300px;
}

.w-myChallenges .mychallenges-list {
  min-height: 320px;
}

.w-myChallenges .challenges {
  overflow-y: auto;
  background-color: #fbfbfb;
  width: calc(100% - 32px);
  padding-bottom: 10px;
}

.w-myChallenges .joinchallenges {
  margin-top: 16px;
  padding-top: 6px;
  overflow-y: auto;
  background-color: #fbfbfb;
  border-top: 1px solid #b2b2b2;
  width: calc(100% - 32px);
}

.w-myChallenges .newchallengeinfo,
.w-myChallenges .challengeinfo {
  background-color: #ffffff;
  padding: 4px 8px;
  max-width: 195px;
  display: inline-block;
  height: 350px;
}

.w-myChallenges .thumbnail {
  width: 100%;
  max-width: 195px;
  height: auto;
  margin: auto;
}

.w-myChallenges .challenge-thumbnail {
  cursor: pointer;
}

.w-myChallenges .challenge-title {
  margin: 0px 3px;
  font-weight: 600;
  font-size: 11px;
}

.w-myChallenges .challenge-progress {
  font-weight: 400;
  font-size: 10px;
}

.w-myChallenges .span-start,
.w-myChallenges .span-progress {
  margin-left: 3px;
  line-height: 24px;
  text-align: center;
  font-size: 11px;
}

.w-myChallenges .span-milestone {
  margin-right: 3px;
}

.w-myChallenges .div-name {
  height: 30px;
  line-height: 15px;
  text-align: left;
  overflow-y: hidden;
}

.w-myChallenges .div-messageboard {
  height: 35px;
  width: 35px;
  background-color: white;
  border-top-left-radius: 0;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: -35px;
  margin-bottom: 6px;
  margin-left: 0;
  z-index: 10;
}

.w-myChallenges .messageboard-icon {
  width: 20px;
  margin-top: 12px;
  margin-left: 0;
  cursor: pointer;
}

.w-myChallenges .div-challengetype {
  height: 30px;
  margin-top: -30px;
  margin-right: 5px;
  z-index: 10;
}

.w-myChallenges .div-challengejoin {
  height: 30px;
  margin-top: -24px;
  margin-right: 5px;
  z-index: 10;
}

.w-myChallenges .div-challengetype-text {
  background-color: white;
  color: #0092cf;
  float: right;
  width: 100%;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}

.w-myChallenges .div-challengetype-marginleft40 {
  margin-left: 40px;
}

.w-myChallenges .div-info {
  height: 24px;
  text-align: center;
  cursor: pointer;
}

.w-myChallenges .span-calendar {
  height: 24px;
  text-align: center;
}

.w-myChallenges .calendar-icon {
  width: 20px;
}

.w-myChallenges .span-timeended,
.w-myChallenges .span-timeleft {
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-right: 2px;
  font-size: 11px;
}

.w-myChallenges .span-info {
  height: 24px;
  text-align: center;
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-left: 2px;
}

.w-myChallenges .span-info:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.w-myChallenges .noprogress {
  height: 36px;
}

.w-myChallenges .progressbar {
  margin: 4px 0;
  background-color: #bbb;
  height: 4px;
}

.w-myChallenges .progress-green {
  background-color: #35ba1b;
  height: 4px;
}

.w-myChallenges .progress-bar-wrapper {
  min-height: 21px;
}

.w-myChallenges .task-progress {
  position: relative;
  padding-top: 5px;
  margin-bottom: 15px;
  min-height: 19px;
}

.w-myChallenges .task-progress-limits {
  position: absolute;
  bottom: -16px;
  color: #818D99;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 14px;
}

.w-myChallenges .task-progress .progress-bar {
  height: 16px;
  width: 100%;
  border: none;
  background-color: #D5DEE0;
  position: relative;
}

.w-myChallenges .task-progress .k-progressbar .k-progress-status-wrap {
  line-height: 1.5em;
}

.w-myChallenges .task-progress .k-progressbar .k-state-selected {
  border-radius: 3px 0 0 3px;
  background-color: #35ba1b;
  border: none;
  border-right: 3px solid #293745;
}

.w-myChallenges .task-progress .start-progress {
  left: 0;
}

.w-myChallenges .task-progress .end-progress {
  right: 0;
}

.w-myChallenges .info-icon {
  width: 20px;
  margin-right: 4px;
  float: right;
}

.w-myChallenges .nonetoshow {
  padding-left: 10px;
  padding-top: 10px;
  height: 150px;
  border: solid 1px #ccc;
}

.w-myChallenges .hidden {
  display: none;
}

.w-myChallenges ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fbfbfb;
}

.w-myChallenges li {
  float: left;
  display: block;
  color: #333;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  cursor: pointer;
}

.w-myChallenges li.active {
  color: #0072c6;
  background: #fff;
}

.w-myChallenges .bx-wrapper .bx-prev {
  left: -42px;
}

.w-myChallenges .bx-wrapper .bx-next {
  right: -42px;
}

.theme-leapfrog .w-myChallenges .challenge-title {
  font-weight: 400;
  font-size: 15px;
}

.theme-leapfrog .w-myChallenges .span-start, .theme-leapfrog .w-myChallenges .span-timeended,
.theme-leapfrog .w-myChallenges .span-timeleft {
  font-size: 12pt;
}

.theme-cloudy .w-myChallenges .challenge-title {
  color: black;
  font-weight: 400;
  font-size: 15px;
}

.theme-cloudy .w-myChallenges .span-start, .theme-cloudy .w-myChallenges .span-timeended,
.theme-cloudy .w-myChallenges .span-timeleft {
  color: black;
  font-size: 12pt;
}

.theme-cloudy .w-myChallenges .nonetoshow {
  color: black;
}

.theme-cloudy .w-myChallenges #challenges img.thumbnail {
  background: none;
  width: 100%;
  height: auto;
  padding: 0;
}

.w-challengestats {
  background-color: #fff;
  clear: both;
  overflow: hidden;
  padding-top: 1em;
  padding-bottom: 1em;
}

.w-challengestats h3 {
  text-transform: uppercase;
  font-size: 2em;
  color: #99cea9;
  letter-spacing: 0.1em;
}

.w-challengestats .actions {
  clear: both;
  text-align: center;
  width: 100%;
}

.w-challengestats .actions a {
  margin: 0 auto 5px;
  display: block;
  line-height: 3em;
  height: 3em;
  width: 200px;
  text-transform: uppercase;
  color: #fff;
  background-color: #99cea9;
}

.w-challengestats .actions a:hover {
  background-color: #65b57d;
}

.w-challengestats .you {
  background-color: #99cea9;
}

.w-challengestats .you:hover {
  background-color: #65b57d;
}

.w-challengestats .leader {
  background-color: #d7d7d8;
}

.w-challengestats .leader:hover {
  background-color: #b0b0b2;
}

.w-challengestats .grapharea {
  clear: both;
  overflow: hidden;
  position: relative;
}

.w-challengestats .grapharea .legend {
  clear: both;
  overflow: hidden;
  padding-top: 70px;
}

.w-challengestats .grapharea .legend li {
  list-style: none;
  line-height: 2.5em;
}

.w-challengestats .grapharea .legend .you, .w-challengestats .grapharea .legend .leader {
  display: block;
  width: 2em;
  height: 2em;
}

.w-challengestats .grapharea .graphs {
  overflow: auto;
  overflow-y: hidden;
  float: none;
  white-space: nowrap;
  height: 275px;
}

.w-challengestats .grapharea .graphs li {
  list-style: none;
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 200px;
}

.w-challengestats .grapharea .graphs li a {
  color: #1a1a1a;
  display: block;
}

.w-challengestats .grapharea .graphs li a:hover {
  text-decoration: none;
}

.w-challengestats .grapharea .graphs li a:hover .plotarea {
  background-color: #fafafa;
}

.w-challengestats .grapharea .graphs .plotarea {
  position: relative;
  width: 100%;
  height: 100%;
  height: 200px;
  border-bottom: solid 1px #000;
}

.w-challengestats .grapharea .graphs .plotarea .you, .w-challengestats .grapharea .graphs .plotarea .leader {
  position: absolute;
  bottom: 0;
  width: 25%;
  height: 0;
}

.w-challengestats .grapharea .graphs .plotarea .you {
  left: 29%;
  height: 0;
  opacity: 0.7;
  z-index: 2;
}

.w-challengestats .grapharea .graphs .plotarea .leader {
  right: 29%;
  margin-left: 50%;
  z-index: 1;
}

.w-challengestats .grapharea .graphs .axis {
  height: 75px;
  margin-left: 1em;
  margin-right: 1em;
  text-transform: uppercase;
  text-align: center;
  white-space: normal;
}

.k-rtl .w-challengestats .grapharea .graphs .plotarea .you {
  left: auto;
  right: 29%;
}

.k-rtl .w-challengestats .grapharea .graphs .plotarea .leader {
  left: 29%;
  right: auto;
  margin-left: auto;
  margin-right: 50%;
}

.w-challengeTrackers {
  clear: both;
  overflow: hidden;
  margin-top: 20px;
}

.w-challengeTrackers .calendarWidget {
  margin-bottom: 15px;
}

.w-challengeTrackers .ct-item h3 {
  margin-top: 0;
}

.w-challengeTrackers .item-item,
.w-challengeTrackers .weight-item,
.w-challengeTrackers .activity-item,
.w-challengeTrackers .sleep-item {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
}

.w-challengeTrackers .challenge-tracker {
  position: relative;
}

.w-challengeTrackers .challenge-tracker .top-corner {
  position: absolute;
  top: 25px;
  right: 20px;
}

.w-chooseAppointment .js-location {
  font-size: 0.8em;
}

.w-chooseAppointment .appt-date {
  font-weight: bold;
}

.w-chooseAppointment .appt-time {
  line-height: 1.25;
  font-size: 0.85em;
}

.w-chooseAppointment .location {
  line-height: 1.25;
  font-size: 0.8em;
}

.w-chooseAppointment .js-grid col:nth-child(6),
.w-chooseAppointment .js-grid th:nth-child(6),
.w-chooseAppointment .js-grid td:nth-child(6) {
  display: none;
}

@media (max-width: 479px) {
  .w-chooseAppointment .js-grid col:nth-child(6),
.w-chooseAppointment .js-grid th:nth-child(6),
.w-chooseAppointment .js-grid td:nth-child(6) {
    display: table-cell;
  }
}

.w-coachBio .coach-bio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.w-coachBio .bio-info .bio-avatar {
  float: left;
  padding: 0 8px 4px 0;
}

.w-coachBio .edit-bio {
  align-self: flex-end;
}

.w-coachBio .edit-bio.hidden {
  display: none;
}

.coach-conv-dropdown .icon {
  width: 48px;
  height: 48px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.coach-conv-dropdown .online {
  margin-top: 5px;
  margin-left: 5px;
  float: left;
  width: 5px;
  height: 48px;
  background-color: #0c0;
}

.coach-conv-dropdown .offline {
  margin-top: 5px;
  margin-left: 5px;
  float: left;
  width: 5px;
  height: 48px;
  background-color: #ccc;
}

.coach-conv-dropdown .name {
  margin-top: 5px;
  margin-left: 5px;
  float: left;
}

.w-coachconversation {
  /* Scroll down indicator (bouncing) */
  width: 95%;
  margin-left: 10px;
  background-color: #fbfbfb;
  padding: 5px;
  border-radius: 9px;
  clear: both;
  overflow: hidden;
}

.w-coachconversation.floating {
  border: 1px solid #ccc;
  position: fixed;
  bottom: -520px;
  left: 30px;
  width: 300px;
  background-color: white;
  z-index: 7001;
  height: 550px;
  background-image: url(/shared/images/coaching/blue1px.png);
  background-repeat: repeat-x;
}

.w-coachconversation .tab {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.3em;
  color: white;
  cursor: pointer;
  margin-left: 5px;
  padding-left: 25px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/chat-bubble-white.svg);
  background-repeat: no-repeat;
  background-position-y: 5px;
}

.w-coachconversation .tab.new-message span:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  top: 12px;
  left: 17px;
  background-color: #f77847;
  border-radius: 50%;
}

.w-coachconversation.bounce {
  -webkit-animation: bounce 4s infinite;
  animation: bounce 4s infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-5px);
  }
  60% {
    -webkit-transform: translateY(-3px);
  }
}

@-moz-keyframes bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateY(0);
  }
  20% {
    -moz-transform: translateY(-5px);
  }
  30% {
    -moz-transform: translateY(-3px);
  }
}

@keyframes bounce {
  0%, 10%, 25%, 40%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  30% {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

.w-coachconversation .coaches-dropdown {
  width: 100%;
  padding-left: 5px;
}

.w-coachconversation .coaches-dropdown .icon {
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-left: 5px;
}

.w-coachconversation .coaches-dropdown .online {
  margin-left: 5px;
  float: left;
  width: 5px;
  height: 24px;
  background-color: #0c0;
}

.w-coachconversation .coaches-dropdown .offline {
  margin-left: 5px;
  float: left;
  width: 5px;
  height: 24px;
  background-color: #ccc;
}

.w-coachconversation .coaches-dropdown .name {
  float: left;
}

.w-coachconversation .w-messageboard {
  padding: 10px 5px;
}

.w-coachconversation .w-messageboard .msg-editor {
  min-height: 50px;
  width: 92%;
  max-height: 75px;
}

.w-coachconversation .w-messageboard .div-chatimg-typing {
  height: 11px;
  width: 11px;
}

.w-coachconversation .w-messageboard .span-typing {
  font-size: .8em;
}

.w-coachconversation .w-messageboard .new-messages-div {
  font-size: .9em;
}

.w-coachconversation .coach {
  padding: 5px;
}

.w-coachconversation .coachdetails {
  float: left;
  margin-bottom: 4px;
}

.w-coachconversation .coachstatus {
  float: left;
  height: 48px;
  width: 5px;
  margin-bottom: 4px;
  margin-right: 10px;
}

.w-coachconversation .coachstatus.online {
  background-color: #00CC00;
}

.w-coachconversation .coachstatus.offline {
  background-color: #CCCCCC;
}

.w-coachconversation .coach .avatar {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.w-coachconversation .coach .name {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  overflow: hidden;
  width: 105px;
}

.w-coachconversation .coach .send {
  margin-bottom: 10px;
  font-size: 11px;
}

.w-coachconversation .msg .to {
  font-weight: bold;
}

.w-coachconversation .msg .dtm {
  font-size: 8px;
  display: block;
  text-align: right;
  width: 100%;
  margin-top: 3px;
}

.w-coachconversation .msg {
  /*float: left;*/
  background-color: #c6e2fe;
  border-radius: 5px;
  padding: 6px 1px;
  margin-left: 5px;
  margin-bottom: 10px;
  font-size: 11px;
  cursor: pointer;
  width: 90%;
}

.w-coachconversation .mymsg {
  background-color: #dcf6d3;
  margin-left: 0;
  margin-right: 0;
}

.w-coachconversation .msgs {
  margin-top: 10px;
  clear: both;
  overflow: hidden;
  width: 100%;
}

.w-coachconversation .msg .content {
  /*max-height: 60px;*/
  overflow-y: auto;
}

.w-coachconversation .more {
  font-size: 11px;
}

.w-coachInfo {
  /*.attendee {
        font-style: italic;
    }*/
}

.w-coachInfo .clean-session {
  margin-left: 5px;
}

.w-coachInfo .locale-name {
  font-size: 0.8rem;
}

.w-coachInfo dt.section-show + dd {
  display: block;
}

.w-coachInfo dt.section-show span:first-of-type {
  display: block;
}

.w-coachInfo dt.section-show span:last-of-type {
  display: none;
}

.w-coachInfo dt.section-hide + dd {
  display: none;
}

.w-coachInfo dt.section-hide span:first-of-type {
  display: none;
}

.w-coachInfo dt.section-hide span:last-of-type {
  display: block;
}

.w-coachInfo .info .title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}

.w-coachInfo .apptTitle {
  font-weight: bold;
}

.w-coachInfo .pendappt td,
.w-coachInfo .missedappt td,
.w-coachInfo .overduesess td {
  padding-right: 5px;
}

.w-coachInfo .set-attendance {
  font-size: 0.7rem;
}

.w-coachInfo dl.form dd {
  padding: 0.1em 0.2em 0 0.2em;
}

.w-coachInfo dl.form dt.no-records {
  font-weight: normal;
}

.w-coachInfo .k-grid td {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.w-coachInfo .k-grid th {
  padding-left: 0.25rem;
}

.w-coachInfo .k-grid .no-records {
  padding: 1rem;
}

.w-coachInfo .program-name {
  font-size: 0.7rem;
}

.w-coachInfo .upcoming-appointments .videocall-content {
  padding: 5px 8px 5px 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 0px;
  border-radius: 4px;
  background-color: #ffe599;
  height: 24px;
  line-height: 24px;
  text-align: center;
}

.w-coachInfo .upcoming-appointments .videocall-content.disabled {
  opacity: .6;
  filter: alpha(opacity=60);
  background-color: #fff;
}

.w-coachInfo .upcoming-appointments .videocall-content.disabled:hover {
  /* border: 1px solid rgba(0,0,0,0.3); */
  background-color: #fff;
  cursor: default;
}

.w-coachInfo .upcoming-appointments .videocall-content .img-callbtn {
  margin-right: 4px;
  background-image: url(/shared/FrozenMtn/images/icon_launchCall.png);
  height: 20px;
  width: 20px;
  text-align: left;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 20px;
}

.w-coachInfo .upcoming-appointments .videocall-content .imggray-callbtn {
  margin-right: 4px;
  background-image: url(/shared/FrozenMtn/images/icon_graylaunchCall.png);
  height: 20px;
  width: 20px;
  text-align: left;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 20px;
}

.w-coachInfo .upcoming-appointments .videocall-content .callbtn {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}

.w-coachInfo .upcoming-appointments .videocall-content .v-left {
  float: left;
}

.w-coachInfo .upcoming-appointments .videocall-content .v-right {
  float: right;
}

.w-coachInfo .upcoming-appointments .videocall-content:hover {
  background-color: #B6D7A8;
  cursor: pointer;
}

.w-coachInfo .upcoming-appointments .img-callbtn {
  height: 20px;
  margin-right: 6px;
}

.is-mobile-app .w-coachingPrograms .divider-lnk, .is-mobile-app .w-coachingPrograms .addtocalendar {
  display: none;
}

.w-coachingPrograms .schedInfo img {
  cursor: pointer;
}

.w-coachingPrograms .addtocalendar,
.w-coachingPrograms .lnkView {
  color: #1d5c91;
  text-decoration: none;
  margin-left: 10px;
}

.w-coachingPrograms .addtocalendar:hover,
.w-coachingPrograms .lnkView:hover {
  text-decoration: underline;
}

.w-coachingPrograms .talkboard {
  padding-left: 4px;
}

.w-coachingPrograms .program {
  border-top: 1px #f3f3f3 dotted;
}

.w-coachingPrograms .program:hover {
  background-color: #f3f3f3;
}

.w-coachingPrograms .schedActions {
  margin-top: 8px;
  font-size: 0.625em;
  color: #1d5c91;
  text-decoration: none;
}

.w-coachingPrograms .schedActions img {
  cursor: pointer;
  vertical-align: top;
  margin-top: 0;
}

.w-coachingPrograms .schedActions .archive {
  cursor: pointer;
  padding-left: 20px;
  height: 16px;
  width: 75px;
  background-repeat: no-repeat;
}

.w-coachingPrograms .schedActions .archive.checked {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/checkmark.svg);
}

.w-coachingPrograms .schedActions .archive.unchecked {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/checkbox-unchecked.svg);
}

.w-coachingPrograms .addtocalendar {
  color: #1d5c91;
  text-decoration: none;
}

.w-coachingPrograms .addtocalendar:hover {
  text-decoration: underline;
}

.w-coachingPrograms .linkView {
  color: #1d5c91;
  text-decoration: none;
}

.w-coachingPrograms .linkView:hover {
  text-decoration: underline;
}

.w-coachingPrograms .showhide {
  font-size: 0.625em;
}

.w-coachingPrograms .schedInfo {
  margin-left: 30px;
}

.w-coachingPrograms .description {
  margin-left: 10px;
  color: #1d5c91;
  font-style: italic;
}

.w-coachingPrograms .program .title {
  font-size: 1em;
  color: #0E578A;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 6px;
}

.w-coachingPrograms .imgChange,
.w-coachingPrograms .imgCancel,
.w-coachingPrograms .imgArchive {
  background: none;
  border: none;
  padding: 0;
  vertical-align: top;
  cursor: pointer;
  margin-top: -3px;
}

.w-coachingPrograms .imgCancel, .w-coachingPrograms imgArchive {
  margin-right: 5px;
}

.w-coachingPrograms .coachprogram-container {
  padding: 0 60px;
}

.w-coachingPrograms .coachprogram-container.no-padding {
  padding: 0 0;
}

.w-coachingPrograms .bx-next, .w-coachingPrograms .bx-prev {
  background: url(/shared/templates/wcompass1/images/slider-controls-alt-dark.png) no-repeat;
}

.w-coachingPrograms .bx-wrapper a.bx-next {
  background-position: -45px 0;
  right: -60px;
  left: auto;
  height: 72px;
  width: 45px;
}

.w-coachingPrograms .bx-wrapper a.bx-prev {
  background-position: 0 0;
  left: -60px;
  right: auto;
  height: 72px;
  width: 45px;
}

.w-coachingPrograms .bx-wrapper a.bx-next:hover {
  background-position: -45px -80px;
}

.w-coachingPrograms .bx-wrapper a.bx-prev:hover {
  background-position: 0 -80px;
}

.w-coachingPrograms .bx-wrapper img {
  display: inline;
}

.k-rtl .w-coachingPrograms .talkboard {
  padding-left: inherit;
  padding-right: 4px;
}

.k-rtl .w-coachingPrograms .archive {
  padding-left: inherit;
  padding-right: 20px;
}

.k-rtl .w-coachingPrograms .schedInfo {
  margin-left: inherit;
  margin-right: 30px;
}

.k-rtl .w-coachingPrograms .description {
  margin-left: inherit;
  margin-right: 10px;
}

.coachingProgramsWidget.hide {
  display: none;
}

.coachingProgramsWidget.hide.edit {
  display: block;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item.type--Inactive .k-checkbox-label:before {
  background: url("/Shared/Images/Library/Icons/types-stars-02.svg") no-repeat center center/contain;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item.type--Active .k-checkbox-label:before {
  background: url("/Shared/Images/Library/Icons/types-play-circle.svg") no-repeat center center/contain;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item.type--Completed .k-checkbox-label:before {
  background: url("/Shared/Images/Library/Icons/types-certificate-01.svg") no-repeat center center/contain;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_contentitem--completed {
  opacity: .7;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .item_content .item_description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .item_content .item_sessions {
  font-size: 14px;
  font-weight: 600;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .item_content .item_progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .item_content .item_progress .progress_value {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .5px;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .item_content .item_progress .progress_bar {
  width: 100%;
  background: #F2F2F2;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .item_content .item_progress .progress_line {
  height: inherit;
  background: #2BDC5D;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider {
  box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.05);
}

@media all and (max-width: 1024px) {
  .w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider {
    height: 500px;
  }
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide {
  background: none;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content {
  color: #000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
  padding: 0;
}

@media all and (max-width: 1024px) {
  .w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content {
    flex-direction: column;
    gap: 0;
  }
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_image {
  width: 50%;
  height: 100%;
}

@media all and (max-width: 1024px) {
  .w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_image {
    width: 100%;
  }
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content {
  background: #FFF;
  width: 50%;
  height: 100%;
  padding: 24px;
  justify-content: space-between;
}

@media all and (max-width: 1024px) {
  .w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content {
    width: 100%;
    gap: 12px;
  }
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content .item_title {
  font-size: 28px;
  line-height: initial;
}

@media all and (max-width: 1024px) {
  .w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content .item_title {
    font-size: 22px;
  }
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content .item_description {
  width: 100%;
  white-space: normal;
  flex-grow: 2;
  max-height: 70px;
  -webkit-line-clamp: 3;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content .item_sessions {
  display: none;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content .item_progress .progress_value {
  font-size: 16px;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content .item_action {
  width: 100%;
  text-align: right;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content .item_action button {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  text-transform: none;
  background: #000;
  padding: 12px 20px 12px 45px;
  border-radius: 10px;
  letter-spacing: 1px;
  font-size: 16px;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_featured .featured_slider .k-scrollview-wrap .k-scrollview-page .featured__slide .slide_content .item_content .item_action button:before {
  left: 20px;
}

.w-coachingprogramslibrary .library_wrap.coaching_programs_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_thumbnail .item_image {
  background-size: contain !important;
}

.coaching_program_popup {
  max-width: 1000px;
  max-height: 530px;
  border-radius: 15px !important;
  overflow: hidden;
  font-family: "Open Sans", sans-serif !important;
}

@media all and (max-width: 1024px) {
  .coaching_program_popup {
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    max-height: none;
    border-radius: 0 !important;
  }
}

.coaching_program_popup .k-window-titlebar {
  display: none;
}

.coaching_program_popup.k-window div.k-window-content {
  padding: 0;
}

.coaching_program_popup.k-window div.k-window-content .popup_content {
  padding: 64px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 32px;
  box-sizing: border-box;
  height: 100%;
}

@media all and (max-width: 1024px) {
  .coaching_program_popup.k-window div.k-window-content .popup_content {
    flex-direction: column;
    padding: 28px;
    height: auto;
  }
}

.coaching_program_popup.k-window div.k-window-content .popup_content .program_modal_close {
  position: absolute;
  top: 24px;
  right: 24px;
  background: #F5F5F5;
  border-radius: 15px;
  overflow: hidden;
  padding: 5px 9px;
  line-height: 1;
  border: none;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  color: #000;
}

.coaching_program_popup.k-window div.k-window-content .popup_content .program_modal_close span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 16px;
  line-height: 18px;
}

.coaching_program_popup.k-window div.k-window-content .popup_content .program_modal_close span:before {
  content: '';
  display: block;
  background: url("/Shared/Images/Library/Icons/x-close.svg") no-repeat center center/contain;
  width: 20px;
  height: 20px;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div {
  width: 50%;
  font-family: Poppins, sans-serif;
}

@media all and (max-width: 1024px) {
  .coaching_program_popup.k-window div.k-window-content .popup_content > div {
    width: 100%;
  }
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_image_wrap {
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_image_wrap img {
  max-width: 100%;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_text .program_modal_title {
  font-size: 42px;
  font-weight: 600;
  margin: 0;
  line-height: 1;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_text .program_modal_description {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  flex-grow: 2;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_text .program_modal_actions {
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_text .program_modal_actions .actions_btn {
  flex: 1 1;
  background: #000;
  padding: 12px 20px;
  border-radius: 10px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  border: 0;
  cursor: pointer;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_text .program_modal_actions .actions_btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-transform: capitalize;
  font-family: Poppins, sans-serif;
}

.coaching_program_popup.k-window div.k-window-content .popup_content > div.program_modal_text .program_modal_actions .actions_btn span:after {
  content: '';
  display: block;
  background: url("/Shared/Images/Library/Icons/play-white.svg") no-repeat center center/contain;
  width: 20px;
  height: 20px;
}

.w-coachingprogramprogress .progbar {
  height: 70px;
}

.w-coachscheduling * {
  box-sizing: border-box;
}

.w-coachscheduling .coach_scheduling__container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside {
  background: #292929;
  color: #FFF;
  width: 268px;
  min-width: 268px;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker {
  font-family: Lato, sans-serif;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar {
  background-color: transparent;
  color: #FFF;
  border: 0;
  font-family: Lato, sans-serif;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-button.k-state-disabled {
  color: #667085;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-header {
  background-color: transparent;
  color: #FFF;
  border: 0;
  padding: 0;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-header .k-icon {
  width: 20px;
  height: 20px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-header .k-i-arrow-60-left:before {
  width: 20px;
  height: 20px;
  content: url("/Shared/Images/CoachScheduling/Icons/chevron-left.svg");
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-header .k-i-arrow-60-right:before {
  width: 20px;
  height: 20px;
  content: url("/Shared/Images/CoachScheduling/Icons/chevron-right.svg");
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-header .k-nav-fast {
  font-size: 16px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  padding: 0;
  border: 0;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view {
  padding: 0;
  width: 100%;
  height: auto;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view.k-calendar-yearview .k-link, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view.k-calendar-decadeview .k-link {
  width: 50px;
  height: 50px;
  padding: 0;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view.k-calendar-centuryview .k-link {
  width: 56px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view.k-calendar-monthview .k-content tbody tr {
  height: auto;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view.k-calendar-monthview .k-content tbody tr .k-link {
  width: 32px;
  height: 32px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content {
  background-color: transparent;
  color: #FFF;
  border: 0;
  padding: 0;
  width: 100%;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content .k-calendar-thead .k-calendar-th {
  color: #FFF;
  text-transform: none;
  font-size: 14px;
  width: auto;
  height: auto;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content .k-calendar-tbody .k-calendar-td {
  line-height: 1;
  min-width: 32px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content .k-calendar-tbody .k-calendar-td:hover .k-link {
  background-color: #424242;
  border-radius: 100%;
  color: #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content .k-calendar-tbody .k-calendar-td.k-other-month {
  color: #667085;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content .k-calendar-tbody .k-calendar-td.k-state-selected {
  color: #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content .k-calendar-tbody .k-calendar-td.k-state-selected .k-link {
  background-color: #424242;
  border-radius: 100%;
  color: #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content .k-calendar-tbody .k-calendar-td.k-today {
  color: #B53E3E;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__datepicker.k-calendar .k-calendar-view .k-content .k-calendar-tbody .k-calendar-td .k-link {
  box-shadow: none;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter {
  color: #FFF;
  padding: 16px 0 0;
  border-top: 1px solid #E5E5E5;
  font-family: Lato, sans-serif;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-icon.k-i-collapse, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-icon.k-i-expand {
  margin: 0;
  order: 3;
  width: 20px;
  height: 20px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-i-collapse:before {
  content: url("/Shared/Images/CoachScheduling/Icons/chevron-up-white.svg");
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-i-expand:before {
  content: url("/Shared/Images/CoachScheduling/Icons/chevron-down-white.svg");
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-checkbox-wrapper {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-checkbox-wrapper.disabled {
  pointer-events: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-checkbox-wrapper input[type="checkbox"] {
  border-radius: 4px;
  background: #000;
  border: 1px solid #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-checkbox-wrapper input[type="checkbox"]:checked {
  background: #0EA5E9;
  border: 0;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-checkbox-wrapper input[type="checkbox"]:indeterminate {
  color: #B53E3E;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-in, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-top, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-bot, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-mid {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  overflow: hidden;
  cursor: default !important;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-in.disabled, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-top.disabled, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-bot.disabled, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-mid.disabled {
  pointer-events: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-in .team, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-in .coach, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-top .team, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-top .coach, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-bot .team, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-bot .coach, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-mid .team, .w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-mid .coach {
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-in {
  padding: 0;
  font-size: 16px;
  font-weight: 600;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-in.k-state-hover {
  background-color: transparent;
  color: #FFF;
  cursor: pointer;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-in.k-state-selected {
  background-color: transparent;
  color: #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-group {
  padding-left: 8px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__aside .aside__team_filter .k-group .k-item .k-group .k-item:not(:last-of-type) {
  margin-bottom: 8px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main {
  flex-grow: 1;
  background: #F5F5F5;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  padding: 0 24px;
  border-bottom: 1px solid #E5E5E5;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__nav .main__nav_item {
  padding: 16px 0;
  font-family: Poppins, sans-serif;
  height: 100%;
  cursor: pointer;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__nav .main__nav_item.active {
  color: #DB00A4;
  font-weight: 700;
  border-bottom: 2px solid #DB00A4;
  cursor: default;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view {
  padding: 0 24px 16px;
  border: 0;
  background: transparent;
  color: #101828;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view th {
  border: 1px solid #E5E5E5;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar {
  border-bottom: 0;
  background: transparent;
  margin-left: auto;
  width: 100%;
  padding: 0 0 16px 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar:before {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-toolbar-spacer {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  background: #FFF;
  height: 44px;
  padding: 0;
  font-family: Lato, sans-serif;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-today {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev, .w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next {
  background: transparent;
  border: 0;
  padding: 0;
  height: 100%;
  width: 44px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev {
  order: 1;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev .k-i-arrow-60-left {
  width: 20px;
  height: 20px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev .k-i-arrow-60-left:before {
  content: url("/Shared/Images/CoachScheduling/Icons/arrow-left-grey.svg");
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next {
  order: 3;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next .k-i-arrow-60-right {
  width: 20px;
  height: 20px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next .k-i-arrow-60-right:before {
  content: url("/Shared/Images/CoachScheduling/Icons/arrow-right-grey.svg");
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current {
  order: 2;
  font-size: 12px;
  text-transform: uppercase;
  color: #525252;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  padding: 0 12px;
  height: 100%;
  min-width: 144px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-nav-current {
  pointer-events: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-nav-current .k-i-calendar {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-refresh {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-views-wrapper {
  height: 100%;
  background-color: #FFF;
  border-radius: 20px;
  overflow: hidden;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views {
  padding: 4px;
  background-color: #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views .k-button {
  background-color: #FFF;
  color: #525252;
  border: 0;
  outline: none;
  box-shadow: none;
  width: 113px;
  border-radius: 20px;
  margin-inline-start: 0;
  font-size: 12px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views .k-button.k-state-selected {
  background-color: #000;
  color: #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .timezone_picker {
  min-width: 240px;
  background: #FFF;
  font-family: Lato, sans-serif;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .timezone_picker .k-dropdown-wrap {
  border: 0;
  background: transparent;
  padding: 11px 10px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .timezone_picker .k-dropdown-wrap .k-input {
  padding: 0;
  height: auto;
  line-height: 1;
  color: #0F0F0F;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .timezone_picker .k-dropdown-wrap .k-select {
  padding: 0;
  width: 20px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .timezone_picker .k-dropdown-wrap .k-select .k-i-arrow-60-down {
  width: 20px;
  height: 20px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-toolbar .timezone_picker .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  content: url("/Shared/Images/CoachScheduling/Icons/chevron-down-grey.svg");
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout {
  font-family: Lato, sans-serif;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout.k-scheduler-dayview .k-scheduler-header .k-scheduler-table:not(.k-scheduler-header-all-day) tr:first-of-type {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout.k-scheduler-weekview .k-scheduler-header .k-scheduler-table:not(.k-scheduler-header-all-day) th {
  color: #525252;
  background: #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout.k-scheduler-weekview .k-scheduler-header .k-scheduler-table:not(.k-scheduler-header-all-day) th .week_day {
  text-transform: uppercase;
  margin-right: 6px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout.k-scheduler-weekview .k-scheduler-header .k-scheduler-table:not(.k-scheduler-header-all-day) th .week_date {
  font-weight: normal;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout.k-scheduler-weekview .k-scheduler-header .k-scheduler-table:not(.k-scheduler-header-all-day) tr:last-of-type {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout.k-scheduler-weekview .k-scheduler-header .k-scheduler-table.k-scheduler-header-all-day .k-slot-cell {
  border-top: 0 !important;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout tr:first-child td:first-child .k-scheduler-table {
  border-collapse: collapse;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout tr:first-child td:first-child .k-scheduler-table tr:first-child th {
  border-bottom: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout tr:first-child td:first-child .k-scheduler-table tr:last-child {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-header {
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap {
  background: transparent;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table {
  border-collapse: collapse;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table .k-scheduler-date-group {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table .k-slot-cell {
  background: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  border-bottom: 0;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table.k-scheduler-header-all-day .k-slot-cell {
  background: transparent;
  border: 1px solid #E5E5E5;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-header .k-event {
  height: auto !important;
  padding: 2px 4px;
  font-size: 12px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-times .k-scheduler-table {
  border-collapse: collapse;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-times .k-scheduler-table th {
  border: 0;
  padding: 0 12px 0 0;
  color: #71717A;
  font-weight: 400;
  min-width: 42px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-content .k-scheduler-table {
  border-collapse: collapse;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-content .k-scheduler-table tr {
  border: 0;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-content .k-scheduler-table tr:first-child td {
  border-top: 0;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-scheduler-content .k-scheduler-table tr td {
  border: 1px solid #E5E5E5;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event {
  border-radius: 4px;
  overflow: hidden;
  background-color: transparent;
  color: #484349;
  padding: 0;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event.expanded {
  height: auto !important;
  min-width: 15% !important;
  z-index: 99;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event.unavailable {
  background-color: rgba(139, 92, 246, 0.1);
  color: #6D28D9;
  border-left: 3px solid #6D28D9;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event.unavailable.expanded {
  background-color: #8b5cf6;
  color: #FFF;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event.available {
  color: #484349;
  background-color: rgba(255, 255, 255, 0.5);
  pointer-events: initial;
  border-left: 3px solid #484349;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event.available.expanded {
  background-color: white;
  color: inherit;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event .k-event-actions {
  display: none;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event .event {
  padding: 2px 6px;
  border-left: 3px solid transparent;
  font-size: 12px;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event .event_title {
  font-weight: 600;
  display: block;
  overflow: hidden;
  overflow-wrap: break-word;
}

.w-coachscheduling .coach_scheduling__container .coach_scheduling__main .main__calendar_view .k-scheduler-layout .k-event .event_icon {
  display: none;
}

.coach_scheduling_modal {
  border-radius: 12px;
  overflow: hidden;
  color: #000;
  font-family: Lato, sans-serif;
}

.coach_scheduling_modal.k-window:not(.k-editor-widget) {
  min-height: 0 !important;
}

.coach_scheduling_modal .k-window-titlebar {
  padding: 24px 24px 0;
  border: 0;
  align-items: flex-start;
}

.coach_scheduling_modal .k-window-titlebar .k-window-title {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.coach_scheduling_modal .k-window-titlebar .k-window-title h1 {
  margin: 0;
  text-transform: capitalize;
}

.coach_scheduling_modal .k-window-titlebar .k-window-title:before {
  display: none;
}

.coach_scheduling_modal .k-window-titlebar .k-window-actions {
  margin: 0;
  margin-inline-end: 0;
  width: 24px;
  height: 24px;
}

.coach_scheduling_modal .k-window-titlebar .k-window-actions .k-button-icon {
  padding: 0;
  width: auto;
  height: auto;
}

.coach_scheduling_modal .k-window-titlebar .k-window-actions .k-button-icon .k-i-close {
  width: 24px;
  height: 24px;
  margin: 0;
}

.coach_scheduling_modal .k-window-titlebar .k-window-actions .k-button-icon .k-i-close:before {
  content: url("/Shared/Images/DocumentManagement/Icons/close.svg");
}

.coach_scheduling_modal div.k-window-content {
  padding: 24px;
  display: flex;
}

.coach_scheduling_modal div.k-window-content .modal_wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 24px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body {
  overflow: auto hidden;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_message {
  font-size: 14px;
  color: #475467;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field.hidden {
  display: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view {
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 248px;
  flex: 1 1;
  gap: 6px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part.part_wide, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .part_wide.k-recur-view {
  max-width: none;
  width: 100%;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part.flat_checkbox, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .flat_checkbox.k-recur-view {
  flex-direction: row;
  align-items: center;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part.flat_checkbox input[type="checkbox"], .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .flat_checkbox.k-recur-view input[type="checkbox"] {
  border-radius: 4px;
  background: #FFF;
  border: 1px solid #D0D5DD;
  box-shadow: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part.flat_checkbox input[type="checkbox"]:checked, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .flat_checkbox.k-recur-view input[type="checkbox"]:checked {
  background: #0EA5E9;
  border: 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part.flat_checkbox input[type="checkbox"]:indeterminate, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .flat_checkbox.k-recur-view input[type="checkbox"]:indeterminate {
  color: #B53E3E;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-dropdown, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-dropdown {
  width: auto;
  height: 44px;
  box-shadow: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-dropdown .k-dropdown-wrap, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-dropdown .k-dropdown-wrap {
  background: transparent;
  padding: 10px 14px;
  border: 0;
  box-shadow: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-dropdown .k-dropdown-wrap .k-input, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-dropdown .k-dropdown-wrap .k-input {
  padding: 0;
  height: auto;
  font-size: 16px;
  color: #0F0F0F;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-dropdown .k-dropdown-wrap .k-select, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-dropdown .k-dropdown-wrap .k-select {
  width: 20px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  content: url("/Shared/Images/CoachScheduling/Icons/chevron-down-grey.svg");
  width: 20px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker {
  width: 100%;
  overflow: hidden;
  font-family: Lato, sans-serif;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker .k-picker-wrap, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker .k-picker-wrap, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker .k-picker-wrap, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker .k-picker-wrap, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap {
  border: 0;
  padding: 10px 14px;
  gap: 8px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker .k-picker-wrap .k-input, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker .k-picker-wrap .k-input, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker .k-picker-wrap .k-input, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker .k-picker-wrap .k-input, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap .k-input, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap .k-input {
  border: 0;
  order: 2;
  padding: 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker .k-picker-wrap .k-select, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker .k-picker-wrap .k-select, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker .k-picker-wrap .k-select, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker .k-picker-wrap .k-select, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap .k-select, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap .k-select {
  width: 20px;
  background: transparent;
  padding: 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker .k-picker-wrap .k-select .k-link, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker .k-picker-wrap .k-select .k-link, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker .k-picker-wrap .k-select .k-link, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker .k-picker-wrap .k-select .k-link, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap .k-select .k-link, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap .k-select .k-link {
  padding: 0;
  width: 20px;
  background: transparent;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker .k-picker-wrap .k-select .k-i-calendar, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker .k-picker-wrap .k-select .k-i-calendar, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker .k-picker-wrap .k-select .k-i-calendar, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker .k-picker-wrap .k-select .k-i-calendar, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap .k-select .k-i-calendar, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap .k-select .k-i-calendar {
  width: 20px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker .k-picker-wrap .k-select .k-i-calendar:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker .k-picker-wrap .k-select .k-i-calendar:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap .k-select .k-i-calendar:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap .k-select .k-i-calendar:before {
  content: url("/Shared/Images/CoachScheduling/Icons/calendar-black.svg");
  width: 20px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker .k-picker-wrap .k-select .k-i-clock, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker .k-picker-wrap .k-select .k-i-clock, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker .k-picker-wrap .k-select .k-i-clock, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker .k-picker-wrap .k-select .k-i-clock, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap .k-select .k-i-clock, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap .k-select .k-i-clock {
  width: 20px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datepicker .k-picker-wrap .k-select .k-i-clock:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datepicker .k-picker-wrap .k-select .k-i-clock:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-timepicker .k-picker-wrap .k-select .k-i-clock:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-timepicker .k-picker-wrap .k-select .k-i-clock:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap .k-select .k-i-clock:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap .k-select .k-i-clock:before {
  content: url("/Shared/Images/CoachScheduling/Icons/clock-black.svg");
  width: 20px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-datetimepicker .k-picker-wrap .k-select, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-datetimepicker .k-picker-wrap .k-select {
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part label, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view label {
  color: #525252;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  font-family: Lato, sans-serif;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part label:first-letter, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view label:first-letter {
  text-transform: capitalize;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part input[type="text"], .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view input[type="text"] {
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  outline: 0;
  padding: 10px 14px;
  color: #0F0F0F;
  height: auto;
  text-overflow: ellipsis;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part input[type="text"]:disabled, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view input[type="text"]:disabled {
  opacity: 1;
  background: transparent;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .checkbox_group, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .checkbox_group {
  display: flex;
  align-items: center;
  justify-content: center;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .checkbox_group input[type="checkbox"], .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .checkbox_group input[type="checkbox"] {
  display: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .checkbox_group input[type="checkbox"]:checked + label, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .checkbox_group input[type="checkbox"]:checked + label {
  background: #EAFCEF;
  box-shadow: inset 0 -3px 0 0 #27C855;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .checkbox_group label, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .checkbox_group label {
  width: 42px;
  height: 42px;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D0D5DD;
  border-left: 0;
  margin: 0;
  cursor: pointer;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .checkbox_group label:first-of-type, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .checkbox_group label:first-of-type {
  border-radius: 4px 0 0 4px;
  border: 1px solid #D0D5DD;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .checkbox_group label:last-of-type, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .checkbox_group label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .radio_group, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .radio_group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .radio_group .radio_item, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .radio_group .radio_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .radio_group .radio_item input[type="radio"], .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .radio_group .radio_item input[type="radio"] {
  border-color: #D0D5DD;
  box-shadow: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .radio_group .radio_item input[type="radio"]:checked, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .radio_group .radio_item input[type="radio"]:checked {
  background-color: #FFF;
  border-color: #0F0F0F;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .radio_group .radio_item input[type="radio"]:checked:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .radio_group .radio_item input[type="radio"]:checked:before {
  background-color: #0F0F0F;
  width: 6px;
  height: 6px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .radio_group .radio_item label, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .radio_group .radio_item label {
  margin: 0;
  font-weight: 400;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-multiselect, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-multiselect {
  overflow: hidden;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-multiselect .k-multiselect-wrap, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-multiselect .k-multiselect-wrap {
  border: 0;
  padding: 8px 12px;
  height: 42px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-multiselect .k-multiselect-wrap .k-reset, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-multiselect .k-multiselect-wrap .k-reset {
  padding: 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-multiselect .k-multiselect-wrap .k-reset .k-button, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-multiselect .k-multiselect-wrap .k-reset .k-button {
  padding: 2px 5px;
  border-color: #D0D5DD;
  border-radius: 6px;
  margin: 0 8px 0 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-multiselect .k-multiselect-wrap .k-reset .k-button span, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-multiselect .k-multiselect-wrap .k-reset .k-button span {
  font-size: 12px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-multiselect .k-multiselect-wrap .k-input, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-multiselect .k-multiselect-wrap .k-input {
  padding: 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .k-multiselect .k-multiselect-wrap .k-clear-value, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-multiselect .k-multiselect-wrap .k-clear-value {
  height: 100%;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .field_message, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .field_message {
  font-size: 14px;
  color: #A3A3A3;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part button.modal_special_btn, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view button.modal_special_btn {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: auto;
  gap: 8px;
  font-size: 16px;
  padding: 0;
  border: 0;
  cursor: pointer;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .delete_appointment, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .delete_appointment {
  color: #B53E3E;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .form_field_part .delete_appointment:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .delete_appointment:before {
  content: url("/Shared/Images/CoachScheduling/Icons/delete-red.svg");
  width: 20px;
  height: 20px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper {
  width: 100%;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper > .k-widget.k-button-group {
  display: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view {
  display: block;
  width: 100%;
  max-width: 100%;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-label {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field {
  margin: 0;
  width: 80%;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field:not(:last-child) {
  margin-bottom: 16px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-reset {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-reset li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  gap: 8px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-reset li .k-radio-label {
  display: flex;
  gap: 8px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-reset li .k-radio-label input[type="radio"] {
  margin: 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-reset li .k-widget {
  margin: 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field input[type="radio"] {
  border-color: #737373;
  min-width: 16px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field input[type="radio"]:checked {
  background-color: #FFF;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field input[type="radio"]:checked:before {
  background-color: #000;
  width: 6px;
  height: 6px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-datepicker .k-picker-wrap {
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  outline: 0;
  width: auto;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox {
  min-width: 85px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox.k-recur-interval, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox.k-recur-count {
  margin-right: 8px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap {
  box-shadow: none;
  border-color: #D0D5DD;
  border-radius: 8px;
  overflow: hidden;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap .k-select {
  background: transparent;
  border-left: 1px solid #D0D5DD;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap .k-select .k-link {
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap .k-select .k-link:not(:last-child) {
  border-bottom: 1px solid #D0D5DD;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-i-arrow-60-up, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-i-arrow-60-down {
  width: 20px;
  height: 20px;
  position: static;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-i-arrow-60-up:before, .coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-i-arrow-60-down:before {
  content: url("/Shared/Images/CoachScheduling/Icons/chevron-down-grey.svg");
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-i-arrow-60-up:before {
  transform: rotate(180deg);
  transform-origin: center center;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-numerictextbox .k-numeric-wrap input[type="text"] {
  border: 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-recur-weekday-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-recur-weekday-buttons .k-button {
  width: 42px;
  height: 42px;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D0D5DD;
  border-left: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 0;
  box-shadow: none;
  color: #0F0F0F;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-recur-weekday-buttons .k-button:first-of-type {
  border-radius: 8px 0 0 8px;
  border: 1px solid #D0D5DD;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-recur-weekday-buttons .k-button:last-of-type {
  border-radius: 0 8px 8px 0;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-recur-weekday-buttons .k-button.k-state-active {
  background: #EAFCEF;
  box-shadow: inset 0 -3px 0 0 #27C855;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-dropdown {
  box-shadow: none;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .recurrence_wrapper .k-recur-view .k-edit-field .k-dropdown .k-dropdown-wrap {
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  display: flex;
  gap: 8px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_controls button {
  flex: 1 1;
}

.coach_scheduling_modal div.k-window-content .modal_wrap .modal_controls button.modal_delete {
  background: #B53E3E;
  color: #FFF;
}

.coach_scheduling_modal div.k-window-content .k-edit-buttons {
  margin: 32px 0 0;
  padding: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.coach_scheduling_modal div.k-window-content .k-edit-buttons .k-button {
  margin: 0;
}

.coach_scheduling_modal div.k-window-content .k-edit-buttons .k-button.k-scheduler-cancel {
  margin-left: auto;
  order: 2;
}

.coach_scheduling_modal div.k-window-content .k-edit-buttons .k-button.k-scheduler-update {
  order: 3;
}

.coach_scheduling_modal div.k-edit-form-container .k-popup-message {
  margin: 0;
}

.coach_availability_name {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.coach_availability_badge {
  font-size: 12px;
  margin-left: auto;
  margin-right: 8px;
  padding: 0 4px;
  border-radius: 6px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
}

.coach_availability_badge:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 6px;
}

.coach_availability_badge.available {
  border: 1px solid #9DEFB4;
  background-color: #EAFCEF;
}

.coach_availability_badge.available:before {
  background-color: #27C855;
}

.coach_availability_badge.unavailable {
  border: 1px solid #FFB2B2;
  background-color: #FFEEEE;
}

.coach_availability_badge.unavailable:before {
  background-color: #E84F4F;
}

.w-menu-compact .w-menu-button {
  margin-bottom: 5px;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  background-image: url("/WiLO/JS/Widget/platformicons/navigation-drawer-2");
  background-size: 32px;
}

/* Items in user menu */
.w-user-container {
  /* Inbox count on avatar */
  /* Inbox count on 'Notifications' link */
}

.w-user-container .k-panelbar > .k-item > .k-link.k-state-selected,
.w-user-container .k-panelbar > li > .k-state-selected {
  color: #fff;
  background-color: white;
  border-bottom: 2px solid grey;
}

.w-user-container .name {
  background-repeat: no-repeat;
  background-position-y: center;
  padding-left: 3.5em;
  margin: 0;
  height: 3em;
  line-height: 3em;
  color: #000;
}

.w-user-container .w-inbox-count {
  width: 1.3em;
  height: 1.3em;
  position: absolute;
  background-color: #f00;
  border-radius: .7em;
  line-height: 1.3em;
  color: #fff;
  font-size: .8em;
  font-weight: bold;
  text-align: center;
}

.w-user-container .avatar-count {
  top: 0.5em;
  left: 3.3em;
}

.w-user-container .link-count {
  position: absolute;
  border-radius: 0;
  top: 1.5em;
  left: 9em;
}

.w-user-container .localeswitcher .k-link p {
  line-height: 1em;
  margin-bottom: 0;
}

.w-user-container .localeswitcher .w-locale-picker.w-localepicker {
  width: 100%;
}

/* Mobile */
@media (max-width: 900px) {
  #user-menu span.k-header, a.k-header {
    background-color: white;
  }
}

.compassProgram .video .widget .form .header,
.compassProgram .widget .form .progressOuter,
.compassProgram .tracker .widget .form h3.title,
.compassProgram .tracker .widget .form h2.title,
.compassProgram .widget .form .pageInfo,
.compassProgram .widget .form h1.title,
.compassProgram .widget .form .controls {
  display: none;
}

.compassProgram .tracker .widget .form .radio h3.title,
.compassProgram .tracker .widget .form .checkbox h3.title {
  display: block;
}

.compassProgram .form-web .question {
  padding-left: 0;
}

.compassProgram .widget .form h2.title {
  font-size: 1.5em;
  color: black;
  font-weight: normal;
}

.compassProgram .tracker .widget .desc {
  margin-bottom: 5px;
}

.compassProgram .widget .form .section {
  border-width: 0;
  padding: 0;
}

.compassProgram .widget .form .question.required {
  background-image: none;
}

.compassProgram .video .description {
  font-size: 1.5em;
  cursor: pointer;
  width: 95%;
  margin-bottom: 3px;
  background-color: #eeeeee;
  padding-left: 30px;
  background-image: url(/shared/images/up-black.png);
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 5px;
}

.compassProgram .video .description.hide {
  background-image: url(/shared/images/down-black.png);
  background-position-x: 5px;
  background-position-y: 5px;
}

.compassProgram .video .widget {
  padding-top: 5px;
}

.compassProgram .session.state-pre .video,
.compassProgram .session.state-pre .quiz,
.compassProgram .session.state-pre .tracker {
  display: none;
}

.compassProgram .pre-survey,
.compassProgram .post-survey {
  display: none;
}

.compassProgram .session.state-pre .pre-survey {
  display: inline;
}

.compassProgram .session.state-post .post-survey {
  display: inline;
}

.compassProgram .session-tab {
  padding-left: 18px;
}

.compassProgram .session-tab.state-complete {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/checkmark);
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 10px;
}

.compassProgram .quiz.form-item, .compassProgram .tracker.form-item {
  display: none;
}

.compassProgram .state-showvideo .video.form-item {
  display: inline;
}

.compassProgram .state-inprogress .quiz.form-item,
.compassProgram .state-inprogress .tracker.form-item {
  display: inline;
}

.page-master.wcompass .w-compass-template li {
  margin-left: 35px;
}

.page-master.wcompass .w-compass-template li::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/wc_greyed_out_checkmark);
  height: 30px;
  width: 35px;
  float: left;
}

.page-master.wcompass .w-compass-template li.met::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 35px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/wc_green_checkmark);
  float: left;
}

.page-master.wcompass .w-compass-template .stage-progress-container {
  margin-left: 35px;
}

.page-master .w-compass-template section {
  text-align: center;
  color: #555555;
  padding: 60px 0;
}

.page-master .w-compass-template h1 {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 2em;
}

.page-master .w-compass-template h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 15px 0;
}

.page-master .w-compass-template ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.page-master .w-compass-template li {
  text-align: left;
  /*padding-left: 40px;*/
  margin-left: 15px;
  line-height: 2em;
  color: #a5ad98;
  min-height: 35px;
}

.page-master .w-compass-template li::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/default_greyed_out_checkmark);
  height: 30px;
  width: 35px;
  float: left;
}

.page-master .w-compass-template li.met {
  font-weight: bold;
  color: #555555;
}

.page-master .w-compass-template li.met::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 35px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/default_dark_grey_checkmark);
  float: left;
}

.page-master .w-compass-template li.selectable {
  color: #555555;
  cursor: pointer;
}

.page-master .w-compass-template li.selectable:hover {
  text-decoration: underline;
}

.page-master .w-compass-template .completed-steps {
  background-color: #d9e3e6;
  height: 375px;
}

.page-master .w-compass-template .step-progress {
  font-style: italic;
}

.page-master .w-compass-template .score {
  background-color: #d1dcdf;
  height: 375px;
}

.page-master .w-compass-template .score h1 {
  text-transform: none;
}

.page-master .w-compass-template .score .value {
  font-size: 4em;
}

.page-master .w-compass-template .upcoming-steps {
  background-color: #d9e3e6;
  height: 375px;
}

.page-master .w-compass-template .upcoming-steps .bx-wrapper .bx-viewport {
  background: none;
  border: none;
  box-shadow: none;
  left: 0px;
}

.page-master .w-compass-template section:hover {
  background-color: #bcd5db;
  transition: all .9s ease;
  -webkit-transition: all .9s ease;
  -moz-transition: all .9s ease;
  -o-transition: all .9s ease;
}

.page-master .w-compass-template .stage-progress-container {
  margin-top: 7px;
  margin-left: 15px;
  margin-bottom: 20px;
  width: 60%;
  background-color: gray;
  height: 5px;
}

.page-master .w-compass-template .stage-progress {
  height: 100%;
  background-color: white;
}

.page-master .w-compass-template .stage-progress-value {
  padding-left: 10px;
}

@media (max-width: 800px) {
  .page-master .w-compass-template h1 {
    font-size: 1.2em;
  }
  .page-master .w-compass-template h2 {
    font-size: .9em;
  }
  .page-master .w-compass-template .score .value {
    font-size: 3em;
  }
  .page-master .w-compass-template li, .page-master .w-compass-template .stage-progress-control {
    font-size: .7em;
  }
}

@media (max-width: 480px) {
  .page-master .w-compass-template section {
    padding: 30px 0;
  }
  .page-master .w-compass-template .completed-steps {
    height: auto;
  }
  .page-master .w-compass-template .score {
    height: auto;
  }
  .page-master .w-compass-template .upcoming-steps {
    height: auto;
  }
}

.w-copyright {
  display: inline;
}

.w-copyright button {
  background: unset;
  border: unset;
  cursor: pointer;
  margin: unset;
  padding: unset;
}

.k-window.w-copyright-modal {
  font-size: 1rem;
}

.w-dashboard {
  clear: both;
  overflow: hidden;
  /* Widget specific classes */
  /*.dashboardcol > .dashboardEdit > .configure {
        width: 16px;
        height: 16px;
    }

    .dashboardcol > .dashboardEdit > .configAdd {
        width: 16px;
        height: 16px;
    }*/
}

.w-dashboard.admin-dashboard.no-user-selected .widget-content {
  visibility: hidden;
}

.w-dashboard.admin-dashboard.no-user-selected .userSearchWidget .widget-content, .w-dashboard.admin-dashboard.no-user-selected .userSummaryWidget .widget-content, .w-dashboard.admin-dashboard.no-user-selected .userSearchResultsWidget .widget-content, .w-dashboard.admin-dashboard.no-user-selected .coachInfoWidget .widget-content, .w-dashboard.admin-dashboard.no-user-selected .wellScoreItemChartWidget .widget-content, .w-dashboard.admin-dashboard.no-user-selected .buddiesWidget .widget-content, .w-dashboard.admin-dashboard.no-user-selected .askanexpertWidget .widget-content, .w-dashboard.admin-dashboard.no-user-selected .formUploadAlertWidget .widget-content {
  visibility: inherit;
}

.w-dashboard .row {
  clear: both;
}

.w-dashboard .height_1U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 90px;
}

.w-dashboard .height_1p5U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 150px;
}

.w-dashboard .height_2U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 210px;
}

.w-dashboard .height_3U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 330px;
}

.w-dashboard .height_4U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 450px;
}

.w-dashboard .height_5U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 570px;
}

.w-dashboard .height_6U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 690px;
}

.w-dashboard .height_7U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 810px;
}

.w-dashboard .height_8U .widget-content {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  height: 930px;
}

.w-dashboard .height_auto .widget-content {
  height: auto;
  overflow: visible;
}

.w-dashboard .widget-content {
  position: relative;
  padding-top: 0.3em;
}

.w-dashboard .widgetTooltip {
  display: none;
}

.w-dashboard .widgetDescription {
  padding: 1rem 0;
}

.w-dashboard .dashboardSwitch {
  color: #f0f8ff;
  background-color: darkgray;
  text-decoration: none;
  margin-bottom: 2px;
  padding: 2px;
  border: #f0f8ff 1px solid;
}

.w-dashboard .dashboardSwitch:Hover {
  text-decoration: underline;
}

.w-dashboard .TextGoalWidget .editGoal {
  position: absolute;
  _position: fixed;
  _padding-left: 5px;
  right: 13px;
  text-decoration: none;
}

.w-dashboard .dashboardWidget {
  background-color: white;
  padding: 0 0.5em 0.5em 0.5em;
  margin: 0.5em;
  border-top: 0.5em solid #aaa;
}

.w-dashboard .dashboardWidget .panel-bar.k-panelbar > .k-item > .k-link, .w-dashboard .dashboardWidget .panel-bar.k-panelbar > .k-panelbar-item > .k-link {
  padding: inherit;
}

.w-dashboard .dashboardWidget .panel-bar.k-panelbar > .k-item > .k-link.k-header, .w-dashboard .dashboardWidget .panel-bar.k-panelbar > .k-panelbar-item > .k-link.k-header {
  font-size: inherit;
  line-height: inherit;
}

.w-dashboard .dashboardWidget .panel-bar.k-panelbar > .k-item > .k-link .widget-header, .w-dashboard .dashboardWidget .panel-bar.k-panelbar > .k-panelbar-item > .k-link .widget-header {
  width: 100%;
}

.w-dashboard .dashboardWidget .panel-bar.k-panelbar > li > .k-link.k-state-selected {
  color: inherit;
  background-color: inherit;
}

.w-dashboard .dashboardWidget .panel-bar.k-panelbar > li.k-state-default > .k-link.k-state-selected {
  color: inherit;
  background-color: inherit;
}

.w-dashboard .dashboardWidget .widget-header {
  font-family: 'Oswald', sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  margin: 0;
  border-bottom: 1px solid #aaa;
  padding: 0.2em 0 0.2em 0;
  text-transform: uppercase;
  color: #aaa;
}

.w-dashboard .dashboardWidget .widget-header span.header.no-headerlogo {
  display: inline;
}

.w-dashboard .dashboardWidget .widget-header span.header.headerlogo {
  display: none;
}

.w-dashboard .dashboardWidget .widget-header img.header.no-headerlogo {
  display: none;
}

.w-dashboard .dashboardWidget .widget-header img.header.headerlogo {
  display: inline;
}

.w-dashboard .dashboardWidget.no-header {
  border: 0;
}

.w-dashboard .dashboardWidget.no-header .widget-header,
.w-dashboard .dashboardWidget.no-header .k-panelbar-collapse {
  display: none;
}

.w-dashboard .dashboardWidget.no-header > .config {
  background-color: #eee;
  font-size: 0.75em;
}

.w-dashboard .dashboardWidget.no-header > .config dt {
  float: left;
  clear: left;
  width: 160px;
  /*text-align: right;*/
}

.w-dashboard .dashboardWidget.no-header > .config dt:after {
  content: ":";
}

.w-dashboard .dashboardWidget.no-header > .config dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}

.w-dashboard .dashboardWidget .top-corner {
  position: absolute;
  top: 0.3rem;
  right: 0;
}

.w-dashboard .activityChartWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .activityChartWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .assessmentWidget {
  border-top: 0.5em solid #bdbf00;
  display: none;
}

.w-dashboard .assessmentWidget .widget-header {
  border-bottom: 1px solid #bdbf00;
  color: #bdbf00;
}

.w-dashboard .assessmentWidget .config span {
  display: block;
}

.w-dashboard .assessmentWidget.edit {
  display: block;
}

.w-dashboard .assessmentListWidget {
  border-top: 0.5em solid #bdbf00;
  display: none;
}

.w-dashboard .assessmentListWidget .widget-header {
  border-bottom: 1px solid #bdbf00;
  color: #bdbf00;
}

.w-dashboard .assessmentListWidget tr {
  cursor: pointer;
}

.w-dashboard .assessmentListWidget a.aspNetDisabled {
  color: #666;
}

.w-dashboard .assessmentListWidget .completedDate {
  color: #666;
  font-size: 0.85em;
}

.w-dashboard .assessmentListWidget.edit {
  display: block;
}

.w-dashboard .assessmentReportWidget {
  border-top: 0.5em solid #bdbf00;
  display: none;
}

.w-dashboard .assessmentReportWidget .widget-header {
  border-bottom: 1px solid #bdbf00;
  color: #bdbf00;
}

.w-dashboard .assessmentReportWidget.edit {
  display: block;
}

.w-dashboard .BMIWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .BMIWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .BMRWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .BMRWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .buddiesWidget {
  border-top: 0.5em solid #ff6a00;
}

.w-dashboard .buddiesWidget .widget-header {
  border-bottom: 1px solid #ff6a00;
  color: #ff6a00;
}

.w-dashboard .challengeImageWidget {
  border-top: 0.5em solid #00b4a9;
  display: none;
}

.w-dashboard .challengeImageWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .challengeImageWidget.edit {
  display: block;
}

.w-dashboard .challengeMapWidget {
  border-top: 0.5em solid #00b4a9;
  display: none;
}

.w-dashboard .challengeMapWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .challengeTotalWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .challengeTotalWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .coachingProgramsWidget {
  border-top: 0.5em solid #0094ff;
  display: none;
}

.w-dashboard .coachingProgramsWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.w-dashboard .coachingProgramsWidget.edit {
  display: block;
}

.w-dashboard .coachBioWidget {
  border-top: 0.5em solid #0094ff;
}

.w-dashboard .coachBioWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.w-dashboard .coachInfoWidget {
  border-top: 0.5em solid #f6a83c;
}

.w-dashboard .coachInfoWidget .widget-header {
  border-bottom: 1px solid #f6a83c;
  color: #f6a83c;
}

.w-dashboard .countActivitiesWidget {
  border-top: 0.5em solid #3ee107;
}

.w-dashboard .countActivitiesWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.w-dashboard .countStepsWidget {
  border-top: 0.5em solid #3ee107;
}

.w-dashboard .countStepsWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.w-dashboard .countStepsWidget .CountSteps > div {
  padding-top: 3px !important;
}

.w-dashboard .countStepsWidget .CountSteps a {
  text-decoration: none;
  font-weight: bold;
}

.w-dashboard .countStepsWidget .CountSteps a:hover {
  text-decoration: underline;
}

.w-dashboard .devicesWidget {
  border-top: 0.5em solid #3ee107;
}

.w-dashboard .devicesWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.w-dashboard .fitbitWidget {
  border-top: 0.5em solid #45c2c5;
}

.w-dashboard .fitbitWidget .widget-header {
  border-bottom: 1px solid #45c2c5;
  color: #45c2c5;
}

.w-dashboard .googleFitWidget {
  border-top: 0.5em solid #fc8e03;
}

.w-dashboard .googleFitWidget .widget-header {
  border-bottom: 1px solid #fc8e03;
  color: #fc8e03;
}

.w-dashboard .goalsWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .goalsWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .goalsSummaryWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .goalsSummaryWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .healthTipsWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .healthTipsWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .jsonWidget {
  border-top: 0.5em solid #00aeef;
}

.w-dashboard .jsonWidget .widget-header {
  border-bottom: 1px solid #00aeef;
  color: #00aeef;
}

.w-dashboard .libraryWidget {
  border-top: 0.5em solid #baa13d;
}

.w-dashboard .libraryWidget .widget-header {
  border-bottom: 1px solid #baa13d;
  color: #baa13d;
}

.w-dashboard .messageBoardWidget {
  border-top: 0.5em solid #ff6a00;
}

.w-dashboard .messageBoardWidget .widget-header {
  border-bottom: 1px solid #ff6a00;
  color: #ff6a00;
}

.w-dashboard .newMessageBoardMessagesWidget {
  border-top: 0.5em solid #ff6a00;
}

.w-dashboard .newMessageBoardMessagesWidget .widget-header {
  border-bottom: 1px solid #ff6a00;
  color: #ff6a00;
}

.w-dashboard .measurementWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .measurementWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .singleMeasurementWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .singleMeasurementWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .myCaloriesWidget {
  border-top: 0.5em solid #3ee107;
}

.w-dashboard .myCaloriesWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.w-dashboard .nutritionChartWidget {
  border-top: 0.5em solid #ff54d2;
}

.w-dashboard .nutritionChartWidget .widget-header {
  border-bottom: 1px solid #ff54d2;
  color: #ff54d2;
}

.w-dashboard .nutritionWidget {
  border-top: 0.5em solid #ff54d2;
}

.w-dashboard .nutritionWidget .widget-header {
  border-bottom: 1px solid #ff54d2;
  color: #ff54d2;
}

.w-dashboard .myChallengesWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .myChallengesWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .myChallengesWidget table {
  width: 100%;
}

.w-dashboard .myChallengesWidget td {
  padding: 0;
  padding-right: 5px;
  height: 18px;
}

.w-dashboard .myChallengesWidget table a {
  font-size: 11px;
  white-space: normal;
  color: #0000FF;
}

.w-dashboard .myChallengesWidget a:hover {
  text-decoration: underline;
}

.w-dashboard .myChallengesWidget a.join {
  font-weight: normal;
}

.w-dashboard .myProgressWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .myProgressWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .myProgressWidget .label {
  display: block;
}

.w-dashboard .myProgressWidget .value {
  display: block;
  font-weight: bold;
  font-size: 1em;
}

.w-dashboard .myProgressWidget .info {
  display: block;
  font-size: 0.666em;
}

.w-dashboard .myTeamsWidget {
  border-top: 0.5em solid #ff6a00;
}

.w-dashboard .myTeamsWidget .widget-header {
  border-bottom: 1px solid #ff6a00;
  color: #ff6a00;
}

.w-dashboard .newsfeedWidget {
  border-top: 0.5em solid #b200ff;
}

.w-dashboard .newsfeedWidget .widget-header {
  border-bottom: 1px solid #b200ff;
  color: #b200ff;
}

.w-dashboard .outstandingTasksWidget {
  border-top: 0.5em solid #0094ff;
}

.w-dashboard .outstandingTasksWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.w-dashboard .personalChallengesWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .personalChallengesWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .pollWidget {
  border-top: 0.5em solid #0094ff;
}

.w-dashboard .pollWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.w-dashboard .addSleepWidget {
  border-top: 0.5em solid #005470;
}

.w-dashboard .addSleepWidget .widget-header {
  border-bottom: 1px solid #005470;
  color: #005470;
}

.w-dashboard .sleepChartWidget {
  border-top: 0.5em solid #005470;
}

.w-dashboard .sleepChartWidget .widget-header {
  border-bottom: 1px solid #005470;
  color: #005470;
}

.w-dashboard .textGoalWidget {
  border-top: 0.5em solid #0094ff;
}

.w-dashboard .textGoalWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.w-dashboard .trackerWidget {
  border-top: 0.5em solid #3ee107;
}

.w-dashboard .trackerWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.w-dashboard .trackerMultiWidget {
  border-top: 0.5em solid #3ee107;
}

.w-dashboard .trackerMultiWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.w-dashboard .trackerChartWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .trackerChartWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .udfTextWidget {
  border-top: 0.5em solid #0094ff;
}

.w-dashboard .udfTextWidget .widget-header {
  border-bottom: 1px solid #0094ff;
  color: #0094ff;
}

.w-dashboard .updateYourWeightWidget {
  border-top: 0.5em solid #3ee107;
}

.w-dashboard .updateYourWeightWidget .widget-header {
  border-bottom: 1px solid #3ee107;
  color: #3ee107;
}

.w-dashboard .updateYourBloodPressureWidget {
  border-top: 0.5em solid #af111c;
}

.w-dashboard .updateYourBloodPressureWidget .widget-header {
  border-bottom: 1px solid #af111c;
  color: #af111c;
}

.w-dashboard .userScheduleWidget {
  border-top: 0.5em solid #00b4a9;
  display: none;
}

.w-dashboard .userScheduleWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .userScheduleWidget .apptInfo img {
  cursor: pointer;
}

.w-dashboard .userScheduleWidget .addtocalendar {
  font-size: 10px;
  color: #1d5c91;
  text-decoration: none;
}

.w-dashboard .userScheduleWidget .addtocalendar:hover {
  text-decoration: underline;
}

.w-dashboard .userScheduleWidget.edit {
  display: block;
}

.w-dashboard .userSearchWidget {
  border-top: 0.5em solid #f6a83c;
}

.w-dashboard .userSearchWidget .widget-header {
  border-bottom: 1px solid #f6a83c;
  color: #f6a83c;
}

.w-dashboard .userSearchResultsWidget {
  border-top: 0.5em solid #f6a83c;
}

.w-dashboard .userSearchResultsWidget .widget-header {
  border-bottom: 1px solid #f6a83c;
  color: #f6a83c;
}

.w-dashboard .userSummaryWidget {
  border-top: 0.5em solid #f6a83c;
}

.w-dashboard .userSummaryWidget .widget-header {
  border-bottom: 1px solid #f6a83c;
  color: #f6a83c;
}

.w-dashboard .weightSuggesterWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .weightSuggesterWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .wellnessScoreWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .wellnessScoreWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .wellnessScoreRankWidget {
  border-top: 0.5em solid #00b4a9;
}

.w-dashboard .wellnessScoreRankWidget .widget-header {
  border-bottom: 1px solid #00b4a9;
  color: #00b4a9;
}

.w-dashboard .AssessmentQuestionWidget div.config {
  position: relative;
  background-color: #eee;
  border: 1px solid #888 !important;
  padding: 20px;
  z-index: 99;
}

.w-dashboard .AssessmentQuestionWidget .assessmentReportWidget,
.w-dashboard .AssessmentQuestionWidget .assessmentWidget,
.w-dashboard .AssessmentQuestionWidget .assessmentListWidget,
.w-dashboard .AssessmentQuestionWidget .userScheduleWidget,
.w-dashboard .AssessmentQuestionWidget .coachingProgramsWidget,
.w-dashboard .AssessmentQuestionWidget .challengeImageWidget,
.w-dashboard .AssessmentQuestionWidget .challengeMapWidget {
  display: block;
}

.w-dashboard .dashboardcol .placeholder {
  opacity: 0.4;
  border: 1px dashed #a6a6a6;
}

.w-dashboard .widget-dock {
  position: relative;
}

.w-dashboard .dashboardConfig {
  width: 100%;
  padding-bottom: 2px;
}

.w-dashboard .dashboardConfig td {
  vertical-align: bottom;
}

.w-dashboard .dashboardConfig td label {
  line-height: 2rem;
}

.w-dashboard .dashboardConfig td:last-child {
  text-align: right;
}

.w-dashboard .dashboardConfig .layoutPattern {
  width: 4em;
  margin: 0 3px;
}

.w-dashboard .overlay {
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  position: absolute;
  top: 0;
  right: 0;
  /*width: 100%;*/
  /*height: 100%;*/
  min-height: 80px;
  text-align: center;
  z-index: 6960;
  overflow-y: scroll;
}

.w-dashboard .overlay .config {
  position: relative;
  height: 50%;
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;
  margin-top: 10px;
  min-width: 4rem;
  font-size: 0.7em;
}

.w-dashboard .overlay .config > div {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.w-dashboard .overlay .controls {
  position: relative;
  height: 8em;
  margin-top: 1em;
}

.w-dashboard .overlay .title {
  position: absolute;
  top: 0;
  left: 0;
}

.w-dashboard .overlay .add {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/add-circle-2);
}

.w-dashboard .overlay .add:hover {
  opacity: .75;
}

.w-dashboard .overlay .edit {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/widget);
}

.w-dashboard .overlay .edit:hover {
  opacity: .75;
}

.w-dashboard .overlay .height {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/height);
}

.w-dashboard .overlay .height:hover {
  opacity: .75;
}

.w-dashboard .overlay .width {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/width);
}

.w-dashboard .overlay .width:hover {
  opacity: .75;
}

.w-dashboard .overlay .delete {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/remove-circle-2);
}

.w-dashboard .overlay .delete:hover {
  opacity: .75;
}

.w-dashboard .overlay .closeConfig {
  position: absolute;
  top: 0;
  right: 0;
  height: 16px;
  width: 16px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/remove-1);
  background-size: cover;
  cursor: pointer;
}

.w-dashboard .overlay .closeConfig:hover {
  opacity: .75;
}

.w-dashboard .dashboardEdit {
  position: absolute;
  z-index: 6950;
  top: 25px;
  right: 25px;
}

.w-dashboard .dashboardEdit .title {
  font-size: 0.7em;
}

.w-dashboard .dashboardEdit .configure {
  width: 16px;
  height: 16px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/widget);
  background-size: contain;
}

.w-dashboard .dashboardEdit .configure:hover {
  opacity: .75;
}

.w-dashboard .dashboardEdit .configAdd {
  width: 16px;
  height: 16px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/add-circle-2);
  background-size: contain;
}

.w-dashboard .dashboardEdit .configAdd:hover {
  opacity: .75;
}

.w-dashboard .dashboardEditRows {
  z-index: 6950;
  height: 16px;
  text-align: center;
  background-color: rgba(250, 250, 250, 0.3);
}

.w-dashboard .dashboardEditRows .config-row {
  width: 40px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  border-radius: 2px;
}

.w-dashboard .dashboardEditRows .config-row:hover {
  background-color: rgba(180, 180, 180, 0.6);
}

.w-dashboard .dashboardEditRows .config-row.config-add-row {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/add-square-1);
}

.w-dashboard .dashboardEditRows .config-row.config-add-row:hover {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/add-square-1);
}

.w-dashboard .dashboardEditRows .config-row.config-remove-row {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/subtract-square-2);
}

.w-dashboard .dashboardEditRows .config-row.config-remove-row:hover {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/subtract-square-2);
}

.w-dashboard .dashboardcol {
  border: 1px dotted #999999;
  position: relative;
  min-height: 4em;
}

.w-dashboard .dashboardcol > .dashboardEdit {
  top: 0;
  right: 0;
}

.w-dashboard .edit-mode {
  min-height: 4em;
}

.w-dashboard .edit-mode .widget-header:hover {
  cursor: move;
  background-color: rgba(0, 0, 0, 0.05);
}

.w-dashboard .edit-mode .dashboardWidget {
  display: block !important;
  position: relative;
}

.widgetList {
  z-index: 7002;
}

.k-rtl .w-dashboard .dashboardWidget .top-corner {
  right: auto;
  left: 0;
}

.k-rtl .w-dashboard .dashboardWidget > .config dt {
  float: right;
  clear: right;
}

.k-rtl .w-dashboard .dashboardWidget > .config dd {
  margin: 0 110px 0 0;
}

.k-rtl .w-dashboard .dashboardEdit {
  right: auto;
  left: 16px;
}

.k-rtl .w-dashboard .dashboardcol > .dashboardEdit {
  right: auto;
  left: 0;
}

.k-rtl .w-dashboard .overlay {
  right: auto;
  left: 0;
}

.k-rtl .w-dashboard .overlay .title {
  left: auto;
  right: 0;
}

.k-rtl .w-dashboard .overlay .closeConfig {
  right: auto;
  left: 0;
}

.dashboardrow.k-widget {
  background-color: transparent;
}

@font-face {
  font-family: "Open Sans PDF";
  src: url("/shared/fonts/opensans/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Light PDF";
  src: url("/shared/fonts/opensans/OpenSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Medium PDF";
  src: url("/shared/fonts/opensans/OpenSans-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans SemiBold PDF";
  src: url("/shared/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Bold PDF";
  src: url("/shared/fonts/opensans/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Italic PDF";
  src: url("/shared/fonts/opensans/OpenSans-Italic.ttf") format("truetype");
}

.pdfExport .w-datalisting .data-listing-header {
  display: none;
}

.pdfExport .w-datalisting .header-buttons {
  display: none;
}

.k-pdf-export .w-datalisting {
  /* PDF - show divider if content block is on the same page as the header block */
}

.k-pdf-export .w-datalisting .data-listing-section .header-block + .content-block .section-data-block:first-of-type .section-data-divider {
  display: initial;
}

.k-pdf-export .page-template .header, .k-pdf-export .page-template .footer {
  position: absolute;
  left: 0;
  right: 0;
}

.k-pdf-export .page-template .header {
  height: 70px;
  top: 0;
  display: flex;
  align-items: center;
  padding: 0 18px;
  box-sizing: border-box;
  justify-content: space-between;
}

.k-pdf-export .page-template .header .header-text {
  color: #000;
  font-size: 16px;
  font-family: "Open Sans SemiBold PDF";
}

.k-pdf-export .page-template .header .header-logo {
  display: flex;
}

.k-pdf-export .page-template .header .header-logo:empty {
  display: none;
}

.k-pdf-export .page-template .header .header-logo .logo-dark {
  display: block;
  max-width: 79px;
}

.k-pdf-export .page-template .header .header-logo .logo-light {
  display: none;
  max-width: 73px;
}

.k-pdf-export .page-template .footer {
  bottom: 0;
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  padding: 0px 18px;
}

.k-pdf-export .page-template[data-page="1"] .header {
  background: #794199;
}

.k-pdf-export .page-template[data-page="1"] .header .header-text {
  color: #fff;
  font-size: 20px;
  font-family: "Open Sans SemiBold PDF";
}

.k-pdf-export .page-template[data-page="1"] .header .header-logo .logo-dark {
  display: none;
}

.k-pdf-export .page-template[data-page="1"] .header .header-logo .logo-light {
  display: block;
}

.w-datalisting {
  font-family: "Open Sans PDF";
  font-weight: normal;
}

.w-datalisting strong {
  font-family: "Open Sans Bold PDF";
  font-weight: unset;
}

.w-datalisting .data-listing-header {
  align-items: center;
  box-sizing: border-box;
  background: #794199;
  color: #fff;
  display: flex;
  font-family: "Open Sans SemiBold PDF";
  font-size: 20px;
  gap: 16px;
  height: 70px;
  padding: 18px;
}

.w-datalisting .data-listing-header .header-text {
  flex: 1 1 auto;
}

.w-datalisting .data-listing-header .header-logo {
  display: flex;
}

.w-datalisting .data-listing-header .header-logo:empty {
  display: none;
}

.w-datalisting .data-listing-header .header-logo img {
  max-width: 73px;
}

.w-datalisting .header-buttons .button-pdf {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 0;
}

.w-datalisting .data-listing-user-data {
  padding: 23px 18px;
}

.w-datalisting .data-listing-profile {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 2fr 2fr minmax(auto, 62px) minmax(auto, 28px);
  margin-bottom: 27px;
}

.w-datalisting .data-listing-profile .profile-icon {
  align-self: center;
  grid-row: 1/3;
  justify-self: center;
}

.w-datalisting .data-listing-profile .profile-icon img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
}

.w-datalisting .data-listing-profile .profile-info-header {
  background: #F5F5F5;
  border-radius: 3px;
  padding: 2px 5px;
  color: #535353;
  font-size: 10px;
}

.w-datalisting .data-listing-profile .profile-info-value {
  color: #000;
  font-family: "Open Sans SemiBold PDF";
  font-size: 12px;
}

.w-datalisting .data-listing-section + .data-listing-section {
  padding-top: 26px;
}

.w-datalisting .data-listing-section .section-header {
  align-items: center;
  background: #4089DE;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  padding: 14px;
  color: #fff;
  font-size: 14px;
  flex: 1 0 100%;
}

.w-datalisting .data-listing-section .section-data {
  /* PDF - hide divider if the content-block is not on the same page as the header-block */
}

.w-datalisting .data-listing-section .section-data .section-data-column {
  flex: 0.6 0 0;
}

.w-datalisting .data-listing-section .section-data .section-data-column + .section-data-column {
  flex: 0.4 0 0;
}

.w-datalisting .data-listing-section .section-data .content-block:empty {
  display: none;
}

.w-datalisting .data-listing-section .section-data .section-data-header {
  align-items: center;
  border-radius: 3px;
  background: #F5F5F5;
  display: flex;
  padding: 2px 5px;
  color: #535353;
  font-size: 10px;
}

.w-datalisting .data-listing-section .section-data .section-question {
  color: #000;
  font-size: 12px;
}

.w-datalisting .data-listing-section .section-data .section-answer {
  background: #F5F5F5;
  border-radius: 5px;
  box-sizing: border-box;
  color: #000;
  font-family: "Open Sans SemiBold PDF";
  font-size: 12px;
  padding: 8px;
}

.w-datalisting .data-listing-section .section-data .section-data-divider {
  border-bottom: 1px solid #F5F5F5;
  flex: 1 0 100%;
  padding-top: 12px;
}

.w-datalisting .data-listing-section .section-data .section-data-block {
  break-inside: avoid;
  break-before: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 19px;
}

.w-datalisting .data-listing-section .section-data.header-block {
  break-inside: avoid;
  break-before: auto;
}

.w-datalisting .data-listing-section .section-data.header-block .section-data-block:last-of-type .section-data-divider {
  border-color: transparent;
  padding: 0;
}

.w-datalisting .data-listing-section .section-data.content-block:first-of-type .section-data-block:first-of-type .section-data-divider {
  display: none;
}

@media only screen and (max-width: 767px) {
  html:not(.pdfExport) .w-datalisting .data-listing-profile {
    grid-template-columns: auto 1fr 1fr;
  }
  html:not(.pdfExport) .w-datalisting .data-listing-profile .profile-icon {
    align-self: auto;
    grid-row: 1/7;
  }
  html:not(.pdfExport) .w-datalisting .data-listing-profile .profile-info-header:nth-child(2), html:not(.pdfExport) .w-datalisting .data-listing-profile .profile-info-header:nth-child(3), html:not(.pdfExport) .w-datalisting .data-listing-profile .profile-info-value:nth-child(6), html:not(.pdfExport) .w-datalisting .data-listing-profile .profile-info-value:nth-child(7) {
    grid-column: 2/4;
  }
  html:not(.pdfExport) .w-datalisting .data-listing-profile .profile-info-value:nth-child(6) {
    grid-row: 2/3;
  }
  html:not(.pdfExport) .w-datalisting .data-listing-profile .profile-info-value:nth-child(7) {
    grid-row: 4/5;
  }
}

@media print {
  .w-datalisting .header-buttons {
    display: none;
  }
  .w-control-panel {
    display: none;
  }
}

.w-devices {
  width: 100%;
}

.w-devices .last-sync {
  font-size: 0.8rem;
  padding-bottom: 1rem;
}

.w-devices .source-icon {
  vertical-align: middle;
}

.w-devices .device {
  padding-bottom: 1rem;
}

.w-devices .device .app-summary {
  padding: 0.25rem;
}

.w-devices .device .app-summary:hover {
  background-color: #ccc;
}

.w-devices::after {
  content: " ";
  display: block;
  clear: both;
}

.devices-detail {
  margin: 0;
}

.devices-detail .heading {
  font-weight: bold;
  margin: 0 0 1em;
}

.devices-detail dl {
  margin: 0;
}

.devices-detail dl dt {
  font-weight: bold;
  float: left;
  clear: left;
  margin: 0;
}

.devices-detail dl dt:after {
  content: ": ";
}

.devices-detail dl dd {
  float: left;
  clear: right;
}

.devices-detail dl::after {
  content: " ";
  display: block;
  clear: both;
}

.w-documentmanagement {
  font-family: Lato, sans-serif;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 26px;
  position: relative;
}

.w-documentmanagement * {
  box-sizing: border-box;
}

.w-documentmanagement .document_default_header {
  margin-bottom: 0;
}

.w-documentmanagement .document_default_description {
  margin: 4px 0 24px;
  color: #475467;
  font-size: 14px;
}

.w-documentmanagement .document_default_content {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  overflow: visible !important;
  background-color: #FFF;
}

.w-documentmanagement .document_default_content .document_locales {
  max-height: 660px;
  width: 300px;
  border: 1px solid #E5E5E5;
  padding: 16px;
}

.w-documentmanagement .document_default_content .document_locales .search_wrapper {
  margin-bottom: 16px;
}

.w-documentmanagement .document_default_content .document_locales .search_wrapper .hidden_label {
  position: relative;
  display: block;
}

.w-documentmanagement .document_default_content .document_locales .search_wrapper .hidden_label:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/DocumentManagement/Icons/search.svg") no-repeat center center/contain;
  z-index: 1;
}

.w-documentmanagement .document_default_content .document_locales .search_wrapper .hidden_label .document_locales_search {
  width: 100%;
  padding: 10px 14px 10px 46px;
  height: 100%;
  color: #0F0F0F;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 16px;
}

.w-documentmanagement .document_default_content .document_locales .search_wrapper .hidden_label .document_locales_search::placeholder {
  color: #A3A3A3;
}

.w-documentmanagement .document_default_content .document_locales .document_locale_tree {
  overflow: auto;
  height: calc(100% - 41px);
}

.w-documentmanagement .document_default_content .document_locales .document_locale_tree .k-item {
  cursor: pointer;
  padding: 0;
}

.w-documentmanagement .document_default_content .document_locales .document_locale_tree .k-item .k-state-selected, .w-documentmanagement .document_default_content .document_locales .document_locale_tree .k-item .k-in:hover {
  background-color: #F5F5F5;
  background-image: url("/Shared/Images/DocumentManagement/Icons/check.svg");
  background-repeat: no-repeat;
  background-position: 98% center;
  box-shadow: none;
  color: #000;
}

.w-documentmanagement .document_default_content .document_locales .document_locale_tree .k-item .k-in {
  padding: 8px 30px 8px 8px;
  width: 100%;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  border: 0;
}

.w-documentmanagement .document_default_content .document_locales .document_locale_tree .k-item .k-in.k-state-focused {
  box-shadow: none;
  border: 0;
}

.w-documentmanagement .document_default_content .document_locales .document_locale_tree .k-item .k-in .k-image {
  margin-right: 8px;
  min-width: 16px;
}

.w-documentmanagement .document_default_content .document_locales .document_locale_tree .k-item .k-in span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-documentmanagement .document_default_content .document_list {
  flex: 1 1;
}

.w-documentmanagement .document_default_content .document_list .document_list_header {
  margin-bottom: 12px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table {
  position: relative;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid {
  border: 0;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid.k-grid th, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid.k-grid td {
  border-right: 0;
  border-left: 0;
  padding: 16px 24px;
  background: #FCFCFC;
  border-bottom: 1px solid #E5E5E5;
  color: #101828;
  line-height: 20px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-grid-norecords {
  padding: 16px 24px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table {
  border: 1px solid #E5E5E5;
  border-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table .k-grid-header tr th, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table .k-grid-header tr td {
  background: transparent;
  color: #344054;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table .k-grid-header tr:hover {
  background: transparent;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table .k-grid-header tr .k-link {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  font-size: 14px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table .k-grid-header tr .k-link .k-icon {
  margin: 0;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table .k-grid-header tr .k-link .k-icon.k-i-sort-desc-sm:before {
  content: '';
  background: url("/Shared/Images/DocumentManagement/Icons/arrow-down.svg") no-repeat center center/contain;
  width: 16px;
  height: 16px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table .k-grid-header tr .k-link .k-icon.k-i-sort-asc-sm:before {
  content: '';
  background: url("/Shared/Images/DocumentManagement/Icons/arrow-down.svg") no-repeat center center/contain;
  transform: rotate(180deg);
  width: 16px;
  height: 16px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr:hover td {
  background: #F5F5F5;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr.k-alt {
  background: transparent;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr.k-alt:hover {
  background: #F5F5F5;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td {
  font-size: 14px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td.k-command-cell {
  text-align: right;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td.k-command-cell .k-button {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  box-shadow: none;
  color: #424242;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span {
  display: block;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status {
  display: inline-block;
  border: 1px solid #D0D5DD;
  box-shadow: 0 1px 2px 0 #1018280D;
  padding: 2px 6px 2px 18px;
  border-radius: 6px;
  position: relative;
  font-family: Lato, sans-serif;
  font-weight: 600;
  color: #344054;
  font-size: 12px;
  white-space: nowrap;
  line-height: 18px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status.status--draft:before {
  background: #FF8541;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status.status--pendingapproval:before {
  background: #FFCA41;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status.status--rejected:before, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status.status--unpublished:before {
  background: #FF5757;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status.status--published:before, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status.status--scheduled:before, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.status.status--approved:before {
  background: #17B26A;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid table tr td span.alt {
  color: #A3A3A3;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap {
  margin-top: 12px;
  border-top: 1px solid #EAECF0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap:after {
  display: none;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-first, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-last {
  display: none;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers {
  align-items: center;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li span, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li a {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  color: #525252;
  font-weight: 400;
  font-family: Poppins, sans-serif;
  border: 0;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li span.k-state-selected, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li span:hover, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li a.k-state-selected, .w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li a:hover {
  background: #FAFAFA;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap a {
  box-shadow: none;
  height: auto;
  border-color: #737373 !important;
  color: #525252 !important;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap a .k-icon {
  width: 20px;
  height: 20px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap a .k-icon.k-i-arrow-60-left:before {
  content: '';
  background: url("/Shared/Images/DocumentManagement/Icons/arrow-left.svg") no-repeat center center/contain;
  width: 100%;
  height: 100%;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .document_list_grid .k-pager-wrap a .k-icon.k-i-arrow-60-right:before {
  content: '';
  background: url("/Shared/Images/DocumentManagement/Icons/arrow-right.svg") no-repeat center center/contain;
  width: 100%;
  height: 100%;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .k-context-menu {
  border-radius: 10px;
  overflow: hidden;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .k-context-menu .k-item:hover {
  background: #F5F5F5;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .k-context-menu .k-item.k-state-focused {
  box-shadow: none;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .k-context-menu .k-item .k-menu-link {
  padding: 16px;
  font-size: 14px;
  color: #0F0F0F;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .k-context-menu .k-item .k-menu-link .k-sprite {
  margin-right: 8px;
}

.w-documentmanagement .document_default_content .document_list .document_list_table .k-context-menu .k-item .k-menu-link .k-sprite.open {
  background: url("/Shared/Images/DocumentManagement/Icons/pencil.svg") no-repeat center center/contain;
}

.w-documentmanagement .document_edit_content {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
}

.w-documentmanagement .document_edit_content .document_settings {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 415px;
}

.w-documentmanagement .document_edit_content .document_settings .th_card {
  border: 1px solid #EAECF0;
  background: #FCFCFC;
}

.w-documentmanagement .document_edit_content .document_settings .th_card .card_header {
  border-bottom: 1px solid #EAECF0;
  background: #FFF;
  padding: 8px 16px;
}

.w-documentmanagement .document_edit_content .document_settings .th_card .card_header .header_title {
  margin-bottom: 4px;
}

.w-documentmanagement .document_edit_content .document_settings .th_card .card_header .header_desc {
  font-size: 14px;
  color: #475467;
}

.w-documentmanagement .document_edit_content .document_settings .th_card .card_body {
  padding: 8px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  gap: 8px;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .th_input {
  padding: 8px 12px;
  line-height: 22px;
  height: auto;
  overflow: hidden;
  width: 100%;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .th_input.k-state-focused .k-multiselect-wrap {
  box-shadow: none;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .th_input:disabled {
  background: #FAFAFA;
  opacity: 1;
  color: #A3A3A3;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect {
  padding-left: 44px;
  background: #FAFAFA;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect.k-state-disabled {
  padding-left: 12px;
  opacity: 1;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect.k-state-disabled:before {
  display: none;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect.k-state-disabled .k-multiselect-wrap ul {
  padding: 0;
  margin: 0;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect.k-state-disabled .k-multiselect-wrap ul li .k-select {
  display: none;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/DocumentManagement/Icons/search.svg") no-repeat center center/contain;
  z-index: 1;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect .k-multiselect-wrap {
  border: 0;
  background: transparent;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect .k-multiselect-wrap:before {
  height: auto;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect .k-multiselect-wrap .k-input {
  height: 24px;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect .k-multiselect-wrap .k-clear-value {
  width: 24px;
  height: 24px;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect .k-multiselect-wrap ul li.k-button {
  margin: 0;
  padding: 2px 5px;
  background: transparent;
  border: 1px solid #D0D5DD;
  border-radius: 6px;
  line-height: 18px;
  min-height: 1px;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect .k-multiselect-wrap ul li.k-button.k-state-focused, .w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect .k-multiselect-wrap ul li.k-button:hover {
  background: #F5F5F5;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-multiselect .k-multiselect-wrap ul li.k-button:not(:last-of-type) {
  margin-right: 6px;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-dropdown[unselectable="on"] {
  background: #FAFAFA;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-dropdown .k-dropdown-wrap {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-dropdown .k-dropdown-wrap .k-input {
  padding: 0;
  height: auto;
  text-indent: 0;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-dropdown .k-dropdown-wrap .k-select {
  padding: 0;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  content: url("/Shared/Images/Documentmanagement/Icons/chevron-down-bigger.svg");
  width: 100%;
  height: 100%;
  margin: 0;
}

.w-documentmanagement .document_edit_content .document_settings .information .information_card_body .subtle {
  color: #A3A3A3;
  font-size: 14px;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher .k-switch {
  width: 36px;
  border-radius: 12px;
  overflow: hidden;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher .k-switch.k-state-readonly {
  opacity: 0.5;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher .k-switch .k-switch-container {
  background: #F2F4F7;
  border: 0;
  box-shadow: none;
  padding: 2px;
  width: 36px;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher .k-switch .k-switch-container .k-switch-handle {
  background: #FFF;
  box-shadow: 0 1px 2px 0 #1018280F, 0 1px 2px 0 #1018280F;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 0;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher .k-switch.k-switch-on .k-switch-container {
  background: #DB00A4;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher .k-switch.k-switch-on .k-switch-handle {
  left: calc(100% - 16px);
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher label span {
  line-height: 20px;
  font-size: 14px;
  color: #475467;
  display: block;
}

.w-documentmanagement .document_edit_content .document_settings .properties .properties_list .property_switcher label span.switcher_title {
  font-weight: 600;
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body #scheduled_for {
  padding: 10px 14px;
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body .approval_properties {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body .approval_properties .approval_properties_img {
  width: 20px;
  height: 20px;
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body .approval_properties .approval_properties_badges {
  display: flex;
  flex-grow: 2;
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body .approval_properties .approval_properties_badges .document_status_badge {
  flex-grow: initial;
  white-space: nowrap;
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body .approval_properties .approval_properties_actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body .approval_properties .approval_properties_actions button {
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body .approval_properties .approval_properties_actions button.approve_btn:before {
  content: url("/Shared/Images/DocumentManagement/Icons/check-white.svg");
}

.w-documentmanagement .document_edit_content .document_settings .approval .approval_card_body .approval_properties .approval_properties_actions button.reject_btn:before {
  content: url("/Shared/Images/DocumentManagement/Icons/close-white.svg");
}

.w-documentmanagement .document_edit_content .document {
  position: relative;
  border-left: 1px solid #EAECF0;
  padding: 16px 0 0;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  background: #FFF;
}

.w-documentmanagement .document_edit_content .document.status--published, .w-documentmanagement .document_edit_content .document.status--unpublished, .w-documentmanagement .document_edit_content .document.status--pendingapproval, .w-documentmanagement .document_edit_content .document.status--approved, .w-documentmanagement .document_edit_content .document.status--rejected, .w-documentmanagement .document_edit_content .document.status--scheduled {
  background: #F5F5F5;
}

.w-documentmanagement .document_edit_content .document .th_input {
  padding: 8px 12px;
  line-height: 22px;
  height: auto;
  overflow: hidden;
  width: 100%;
}

.w-documentmanagement .document_edit_content .document .th_input.k-state-focused .k-multiselect-wrap {
  box-shadow: none;
}

.w-documentmanagement .document_edit_content .document .th_input:disabled {
  background: #FAFAFA;
  opacity: 1;
  color: #A3A3A3;
}

.w-documentmanagement .document_edit_content .document .document_notification {
  padding: 16px 16px 16px 52px;
  border-radius: 12px;
  border: 1px solid transparent;
  margin: 0 32px 8px 32px;
  box-shadow: 0 1px 2px 0 #1018280D;
}

.w-documentmanagement .document_edit_content .document .document_notification.status--pendingapproval {
  border-color: #FFCA41;
  color: #B54708;
  background: #FFFCF5 url("/Shared/Images/Documentmanagement/Icons/notification-yellow.svg") no-repeat 7px 7px;
}

.w-documentmanagement .document_edit_content .document .document_notification.status--rejected, .w-documentmanagement .document_edit_content .document .document_notification.status--unpublished {
  border-color: #FDA29B;
  color: #B42318;
  background: #FFFBFA url("/Shared/Images/Documentmanagement/Icons/notification-red.svg") no-repeat 7px 7px;
}

.w-documentmanagement .document_edit_content .document .document_notification.status--published, .w-documentmanagement .document_edit_content .document .document_notification.status--scheduled, .w-documentmanagement .document_edit_content .document .document_notification.status--approved {
  border-color: #75E0A7;
  color: #067647;
  background: #F6FEF9 url("/Shared/Images/Documentmanagement/Icons/notification-green.svg") no-repeat 7px 7px;
}

.w-documentmanagement .document_edit_content .document .document_notification .notification_header {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 20px;
}

.w-documentmanagement .document_edit_content .document .document_notification .notification_body {
  font-size: 14px;
  margin: 0;
}

.w-documentmanagement .document_edit_content .document .document_preferences {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EAECF0;
  padding: 16px 32px 16px 32px;
}

.w-documentmanagement .document_edit_content .document .document_preferences .document_language_selector label {
  display: none;
}

.w-documentmanagement .document_edit_content .document .document_preferences .document_language_selector .k-dropdown {
  box-shadow: 0 1px 2px 0 #1018280D;
  background: #FFF;
}

.w-documentmanagement .document_edit_content .document .document_preferences .document_language_selector .k-dropdown .k-dropdown-wrap {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.w-documentmanagement .document_edit_content .document .document_preferences .document_language_selector .k-dropdown .k-dropdown-wrap .k-input {
  padding: 0;
  height: auto;
  width: 200px;
  text-indent: 0;
}

.w-documentmanagement .document_edit_content .document .document_preferences .document_language_selector .k-dropdown .k-dropdown-wrap .k-select {
  padding: 0;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-documentmanagement .document_edit_content .document .document_preferences .document_language_selector .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-documentmanagement .document_edit_content .document .document_preferences .document_language_selector .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  content: url("/Shared/Images/Documentmanagement/Icons/chevron-down-bigger.svg");
  width: 20px;
  height: 20px;
}

.w-documentmanagement .document_edit_content .document .document_information {
  border-bottom: 1px solid #EAECF0;
  padding: 16px 32px 16px 32px;
}

.w-documentmanagement .document_edit_content .document .document_information .document_title {
  margin: 0;
  line-height: 30px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.w-documentmanagement .document_edit_content .document .document_information .document_title .title_editable[contenteditable="plaintext-only"] {
  padding: 2px;
  outline: none;
  box-shadow: none;
  border: 1px solid #E5E5E5;
}

.w-documentmanagement .document_edit_content .document .document_information .document_title .edit_btn {
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: 0;
  background: url("/Shared/Images/Documentmanagement/Icons/edit.svg") no-repeat center center;
}

.w-documentmanagement .document_edit_content .document .document_information .document_title .save_changes_btn {
  margin-left: auto;
  display: none !important;
}

.w-documentmanagement .document_edit_content .document .document_information .document_title .save_changes_btn.shown {
  display: flex !important;
}

.w-documentmanagement .document_edit_content .document .document_information .document_edit_info {
  font-size: 12px;
  line-height: 18px;
  color: #92929D;
}

.w-documentmanagement .document_edit_content .document .document_editor {
  padding: 0 32px 16px 32px;
  height: 100%;
  flex: 1 1;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap {
  border-bottom: 1px solid #EAECF0;
  padding: 10px 0;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar {
  padding: 0;
  border: 0;
  background: transparent;
  display: flex;
  gap: 8px;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar:before {
  display: none;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group {
  display: flex;
  gap: 8px;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-widget ~ .k-widget {
  margin-inline-start: 0;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-button, .w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-picker-wrap, .w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-dropdown-wrap {
  background: transparent;
  border-radius: 4px;
  overflow: hidden;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-button.k-state-selected, .w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-picker-wrap.k-state-selected, .w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-dropdown-wrap.k-state-selected {
  border-color: inherit;
  color: inherit;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-button.k-state-focused, .w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-picker-wrap.k-state-focused, .w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-dropdown-wrap.k-state-focused {
  box-shadow: none;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-select {
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor-toolbar-wrap .k-editor-toolbar .k-select .k-i-arrow-60-down:before {
  content: url("/Shared/Images/Documentmanagement/Icons/chevron-down-bigger.svg");
  width: 20px;
  height: 20px;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor {
  padding: 0;
  border: 0;
  margin: 0;
  border: none;
  background: transparent;
  height: 100%;
  min-height: 600px;
}

.w-documentmanagement .document_edit_content .document .document_editor .k-editor .k-editable-area {
  padding: 0;
  background: transparent;
}

.w-documentmanagement .document_edit_content .document .document_editor label {
  display: none;
}

.w-documentmanagement .document_edit_content .document .document_controls {
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 16px;
  width: 100%;
  padding: 16px 36px;
  background: #FFF;
  border-top: 1px solid #EAECF0;
}

.w-documentmanagement .document_edit_content .document .document_controls .send:disabled {
  background: #A3A3A3;
}

.w-documentmanagement .document_edit_content .document .document_controls .update_languages_notification {
  font-size: 12px;
  display: none;
}

.w-documentmanagement .document_edit_content .document_status_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 2px 6px;
  border: 1px solid #D0D5DD;
  border-radius: 6px;
  font-weight: 600;
  color: #344054;
  font-size: 12px;
  background: #FFF;
}

.w-documentmanagement .document_edit_content .document_status_badge:before {
  content: '';
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.w-documentmanagement .document_edit_content .document_status_badge.status--draft:before {
  background: #FF8541;
}

.w-documentmanagement .document_edit_content .document_status_badge.status--pendingapproval:before {
  background: #FFCA41;
}

.w-documentmanagement .document_edit_content .document_status_badge.status--rejected:before, .w-documentmanagement .document_edit_content .document_status_badge.status--unpublished:before {
  background: #FF5757;
}

.w-documentmanagement .document_edit_content .document_status_badge.status--published:before, .w-documentmanagement .document_edit_content .document_status_badge.status--scheduled:before, .w-documentmanagement .document_edit_content .document_status_badge.status--approved:before {
  background: #17B26A;
}

.w-documentmanagement .document_edit_wrapper:empty {
  display: none;
}

.w-documentmanagement .w-breadcrumb {
  font-size: 14px;
  position: relative;
}

.w-documentmanagement .w-breadcrumb .item {
  font-family: Lato, sans-serif;
}

.w-documentmanagement .w-breadcrumb nav .crumbs .crumb > button:hover {
  text-decoration: none;
}

.w-documentmanagement .w-breadcrumb nav .crumbs .crumb:last-of-type .item .text {
  color: #DB00A4;
  font-weight: 600;
}

.document_confirm_modal {
  border-radius: 12px;
  overflow: hidden;
  color: #000;
  font-family: Lato, sans-serif;
}

.document_confirm_modal .k-window-titlebar {
  padding: 24px 24px 0;
  border: 0;
  align-items: flex-start;
}

.document_confirm_modal .k-window-titlebar .k-window-title {
  padding: 0;
  margin: 0;
}

.document_confirm_modal .k-window-titlebar .k-window-actions {
  margin: 0;
  margin-inline-end: 0;
  width: 24px;
  height: 24px;
}

.document_confirm_modal .k-window-titlebar .k-window-actions .k-button-icon {
  padding: 0;
  width: auto;
  height: auto;
}

.document_confirm_modal .k-window-titlebar .k-window-actions .k-button-icon .k-i-close {
  width: 24px;
  height: 24px;
  margin: 0;
}

.document_confirm_modal .k-window-titlebar .k-window-actions .k-button-icon .k-i-close:before {
  content: url("/Shared/Images/DocumentManagement/Icons/close.svg");
}

.document_confirm_modal div.k-window-content {
  padding: 16px 24px 24px;
}

.document_confirm_modal div.k-window-content .modal_wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.document_confirm_modal div.k-window-content .modal_wrap.modal_approve .modal_description {
  margin: 24px 0 0;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_header {
  margin: 0;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_description {
  font-size: 14px;
  color: #475467;
  margin: 4px 0 24px;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_description .strong {
  font-weight: 600;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field input {
  order: 1;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  box-shadow: none;
  border-color: #737373;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field input[type="radio"]:checked {
  background: #E5E5E5;
  border-color: #000;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field input[type="radio"]:checked:before {
  background-color: #000;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field label {
  order: 2;
  color: #344054;
  font-size: 16px;
  font-weight: 600;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .field_message {
  width: 100%;
  display: none;
  order: 3;
  color: #667085;
  padding-left: 32px;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .field_message .message {
  display: block;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .field_message ul {
  margin: 8px 0 0;
  padding-left: 32px;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .publish_datepicker {
  display: block;
  margin: 8px 0 0;
  font-size: 14px;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .publish_datepicker .k-datepicker .k-picker-wrap {
  border: 0;
  border-radius: inherit;
  overflow: hidden;
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .publish_datepicker .k-datepicker .k-picker-wrap .publish_date, .document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .publish_datepicker .k-datepicker .k-picker-wrap .change_publish_date {
  border: 0;
  font-size: 14px;
  padding: 10px 16px 10px 4px;
  height: auto;
  order: 2;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .publish_datepicker .k-datepicker .k-picker-wrap .publish_date::placeholder, .document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .publish_datepicker .k-datepicker .k-picker-wrap .change_publish_date::placeholder {
  color: #A3A3A3;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .publish_datepicker .k-datepicker .k-picker-wrap .k-select {
  border: 0;
  padding: 10px 4px 10px 16px;
  background: transparent;
  width: auto;
  height: auto;
  line-height: normal;
  order: 1;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_body .modal_form .form_field .publish_datepicker .k-datepicker .k-picker-wrap .k-select .k-i-calendar {
  content: url("/Shared/Images/DocumentManagement/Icons/calendar.svg");
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
}

.document_confirm_modal div.k-window-content .modal_wrap .modal_controls button {
  flex: 1 1;
}

.w-documentview * {
  box-sizing: border-box;
}

.w-documentview .documentview_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  margin: 0;
}

.w-documentview .documentview_wrap .document_panels {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  margin: 0;
}

.w-documentview .documentview_wrap .document_panels .document_panel {
  border: 1px solid #737373;
}

.w-documentview .documentview_wrap .document_panels .document_panel.panel_expanded .document_title:after {
  transform: rotate(180deg);
  transition: transform .2s ease-out;
}

.w-documentview .documentview_wrap .document_panels .document_panel.panel_expanded .document_body {
  display: block;
}

.w-documentview .documentview_wrap .document_panels .document_panel.panel_agreed .document_title:before {
  content: url("/Shared/Images/DocumentManagement/Icons/check-circle-green.svg");
  border: none;
}

.w-documentview .documentview_wrap .document_panels .document_panel .document_title {
  padding: 24px;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  line-height: 26px;
  cursor: pointer;
}

@media all and (max-width: 768px) {
  .w-documentview .documentview_wrap .document_panels .document_panel .document_title {
    padding: 16px;
    font-size: 16px;
  }
}

@media all and (max-width: 420px) {
  .w-documentview .documentview_wrap .document_panels .document_panel .document_title {
    flex-wrap: wrap;
  }
}

.w-documentview .documentview_wrap .document_panels .document_panel .document_title:before {
  content: '';
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 100%;
  border: 1px dashed #737373;
}

.w-documentview .documentview_wrap .document_panels .document_panel .document_title:after {
  content: url("/Shared/Images/DocumentManagement/Icons/chevron-down-bigger.svg");
  width: 20px;
  height: 20px;
  transform-origin: center;
  transition: transform .2s ease-out;
}

.w-documentview .documentview_wrap .document_panels .document_panel .document_title span {
  font-weight: normal;
  line-height: inherit;
  white-space: nowrap;
  margin-left: auto;
}

.w-documentview .documentview_wrap .document_panels .document_panel .document_body {
  position: relative;
  display: none;
  max-height: 500px;
  overflow-y: scroll;
  padding: 0 24px 0;
}

@media all and (max-width: 768px) {
  .w-documentview .documentview_wrap .document_panels .document_panel .document_body {
    padding: 0 16px;
  }
}

.w-documentview .documentview_wrap .document_panels .document_panel .document_body_actions {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, white 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}

.w-documentview .documentview_wrap .additional_verification {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.w-documentview .documentview_wrap .additional_verification .verification_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.w-documentview .documentview_wrap .additional_verification .verification_item input[type="checkbox"] {
  display: initial;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: none;
}

.w-documentview .documentview_wrap .additional_verification .verification_item input[type="checkbox"]:checked {
  background: #000;
  border-color: #000;
}

.w-documentview .documentview_wrap .additional_verification .verification_item label {
  margin: 0;
  font-size: 16px;
  line-height: 16px;
}

.allergies th {
  text-align: left;
}

.allergies .remove img {
  padding-left: 20px;
  cursor: pointer;
}

.w-edit-mode {
  position: fixed;
  left: 0;
  bottom: 40px;
  z-index: 900001;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -moz-transform: rotate(90deg) translateX(-100%);
  -ms-transform: rotate(90deg) translateX(-100%);
  -o-transform: rotate(90deg) translateX(-100%);
  -webkit-transform: rotate(90deg) translateX(-100%);
  transform: rotate(90deg) translateX(-100%);
  margin: 0;
}

.w-edit-mode .tab {
  cursor: pointer;
  font-size: 0.8em;
  border-radius: 10px 0 0 0;
  background-color: #ffd800;
  border: 1px solid #ccc;
  padding: 2px 5px 2px 10px;
  display: inline;
}

.w-edit-mode .hasGlobalJS::after,
.w-edit-mode .hasGlobalCSS::after {
  content: "*";
}

.w-edit-mode .hasGlobalJS.hasPageJS::after, .w-edit-mode .hasGlobalJS.hasPageCSS::after,
.w-edit-mode .hasGlobalCSS.hasPageJS::after,
.w-edit-mode .hasGlobalCSS.hasPageCSS::after {
  content: "*+";
}

.w-edit-mode .hasPageJS::after,
.w-edit-mode .hasPageCSS::after {
  content: "+";
}

.w-edit-mode .hasGlobalJS,
.w-edit-mode .hasGlobalCSS,
.w-edit-mode .hasPageJS,
.w-edit-mode .hasPageCSS {
  font-weight: bold;
  background-color: #ff9d00;
}

.k-rtl .w-edit-mode {
  left: auto;
  right: 0;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.event-not-approved {
  background-image: url(/Shared/Images/Events/platformicons/not-approved) !important;
  background-repeat: repeat !important;
}

.event-panel {
  border-right: #708090 1px dotted;
  padding-right: 10px;
  border-top: #708090 1px dotted;
  padding-left: 10px;
  padding-bottom: 10px;
  border-left: #708090 1px dotted;
  color: #000080;
  padding-top: 10px;
  border-bottom: #708090 1px dotted;
  background-color: #ffffe1;
  margin: 0 10px 10px 10px;
}

.event-panel .not-approved,
.event-panel .is-approved {
  font-size: .7em;
}

.event-tip-template {
  margin: .3em;
}

.event-tip-template .members {
  width: 300px;
}

.EventTooltip {
  max-width: 400px;
  font-size: 12px;
}

.EventContent {
  padding-left: 2px;
}

.EventNotApproved .rsAptContent {
  background-image: url(/Shared/Images/Events/platformicons/not-approved) !important;
  background-repeat: repeat !important;
}

.event-tip-template.EventTooltip h3 {
  margin-top: 0px;
  margin-bottom: 3px;
  margin-left: 3px;
}

.EventTooltip .header img {
  position: relative;
  top: 3px;
}

.EventTooltip .dates {
  color: #cccccc;
  font-weight: bold;
  display: block;
  padding-left: 5px;
}

.EventTooltip .addtocalendar {
  font-size: 10px;
  color: #aaaaaa;
  text-decoration: none;
}

.EventTooltip .addtocalendar:hover {
  text-decoration: underline;
}

.EventTooltip .owner {
  font-weight: bold;
}

.EventTooltip .description {
  padding: 5px;
}

.EventTooltip .attendedlinks {
  float: right;
}

.k-rtl .EventTooltip .attendedlinks {
  float: left;
}

.k-mobile .w-eventCalendar .timeZonePicker {
  display: none;
}

.k-mobile .w-eventCalendar .km-pane-wrapper {
  left: 0;
  position: relative;
}

.k-scheduler-edit-form .k-edit-form-container {
  width: 100%;
}

.event-edit #location {
  width: 100%;
}

.w-executivedonut {
  background-color: transparent;
}

.w-executivedonut .title {
  font-size: 2em;
  color: #333;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

.page-master .w-executivedonut .k-chart {
  height: 250px !important;
  /* hack to override bad css in leapfrog skin */
}

.w-executivekpi {
  background-color: transparent;
}

.w-executivekpi .title {
  font-size: 2em;
  color: #333;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

.w-executivekpi .top,
.w-executivekpi .others {
  text-align: center;
}

.w-executivekpi .others img {
  transform: scale(0.7, 0.7);
}

.w-executivekpi .value {
  font-size: 5em;
  color: #333;
}

.w-executivekpi .others .value {
  font-size: 3em;
  color: #333;
}

.w-executivekpi .k-chart text {
  fill: #333;
  color: #333;
}

@media (max-width: 700px) {
  .w-executivekpi .value {
    font-size: 3em;
  }
  .w-executivekpi .others .value {
    font-size: 1.5em;
  }
}

.w-executiverisks {
  background-color: transparent;
}

.w-executiverisks .risk {
  padding: 30px 60px 30px 60px;
}

.w-executiverisks .risk-whole {
  width: 100%;
  height: 20px;
  background-color: #e4e4e4;
  position: relative;
}

.w-executiverisks .risk-fill {
  width: 0;
  height: 100%;
  background-color: #30a6e0;
  position: absolute;
  top: 0;
}

.w-executiverisks .risk-value {
  color: #333;
  font-size: 3em;
}

.w-executiverisks .risk-total {
  color: #333;
  font-size: 1.5em;
  padding-right: 20px;
}

.w-executiverisks .risk-locale {
  color: #333;
  font-size: 1.5em;
}

.w-executiverisks .title {
  font-size: 2em;
  color: #333;
  margin-top: 0.5em;
}

.w-fillGraph {
  background-color: rgba(100, 100, 100, 0.3);
  width: 150px;
  position: relative;
  text-align: center;
}

.w-fillGraph .child {
  height: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.w-fillGraph .content {
  color: white;
  position: absolute;
  padding-top: 25px;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.w-fillGraph .percent {
  font-size: 3em;
  color: white;
}

.w-fillGraph .icon {
  padding-top: 30px;
}

.w-fillGraph .title {
  padding-top: 5px;
}

w-formuploadalert .k-grid-content {
  max-height: 500px;
}

.w-gcibalance .remaining-balance {
  font-size: 1.2em;
}

.w-gcibalance .remaining-balance .value {
  font-weight: bold;
}

.w-gcibalance .total-balance {
  font-size: 0.7em;
}

.w-gcibalance .marketplace {
  display: block;
  margin-top: 0.5em;
}

.w-gender {
  font-family: Lato, sans-serif;
  color: #000;
  display: flex;
  flex-direction: column;
}

.w-gender .gender-locale .locale-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.w-gender .gender-locale .locale-wrapper .gender-inherited {
  margin-right: auto;
}

.w-gender .gender-locale .locale-wrapper .k-button:hover {
  background: #000;
}

.w-gender .gender-locale .locale-wrapper .k-dropdown {
  box-shadow: 0 1px 2px 0 #1018280D;
  background: #FFF;
  padding: 8px 12px;
  line-height: 22px;
  height: auto;
  overflow: hidden;
}

.w-gender .gender-locale .locale-wrapper .k-dropdown .k-dropdown-wrap {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.w-gender .gender-locale .locale-wrapper .k-dropdown .k-dropdown-wrap .k-input-value-text {
  padding: 0;
  height: auto;
}

.w-gender .gender-locale .locale-wrapper .k-dropdown .k-dropdown-wrap .k-select {
  padding: 0;
  width: 20px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-gender .gender-locale .locale-wrapper .k-dropdown .k-dropdown-wrap .k-select:hover {
  background: inherit;
}

.w-gender .gender-locale .locale-wrapper .k-dropdown .k-dropdown-wrap .k-select .k-svg-i-caret-alt-down {
  width: 20px;
  height: 20px;
}

.w-gender .gender-locale .locale-wrapper .k-dropdown .k-dropdown-wrap .k-select .k-svg-i-caret-alt-down:before {
  content: url("/Shared/Images/Documentmanagement/Icons/chevron-down-bigger.svg");
  width: 20px;
  height: 20px;
}

.w-gender .gender-locale .locale-wrapper .k-dropdown .k-dropdown-wrap .k-select .k-svg-i-caret-alt-down svg {
  display: none;
}

.w-gender .gender-instructions {
  margin: 4px 0 24px;
  color: #475467;
  font-size: 14px;
}

.w-gender .gender-list {
  margin-top: 8px;
}

#gender_edit_save {
  background: #000;
  color: #FFF;
  border: 0;
}

.gender_edit_wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.gender_edit_wrap .okcancel {
  margin-top: auto;
}

.w-goal-program .k-in {
  width: 90%;
}

.w-goal-program .progress-goal {
  white-space: normal;
  background-repeat: no-repeat;
  padding-left: 1.5rem;
}

.w-goal-program .progress-goal-level0 {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/participants.svg");
}

.w-goal-program .progress-goal-level1 {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/star.svg");
}

.w-goal-program .progress-goal-level2 {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/clock.svg");
}

.w-goal-program .progress-goal-level3 {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/steps-icon.svg");
}

.w-goal-program .goal-details {
  display: inline-block;
  float: right;
  width: 27em;
  font-size: 0.75rem;
}

.w-goal-program .goal-dates {
  display: inline-block;
  width: 20em;
}

.w-goal-program .goal-progress {
  display: inline-block;
  text-align: right;
  width: 5rem;
}

.w-goal-program .current-date {
  margin-top: 0.35rem;
}

.w-goal-program .prevWeek {
  margin: 0.2rem 0.25rem 0 0;
  cursor: pointer;
}

.w-goal-program .nextWeek {
  margin: 0.2rem 0.5rem 0 0.25rem;
  cursor: pointer;
}

.w-goal-program .status-closed {
  text-decoration: line-through;
}

@media (max-width: 400px) {
  .w-goal-program .goal-details {
    display: none;
  }
}

.w-goals {
  position: relative;
}

.w-goals .has-reminders {
  margin-left: 5px;
  vertical-align: middle;
  height: 15px;
}

.w-goals .goalProgress {
  width: 12%;
  height: 32px;
  padding: .5em 0;
  margin-right: 2px;
  position: relative;
  overflow: hidden;
}

.w-goals .goalProgress.activityGoalItem, .w-goals .goalProgress.trackerGoalItem, .w-goals .goalProgress.trackerItemGoalItem, .w-goals .goalProgress.measurementGoalItem {
  cursor: pointer;
}

.w-goals .goalProgress.onTrack {
  border-bottom: 4px solid #B6D7A8;
}

.w-goals .goalProgress.atRisk {
  border-bottom: 4px solid #F9CB9C;
}

.w-goals .goalProgress.warning {
  border-bottom: 4px solid #FF9999;
}

.w-goals .textGoals {
  margin-bottom: 2em;
}

.w-goals .textHeader {
  font-weight: bold;
  font-size: 0.875em;
}

.w-goals .textHeader a {
  font-weight: normal;
  font-size: 0.875em;
}

.w-goals .goalHeader {
  /*margin-bottom: 10px;*/
}

.w-goals .goalProgressHeader {
  width: 12%;
  margin-top: 0.2em;
  margin-right: 2px;
  padding-bottom: 10px;
  position: relative;
}

.w-goals .prevWeek {
  width: 15px;
  margin-right: 10px;
  margin-top: 18px;
  cursor: pointer;
}

.w-goals .nextWeek {
  width: 15px;
  margin-top: 18px;
  cursor: pointer;
}

.w-goals .goalRow {
  background-image: url(/shared/images/icons/grab-icon.png);
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-color: #eaeaea;
  cursor: move;
}

.w-goals .goalRow.altRow {
  background-color: #fff;
}

.w-goals .goalList .desc {
  padding: .5em 0 .5em 2em;
}

.w-goals .currentDay {
  background: lightgrey;
}

.w-goals div.progress {
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  font-size: 0.8em;
  text-align: center;
  position: absolute;
  right: 6px;
  top: 6px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  z-index: 1;
  background-color: #3A9BDF;
  border-radius: 50%;
}

.w-goals .activityPopup,
.w-goals .measurementPopup {
  position: absolute;
  white-space: nowrap;
  display: none;
  background: lightgrey;
  padding: 15px;
  border-radius: 0 5px 5px 5px;
  box-shadow: 4px 4px 8px #999999;
  opacity: 0.95;
  z-index: 2;
}

.w-goals .activityPopup #txtMinutes {
  /*width: 30px;*/
}

.w-goals .activityGoalItemSelected,
.w-goals .measurementGoalItemSelected {
  background: lightgrey;
  border-radius: 3px 3px 0 0;
  opacity: 0.95;
}

.w-goals .activityGoalItemHover,
.w-goals .measurementGoalItemHover {
  background: lightgrey;
  border-radius: 3px 3px 3px 3px;
  opacity: 0.95;
}

.w-goals .highlight {
  font-weight: bold;
}

.hint {
  background-color: lightgrey;
  opacity: 0.95;
}

@media (max-width: 800px) {
  .w-goals .goalRow,
.w-goals .goalRow.altRow {
    background-image: none;
  }
  .w-goals .goalList .desc {
    padding: .5em 0;
  }
  .w-goals .goalProgressHeader.currentDay,
.w-goals .goalProgress.currentDay {
    background-color: transparent;
  }
  .w-goals .goalProgress {
    width: 13%;
  }
}

.hf-widget-style .modal,
.w-healthfeed .hfw .modal {
  z-index: 13000;
}

.hf-library-frame {
  width: 100%;
  height: 2880px;
}

.select2-drop {
  z-index: 13001 !important;
}

html body.hf-modal-open {
  position: inherit;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.border-radius--sm, #article_sort-list, .library_wrap .library_content .content_articles .articles__settings .settings_handler, .library_wrap .library_content .content_articles .articles__empty .empty__button, .library_wrap .library_content .item_badge, .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-item label, .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-list-item label, .library_wrap .library_nav .library__article_search label .article_search {
  border-radius: 8px;
}

.border-radius--m, .library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item, .library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide, .library_wrap .library_content .content_featured .featured_slider {
  border-radius: 15px;
}

.library_wrap {
  display: grid;
  grid-template-columns: 282px 1fr;
  grid-template-areas: "nav content" "pager pager";
  gap: 32px;
  font-family: Lato, sans-serif;
  max-width: 1280px;
  margin: 0 auto;
}

@media all and (max-width: 1024px) {
  .library_wrap {
    display: flex;
    flex-direction: column;
  }
}

.library_wrap * {
  box-sizing: border-box;
}

.library_wrap .library_header {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Poppins, sans-serif;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_header {
    margin-bottom: 16px;
  }
}

.library_wrap .library_nav {
  grid-area: nav;
  justify-self: end;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 16px;
  background: #F5F5F5;
  border-radius: 16px;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_nav {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    gap: 40px;
    background: none;
    padding: 0;
    border-radius: 0 !important;
  }
}

.library_wrap .library_nav label {
  display: block;
  width: 100%;
}

.library_wrap .library_nav .library__article_search label {
  position: relative;
}

.library_wrap .library_nav .library__article_search label:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/Library/Icons/search.svg") no-repeat center center/contain;
  z-index: 1;
}

.library_wrap .library_nav .library__article_search label .article_search {
  width: 100%;
  border: 1px solid #D0D5DD;
  padding: 12px 14px 12px 44px;
  height: 100%;
  color: #0F0F0F;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 16px;
}

.library_wrap .library_nav .library__article_search label .article_search::placeholder {
  color: #A3A3A3;
}

.library_wrap .library_nav .nav__filters_wrap {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_nav .nav__filters_wrap {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 24px 12px;
    background: #F5F5F5;
    max-width: 512px;
    max-height: 100%;
    z-index: 9999;
    overflow: auto;
  }
}

@media all and (min-width: 1024px) {
  .library_wrap .library_nav .nav__filters_wrap {
    display: flex !important;
  }
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering:not(:last-of-type) {
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E5E5;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_nav .nav__filters_wrap .article_filtering:not(:last-of-type) {
    padding-bottom: 12px;
  }
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-item, .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-list-item {
  padding: 0;
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-item label, .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-list-item label {
  font-size: 16px;
  color: #0F0F0F;
  padding: 8px 12px;
  font-weight: 600;
  margin: 0;
  line-height: 24px;
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-item input[type=checkbox], .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-list-item input[type=checkbox] {
  display: none;
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-item input[type=checkbox]:checked + label, .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-list-item input[type=checkbox]:checked + label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-item input[type=checkbox]:checked + label:after, .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-list-item input[type=checkbox]:checked + label:after {
  content: url("/Shared/Images/Library/Icons/check.svg");
  position: relative;
  width: 24px;
  height: 24px;
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-item .label-active, .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-list-item .label-active {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-item .label-active:after, .library_wrap .library_nav .nav__filters_wrap .article_filtering .k-checkbox-list .k-checkbox-list-item .label-active:after {
  content: url("/Shared/Images/Library/Icons/check.svg");
  position: relative;
  width: 24px;
  height: 24px;
}

.library_wrap .library_nav .nav__filters_wrap .article_filtering .see_more_btn {
  display: none;
  position: relative;
  background: #FFF;
  border-radius: 10px;
  font-size: 16px;
  text-align: center;
  width: 100%;
  padding: 10px;
  font-family: inherit;
  font-weight: 600;
  margin-top: 12px;
  cursor: pointer;
  border: 1px solid #737373;
  color: #525252;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_nav .nav__filters_wrap .article_filtering .see_more_btn {
    border: 0;
    background: transparent;
    text-align: left;
    color: #000;
    padding-left: 28px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
  }
  .library_wrap .library_nav .nav__filters_wrap .article_filtering .see_more_btn:after {
    right: auto;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("/Shared/Images/Library/Icons/arrow-narrow-down-black.svg") no-repeat center center/contain;
  }
}

.library_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item.type--All .k-checkbox-label:before {
  background: url("/Shared/Images/Library/Icons/types-all.svg") no-repeat center center/contain;
}

.library_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item.type--Text .k-checkbox-label:before {
  background: url("/Shared/Images/Library/Icons/types-articles.svg") no-repeat center center/contain;
}

.library_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item.type--Link .k-checkbox-label:before {
  background: url("/Shared/Images/Library/Icons/types-link.svg") no-repeat center center/contain;
}

.library_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item.type--Document .k-checkbox-label:before {
  background: url("/Shared/Images/Library/Icons/types-document.svg") no-repeat center center/contain;
}

.library_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item.type--Video .k-checkbox-label:before {
  background: url("/Shared/Images/Library/Icons/types-videos.svg") no-repeat center center/contain;
}

.library_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item .k-checkbox-label {
  position: relative;
  padding-left: 48px !important;
}

.library_wrap .library_nav .nav__filters_wrap .types_list .k-checkbox-item .k-checkbox-label:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  width: 24px;
  height: 24px;
}

.library_wrap .library_nav .nav__filters_wrap .article_filter_toggle {
  display: none;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  border: 0;
  background: url("/Shared/Images/Library/Icons/x-close.svg") no-repeat center center/contain;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_nav .nav__filters_wrap .article_filter_toggle {
    display: block;
  }
}

.library_wrap .library_content {
  grid-area: content;
}

.library_wrap .library_content .item_badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(255, 255, 255, 0.79);
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 17px;
  padding: 4px 8px;
  overflow: hidden;
  z-index: 1;
  max-width: 93%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.library_wrap .library_content .item_preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .item_preview {
    gap: 12px;
  }
}

.library_wrap .library_content .item_preview .item_estimate {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .item_preview .item_estimate {
    font-size: 12px;
  }
}

.library_wrap .library_content .item_preview .item_action {
  letter-spacing: 1px;
}

.library_wrap .library_content .item_preview .item_action button {
  color: #0F0F0F;
  background: none;
  border: 0;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: .8px;
}

.library_wrap .library_content .item_preview .item_action button.action_read:after {
  content: url("/Shared/Images/EmployerSolution/Icons/chevron-right-black.svg");
  width: 20px;
  height: 20px;
}

.library_wrap .library_content .item_preview .item_action button.action_play:before {
  content: url("/Shared/Images/EmployerSolution/Icons/play-black.svg");
  width: 20px;
  height: 20px;
}

.library_wrap .library_content .content_featured {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_featured {
    margin-bottom: 40px;
  }
}

.library_wrap .library_content .content_featured .featured_header {
  margin-bottom: 0;
}

.library_wrap .library_content .content_featured .featured_slider {
  height: 360px;
  border: 0;
  margin: 16px 0 32px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_featured .featured_slider {
    margin-bottom: 0;
  }
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page {
  width: 100% !important;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide {
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("/Shared/images/library/banners/placeholder.png") no-repeat center center/cover;
}

@media all and (max-width: 480px) {
  .library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide {
    background: url("/Shared/images/library/banners/placeholder-m.png") no-repeat top center/cover;
  }
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content {
  height: 100%;
  color: #FFF;
  width: 100%;
  background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 75%) no-repeat center center/cover;
  padding: 20px 30px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content .item_content {
  max-width: 50%;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content .item_content {
    max-width: 100%;
  }
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content .item_content .item_estimate {
  background: #000;
  border-radius: 5px;
  padding: 4px 8px;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content .item_content .item_title {
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
  white-space: normal;
  max-height: 195px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-family: Poppins, sans-serif;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content .item_content .item_action {
  letter-spacing: 1px;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content .item_content .item_action button {
  color: #FFF;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content .item_content .item_action button.action_read:before {
  background: url("/Shared/Images/Library/Icons/chevron-right-white.svg") no-repeat center center/contain;
  content: '';
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-page .featured__slide .slide_content .item_content .item_action button.action_play:before {
  background: url("/Shared/Images/Library/Icons/play-white.svg") no-repeat center center/contain;
  content: '';
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-elements {
  display: none;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-elements .k-scrollview-prev, .library_wrap .library_content .content_featured .featured_slider .k-scrollview-elements .k-scrollview-next {
  display: none !important;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-elements .k-scrollview-nav-wrap {
  height: 20px;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_featured .featured_slider .k-scrollview-elements .k-scrollview-nav-wrap {
    display: none;
  }
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-elements .k-scrollview-nav-wrap .k-scrollview-nav {
  padding: 0;
  overflow: unset;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-elements .k-scrollview-nav-wrap .k-scrollview-nav .k-link {
  background: #D9D9D9;
  width: 6px;
  height: 6px;
  box-shadow: none !important;
  margin: 0 6px;
}

.library_wrap .library_content .content_featured .featured_slider .k-scrollview-elements .k-scrollview-nav-wrap .k-scrollview-nav .k-link.k-primary {
  background: #000;
}

.library_wrap .library_content .content_featured .featured_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-weight: 400;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_featured .featured_nav {
    order: 3;
    width: 100%;
    margin-top: 16px;
  }
}

.library_wrap .library_content .content_featured .featured_nav .nav__info {
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_featured .featured_nav .nav__info {
    order: 2;
    margin: 0 auto;
  }
}

.library_wrap .library_content .content_featured .featured_nav .nav__info span {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6D6D6D;
}

.library_wrap .library_content .content_featured .featured_nav .nav__info span.featured_current:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #535353;
  margin: 0 8px;
}

.library_wrap .library_content .content_featured .featured_nav .nav__info span.featured_total {
  color: #C5C5C5;
}

.library_wrap .library_content .content_featured .featured_nav .nav__info span.featured_total.last {
  color: #000;
}

.library_wrap .library_content .content_featured .featured_nav .featured_nav_btn {
  width: 40px;
  height: 40px;
  border: 0;
  cursor: pointer;
}

.library_wrap .library_content .content_featured .featured_nav .featured_nav_btn:disabled {
  opacity: .2;
  cursor: default;
}

.library_wrap .library_content .content_featured .featured_nav .featured_nav_btn.featured_prev {
  background: url("/Shared/Images/Library/Icons/arrow-circle-left.svg") no-repeat center center/contain;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_featured .featured_nav .featured_nav_btn.featured_prev {
    order: 1;
  }
}

.library_wrap .library_content .content_featured .featured_nav .featured_nav_btn.featured_next {
  background: url("/Shared/Images/Library/Icons/arrow-circle-right.svg") no-repeat center center/contain;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_featured .featured_nav .featured_nav_btn.featured_next {
    order: 3;
  }
}

.library_wrap .library_content .content_articles.empty .articles__empty {
  display: block;
}

.library_wrap .library_content .content_articles.empty .articles__settings {
  display: none;
}

.library_wrap .library_content .content_articles.empty .articles__list {
  display: none;
}

.library_wrap .library_content .content_articles .articles__list {
  border: 0;
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 22px;
  flex-wrap: wrap;
  overflow: inherit;
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item {
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
  flex: 1 1;
  flex-basis: 30%;
  justify-content: stretch;
  max-width: 320px;
  overflow: hidden;
}

@media all and (max-width: 720px) {
  .library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item {
    flex-basis: 47%;
    min-width: 256px;
    max-width: none;
  }
}

@media all and (max-width: 480px) {
  .library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item {
    flex-basis: 100%;
  }
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item:hover .item_image {
  transition: transform .3s;
  transform: scale(1.1);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: center !important;
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_thumbnail {
  position: relative;
  font-size: 0;
  height: 160px;
  overflow: hidden;
  cursor: pointer;
}

@media all and (max-width: 720px) {
  .library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_thumbnail {
    height: 193px;
  }
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_thumbnail .item_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: center !important;
  transition: transform .3s;
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_thumbnail .play_button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: url("/Shared/Images/Library/Icons/play-btn.png") no-repeat center center/contain;
  z-index: 1;
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_content {
  padding: 15px 20px;
  flex-grow: 2;
}

@media all and (max-width: 720px) {
  .library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_content {
    padding: 12px;
  }
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_content .item_estimate {
  color: #424242;
}

.library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_content .item_title {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #000;
  flex-grow: 2;
  font-family: Poppins, sans-serif;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_articles .articles__list .k-listview-content .library_item .item_content .item_title {
    font-size: 18px;
  }
}

.library_wrap .library_content .content_articles .articles__empty {
  display: none;
  background: url("/Shared/Images/Library/Banners/no-articles.png") no-repeat center top/contain;
  padding-top: 352px;
  padding-bottom: 18px;
  text-align: center;
  max-width: 352px;
  margin: 0 auto;
}

@media all and (max-width: 400px) {
  .library_wrap .library_content .content_articles .articles__empty {
    padding-top: 80vw;
  }
}

.library_wrap .library_content .content_articles .articles__empty .empty__header {
  font-size: 18px;
  font-weight: 600;
}

.library_wrap .library_content .content_articles .articles__empty .empty__text {
  font-size: 14px;
  margin: 8px auto 32px;
}

.library_wrap .library_content .content_articles .articles__empty .empty__button {
  background: transparent;
  border: 1px solid #D0D5DD;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 10px 18px;
  cursor: pointer;
  font-family: Lato, sans-serif;
  color: #000;
}

.library_wrap .library_content .content_articles .articles__settings {
  margin-bottom: 32px;
  text-align: right;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_articles .articles__settings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
  }
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler {
  border: 1px solid #D0D5DD;
  padding: 12px 14px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background: transparent;
  font-size: 16px;
  position: relative;
  line-height: 20px;
  font-family: Poppins, sans-serif;
  color: #000;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_articles .articles__settings .settings_handler {
    width: 50%;
    font-size: 14px;
  }
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .sort_placeholder {
  display: flex;
  align-items: center;
  height: 20px;
  color: #C5C5C5;
  margin-right: 4px;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .sort_placeholder {
    color: #000;
    margin-right: 8px;
  }
  .library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .sort_placeholder span {
    display: none;
  }
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown {
  width: auto;
  font-size: inherit;
  height: 20px;
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown .k-dropdown-wrap {
  width: 100%;
  border: 0;
  color: inherit;
  background: none;
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown .k-dropdown-wrap.k-state-focused {
  box-shadow: none;
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown .k-dropdown-wrap.k-state-active .k-select .k-icon:before {
  transform: rotate(0);
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown .k-dropdown-wrap .k-input {
  padding: 0;
  height: auto;
  margin-right: 14px;
  color: #525252;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown .k-dropdown-wrap .k-input {
    display: none;
  }
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown .k-dropdown-wrap .k-select {
  padding: 0;
  background: transparent;
  width: auto;
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  padding: 0;
  width: 20px;
  height: 20px;
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler#article_sort_label .k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
  content: url("/Shared/Images/EmployerSolution/Icons/chevron-up-black.svg");
  transform: rotate(180deg);
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler.article_filter_toggle {
  display: none;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_content .content_articles .articles__settings .settings_handler.article_filter_toggle {
    display: inline-flex;
  }
}

.library_wrap .library_content .content_articles .articles__settings .settings_handler.article_filter_toggle:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/Library/Icons/filter-lines.svg") no-repeat center center/contain;
}

.library_wrap .library_pager {
  grid-area: pager;
  justify-self: end;
  border-top: 1px solid #EAECF0;
  padding: 20px 0 0;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media all and (max-width: 1024px) {
  .library_wrap .library_pager {
    margin: 0;
  }
}

.library_wrap .library_pager #pager {
  width: 100%;
  padding: 0;
  position: relative;
  max-width: 966px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.library_wrap .library_pager #pager:after {
  display: none !important;
}

.library_wrap .library_pager #pager .k-pager-numbers-wrap {
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}

@media all and (max-width: 720px) {
  .library_wrap .library_pager #pager .k-pager-numbers-wrap .k-dropdown {
    display: none !important;
  }
}

.library_wrap .library_pager #pager .k-pager-numbers-wrap .k-link {
  color: #0F0F0F;
  font-weight: 500;
  width: 40px;
  height: 40px;
  transition: background-color .3s;
  border-radius: 100%;
}

.library_wrap .library_pager #pager .k-pager-numbers-wrap .k-link:hover {
  background: #FAFAFA;
  text-decoration: none;
  transition: background-color .3s;
}

.library_wrap .library_pager #pager .k-pager-numbers-wrap .k-link.k-state-selected {
  background: #FAFAFA;
}

.library_wrap .library_pager #pager .k-pager-numbers-wrap .k-pager-numbers .k-button {
  color: #0F0F0F;
  font-weight: 500;
  width: 40px;
  height: 40px;
  transition: background-color .3s;
  border-radius: 100%;
}

.library_wrap .library_pager #pager .k-pager-numbers-wrap .k-pager-numbers .k-button:hover {
  background: #FAFAFA;
  text-decoration: none;
  transition: background-color .3s;
}

.library_wrap .library_pager #pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-selected {
  background: #FAFAFA;
}

.library_wrap .library_pager #pager .k-pager-nav {
  color: #737373;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  padding: 0;
  font-family: Poppins, sans-serif;
  letter-spacing: 0.04em;
}

@media all and (max-width: 720px) {
  .library_wrap .library_pager #pager .k-pager-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 40px;
    border: 1px solid #737373;
    border-radius: 10px;
  }
}

.library_wrap .library_pager #pager .k-pager-nav:hover {
  color: #6D6D6D;
}

.library_wrap .library_pager #pager .k-pager-nav .k-24-nav-title-prev {
  margin-right: 10px;
}

.library_wrap .library_pager #pager .k-pager-nav .k-24-nav-title-next {
  margin-left: 10px;
}

@media all and (max-width: 720px) {
  .library_wrap .library_pager #pager .k-pager-nav .nav-title, .library_wrap .library_pager #pager .k-pager-nav .k-24-nav-title-prev, .library_wrap .library_pager #pager .k-pager-nav .k-24-nav-title-next {
    display: none;
  }
}

@media all and (max-width: 720px) {
  .library_wrap .library_pager #pager .k-pager-nav.nav-next {
    margin-left: auto;
  }
}

.library_wrap .library_pager #pager .k-pager-nav .k-icon.k-i-arrow-60-right {
  margin-left: 8px;
}

@media all and (max-width: 720px) {
  .library_wrap .library_pager #pager .k-pager-nav .k-icon.k-i-arrow-60-right {
    margin: 0;
  }
}

.library_wrap .library_pager #pager .k-pager-nav .k-icon.k-i-arrow-60-right:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/Library/Icons/arrow-right.svg") no-repeat center center/contain;
}

.library_wrap .library_pager #pager .k-pager-nav .k-icon.k-i-arrow-60-left {
  margin-right: 8px;
}

@media all and (max-width: 720px) {
  .library_wrap .library_pager #pager .k-pager-nav .k-icon.k-i-arrow-60-left {
    margin: 0;
  }
}

.library_wrap .library_pager #pager .k-pager-nav .k-icon.k-i-arrow-60-left:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/Library/Icons/arrow-left.svg") no-repeat center center/contain;
}

.library_wrap .library_pager #pager .k-pager-first, .library_wrap .library_pager #pager .k-pager-last {
  display: none;
}

.library_wrap .library_pager #pager .k-pager-info {
  display: none;
}

.library_wrap .library_pager .page-info {
  display: none;
}

@media all and (max-width: 720px) {
  .library_wrap .library_pager .page-info {
    display: block;
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

#article_sort-list {
  top: 22px;
  border: 1px solid #D0D5DD;
  overflow: hidden;
}

#article_sort-list .k-list .k-item {
  padding: 11px 16px;
}

.article__container {
  display: none;
  opacity: 0;
}

.w-healthTip .Controls {
  padding: 5px;
  font-size: 10px;
  color: #333333;
}

.w-healthTip table {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.w-healthTip img {
  max-width: 100%;
}

.healthTipWidget.hide {
  display: none;
}

.healthTipWidget.hide.edit {
  display: block;
}

.w-healthtip-slider .healthtip-container {
  padding: 0 60px;
}

.w-healthtip-slider .healthtip-container.no-padding {
  padding: 0 0;
}

.w-healthtip-slider .healthtip {
  position: relative;
  padding-bottom: 25px;
}

.w-healthtip-slider .continue-reading {
  position: absolute;
  bottom: 0;
}

.w-healthtip-slider .bx-wrapper .bx-next, .w-healthtip-slider .bx-wrapper .bx-prev {
  background: url(/shared/templates/wcompass1/images/slider-controls-alt-dark.png) no-repeat;
}

.w-healthtip-slider .bx-wrapper a.bx-next {
  background-position: -45px 0;
  right: -60px;
  left: auto;
  height: 72px;
  width: 45px;
}

.w-healthtip-slider .bx-wrapper a.bx-prev {
  background-position: 0 0;
  left: -60px;
  right: auto;
  height: 72px;
  width: 45px;
}

.w-healthtip-slider .bx-wrapper a.bx-next:hover {
  background-position: -45px -80px;
}

.w-healthtip-slider .bx-wrapper a.bx-prev:hover {
  background-position: 0 -80px;
}

.w-healthtip-content table {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.w-healthtip-content img {
  max-width: 100%;
}

.widget .HistoryImage {
  cursor: pointer;
}

.w-historyWidget {
  display: inline;
  vertical-align: middle;
}

.chtSharedTooltip .history-tooltip-body {
  max-height: 25em;
  overflow: auto;
}

.HistoryTooltip,
.ActivityHistoryTooltip,
.SleepHistoryTooltip,
.TrackerHistoryTooltip,
.History-BloodPressureTooltip {
  border-collapse: collapse;
}

.HistoryTooltip .text-right,
.ActivityHistoryTooltip .text-right,
.SleepHistoryTooltip .text-right,
.TrackerHistoryTooltip .text-right,
.History-BloodPressureTooltip .text-right {
  text-align: right;
}

.HistoryTooltip .moreLink,
.ActivityHistoryTooltip .moreLink,
.SleepHistoryTooltip .moreLink,
.TrackerHistoryTooltip .moreLink,
.History-BloodPressureTooltip .moreLink {
  font-size: 0.625em;
}

.HistoryTooltip .CurrentRow TD,
.ActivityHistoryTooltip .CurrentRow TD,
.SleepHistoryTooltip .CurrentRow TD,
.TrackerHistoryTooltip .CurrentRow TD,
.History-BloodPressureTooltip .CurrentRow TD {
  color: #0000ff;
  font-weight: bold;
}

.HistoryTooltip TH,
.ActivityHistoryTooltip TH,
.SleepHistoryTooltip TH,
.TrackerHistoryTooltip TH,
.History-BloodPressureTooltip TH {
  text-align: left;
}

.HistoryTooltip .AltRow TD,
.HistoryTooltip .Row TD,
.HistoryTooltip TH,
.ActivityHistoryTooltip .AltRow TD,
.ActivityHistoryTooltip .Row TD,
.ActivityHistoryTooltip TH,
.SleepHistoryTooltip .AltRow TD,
.SleepHistoryTooltip .Row TD,
.SleepHistoryTooltip TH,
.TrackerHistoryTooltip .AltRow TD,
.TrackerHistoryTooltip .Row TD,
.TrackerHistoryTooltip TH,
.History-BloodPressureTooltip .AltRow TD,
.History-BloodPressureTooltip .Row TD,
.History-BloodPressureTooltip TH {
  font-size: 0.7em;
  padding-left: 10px !important;
  padding-right: 10px !important;
  white-space: nowrap !important;
}

.HistoryTooltip .AltRow TD,
.ActivityHistoryTooltip .AltRow TD,
.SleepHistoryTooltip .AltRow TD,
.TrackerHistoryTooltip .AltRow TD,
.History-BloodPressureTooltip .AltRow TD {
  background-color: #eee !important;
}

.HistoryTooltip tr.to-delete,
.ActivityHistoryTooltip tr.to-delete,
.SleepHistoryTooltip tr.to-delete,
.TrackerHistoryTooltip tr.to-delete,
.History-BloodPressureTooltip tr.to-delete {
  border: solid 1px #922c2c;
}

.HistoryTooltip tr.to-delete td,
.ActivityHistoryTooltip tr.to-delete td,
.SleepHistoryTooltip tr.to-delete td,
.TrackerHistoryTooltip tr.to-delete td,
.History-BloodPressureTooltip tr.to-delete td {
  background-color: #c48282 !important;
}

.ActivityHistoryTooltipNote,
.SleepHistoryTooltipNote,
.TrackerHistoryTooltipNote {
  font-size: 0.7em;
  margin-top: 5px;
}

.k-rtl .HistoryTooltip .text-right,
.k-rtl .ActivityHistoryTooltip .text-right,
.k-rtl .SleepHistoryTooltip .text-right,
.k-rtl .History-BloodPressureTooltip .text-right {
  text-align: left;
}

.k-rtl .HistoryTooltip .text-right TH,
.k-rtl .ActivityHistoryTooltip .text-right TH,
.k-rtl .SleepHistoryTooltip .text-right TH,
.k-rtl .History-BloodPressureTooltip .text-right TH {
  text-align: right;
}

.w-inbox {
  width: 50px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  float: right;
  cursor: pointer;
  display: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/email-envelope);
}

.k-rtl .w-inbox {
  float: left;
}

.w-inbox:hover,
.w-inbox.is-selected {
  background-color: #80bcd9;
}

.loggedOut .w-inbox {
  display: none;
}

.loggedIn .w-inbox {
  display: block;
}

.w-inbox .w-inbox-count {
  width: 1.3em;
  height: 1.3em;
  position: absolute;
  background-color: #f00;
  border-radius: .7em;
  top: 2em;
  left: 2.2em;
  line-height: 1.3em;
  color: #fff;
  font-size: .8em;
  font-weight: bold;
}

.k-rtl .w-inbox .w-inbox-count {
  left: auto;
  right: 2.2em;
}

.widget.w-infotip.initialized {
  display: inline-block;
}

.w-journal .journal-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1em 0;
  margin: 0.5rem 0;
}

.w-journal .journal-item {
  display: flex;
  flex-wrap: wrap;
}

.w-journal .journal-item .label {
  flex: 1 0 25%;
  min-width: 115px;
}

.w-journal .journal-item .label.today {
  font-weight: bold;
}

.w-journal .journal-item .label.selected {
  font-weight: bold;
  font-style: italic;
}

.w-journal .journal-item .content {
  flex: 1 1 75%;
  height: 70px;
}

.w-language {
  font-size: 0.7em;
  margin-right: 1.5em;
  float: right;
}

.w-language li {
  list-style-type: none;
  display: inline;
}

.w-language li.link {
  padding: 0 0.5em;
  cursor: pointer;
}

.w-language li.separator {
  display: inline;
}

.k-rtl .w-language {
  margin-right: inherit;
  margin-left: 1.5em;
  float: left;
}

.page-master .w-library .searchPanel {
  padding-bottom: 1em;
  margin-bottom: 0.5em;
}

.page-master .w-library .searchBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.page-master .w-library .searchBox .k-textbox.k-input {
  width: 100%;
}

.page-master .w-library .searchBox .searchButton {
  right: auto;
  left: auto;
  position: static;
  margin: 0;
}

.page-master .w-library .searchBox .searchButton svg {
  width: 16px;
  height: 16px;
}

.page-master .w-library tr.articleSummary td {
  vertical-align: top;
}

.page-master .w-library tr.articleSummary td:first-of-type {
  vertical-align: middle;
  text-align: center;
}

.page-master .w-library .library-thumbnail {
  width: 100px;
  padding: 0.25rem;
}

.page-master .w-library .library-thumbnail img {
  max-height: 100px;
  max-width: 100px;
}

.page-master .w-library .articleSummary {
  background: #fff;
}

.page-master .w-library .articleSummary.alt {
  background: #eee;
}

.page-master .w-library p {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 0.9em;
  line-height: 1.2em;
}

.page-master .w-library h3 {
  margin-bottom: 0;
  font-size: 1.2em;
}

.k-rating {
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: default;
  display: inline-block;
}

.k-rating li {
  margin: 0;
  padding: 0;
  display: inline-block;
  cursor: pointer;
}

.k-rating li.k-rating-star-full:after {
  content: "\2605";
  font-family: Arial;
  font-size: 16px;
  color: orange;
}

.k-rating li.k-rating-star-empty:after {
  content: "\2606";
  font-family: Arial;
  font-size: 16px;
  color: gray;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.library_libraryarticle_aspx #library-article {
  margin: 0 12px;
}

html.libraryarticle-modal {
  height: 100%;
}

html.libraryarticle-modal .page-dialog {
  height: 100%;
}

html.libraryarticle-modal .page-dialog .library_libraryarticle_aspx {
  height: 100%;
}

html.libraryarticle-modal .page-dialog .library_libraryarticle_aspx #page-content {
  height: 100%;
}

html.libraryarticle-modal .page-dialog .library_libraryarticle_aspx #page-content > .scrolling {
  height: 100%;
}

.k-window .w-window .w-libraryarticle, .page-dialog .library_libraryarticle_aspx .w-libraryarticle {
  height: 100%;
}

.k-window .w-window .w-libraryarticle .library_article_wrap, .page-dialog .library_libraryarticle_aspx .w-libraryarticle .library_article_wrap {
  height: 100%;
}

.k-window .w-window .w-libraryarticle .library_article_wrap .library_article_header, .page-dialog .library_libraryarticle_aspx .w-libraryarticle .library_article_wrap .library_article_header {
  padding-top: 16px;
}

.k-window .w-window .w-libraryarticle .library_article_wrap .library_article_footer, .page-dialog .library_libraryarticle_aspx .w-libraryarticle .library_article_wrap .library_article_footer {
  margin-top: auto;
}

.w-libraryarticle {
  justify-content: center;
}

.w-libraryarticle.initialized {
  display: flex;
}

.w-libraryarticle .library_article_wrap {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 32px;
  max-width: 1440px;
  width: 100%;
  /* document */
  /* video */
}

.w-libraryarticle .library_article_wrap > * {
  width: 100%;
}

.w-libraryarticle .library_article_wrap .library_article_actions {
  max-width: 1200px;
}

.w-libraryarticle .library_article_wrap .library_article_actions button {
  all: unset;
  align-items: center;
  background-clip: padding-box;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #0F0F0F;
  cursor: pointer;
  display: flex;
  gap: 0 8px;
  transition: background-color 300ms, border-color 300ms, color 300ms;
}

.w-libraryarticle .library_article_wrap .library_article_actions button:before {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  transition: background-image 300ms;
  width: 20px;
}

.w-libraryarticle .library_article_wrap .library_article_actions button:hover, .w-libraryarticle .library_article_wrap .library_article_actions button:focus-visible {
  background-color: #0F0F0F;
  color: #FFF;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_back {
  border: 1px solid #0F0F0F;
  border-radius: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 22px;
  padding: 12px 20px;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_back:before {
  background-image: url(/shared/images/library/icons/arrow-back.svg);
  background-size: 12px;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_back:hover:before, .w-libraryarticle .library_article_wrap .library_article_actions button.library_article_back:focus-visible:before {
  background-image: url(/shared/images/library/icons/arrow-back-invert.svg);
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read:before {
  background-image: url(/shared/images/library/icons/check-circle.svg);
  background-size: 16px;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read:hover, .w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read:focus-visible {
  border-color: transparent;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read:hover:before, .w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read:focus-visible:before {
  background-image: url(/shared/images/library/icons/check-circle-invert.svg);
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read.read {
  background-color: #0F0F0F;
  border-color: transparent;
  color: #FFF;
  pointer-events: none;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read.read:before {
  background-image: url(/shared/images/library/icons/check-circle-invert.svg);
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read.read .unread {
  display: none;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read.read .read {
  display: inline-block;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read.unread .unread {
  display: inline-block;
}

.w-libraryarticle .library_article_wrap .library_article_actions button.library_article_mark_read.unread .read {
  display: none;
}

.w-libraryarticle .library_article_wrap .library_article_actions.library_article_footer button {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 14px;
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating {
  display: flex;
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating button.rated {
  background-color: #0F0F0F;
  border-color: transparent;
  color: #FFF;
  pointer-events: none;
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating button.rated:before {
  background-image: url(/shared/images/library/icons/like-invert.svg);
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating button:hover {
  border-color: transparent;
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating .library_article_like {
  border-right: 0;
  border-radius: 8px 0 0 8px;
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating .library_article_like:before {
  background-image: url(/shared/images/library/icons/like.svg);
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating .library_article_like:hover:before, .w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating .library_article_like:focus-visible:before {
  background-image: url(/shared/images/library/icons/like-invert.svg);
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating .library_article_dislike {
  border-radius: 0 8px 8px 0;
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating .library_article_dislike:before {
  background-image: url(/shared/images/library/icons/like.svg);
  transform: rotate(180deg);
}

.w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating .library_article_dislike:hover:before, .w-libraryarticle .library_article_wrap .library_article_actions .library_article_rating .library_article_dislike:focus-visible:before {
  background-image: url(/shared/images/library/icons/like-invert.svg);
}

.w-libraryarticle .library_article_wrap .library_article_header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  justify-content: center;
  max-width: 960px;
}

.w-libraryarticle .library_article_wrap .library_article_header .library_article_estimate {
  color: #A3A3A3;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.w-libraryarticle .library_article_wrap .library_article_header .library_article_title {
  color: #101828;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  text-align: center;
}

.w-libraryarticle .library_article_wrap .library_article_header .library_article_summary {
  color: #475467;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
}

.w-libraryarticle .library_article_wrap .library_article_body {
  color: #475467;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  max-width: 720px;
}

.w-libraryarticle .library_article_wrap .library_article_body:empty {
  display: none;
}

.w-libraryarticle .library_article_wrap .library_article_body a {
  line-break: anywhere;
}

.w-libraryarticle .library_article_wrap .library_article_body blockquote {
  border-left: 2px solid #0F0F0F;
  color: #101828;
  display: flex;
  flex-direction: column;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 600;
  gap: 32px;
  line-height: 36px;
  margin: 48px 0;
  padding: 8px 0px 8px 20px;
}

.w-libraryarticle .library_article_wrap .library_article_body blockquote footer {
  color: #475467;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.w-libraryarticle .library_article_wrap .library_article_body figure {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 48px 0;
}

.w-libraryarticle .library_article_wrap .library_article_body figure figcaption {
  color: #475467;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.w-libraryarticle .library_article_wrap .library_article_body h1, .w-libraryarticle .library_article_wrap .library_article_body h2, .w-libraryarticle .library_article_wrap .library_article_body h3, .w-libraryarticle .library_article_wrap .library_article_body h4, .w-libraryarticle .library_article_wrap .library_article_body h5, .w-libraryarticle .library_article_wrap .library_article_body h6 {
  color: #101828;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  margin: 0 0 16px 0;
}

.w-libraryarticle .library_article_wrap .library_article_body h1 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 20px;
}

.w-libraryarticle .library_article_wrap .library_article_body h2 {
  font-size: 26px;
  line-height: 32px;
}

.w-libraryarticle .library_article_wrap .library_article_body h3 {
  font-size: 20px;
  line-height: 30px;
}

.w-libraryarticle .library_article_wrap .library_article_body h4 {
  font-size: 18px;
  line-height: 22px;
}

.w-libraryarticle .library_article_wrap .library_article_body h5 {
  font-size: 16px;
  line-height: 20px;
}

.w-libraryarticle .library_article_wrap .library_article_body h6 {
  font-size: 14px;
  line-height: 17px;
}

.w-libraryarticle .library_article_wrap .library_article_body img {
  border-radius: 12px;
  max-width: 100%;
}

.w-libraryarticle .library_article_wrap .library_article_body iframe[src^="https://player.vimeo.com"] {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}

.w-libraryarticle .library_article_wrap .library_article_body table img {
  max-width: unset;
}

.w-libraryarticle .library_article_wrap .library_article_body p + h1, .w-libraryarticle .library_article_wrap .library_article_body p + h2, .w-libraryarticle .library_article_wrap .library_article_body p + h3, .w-libraryarticle .library_article_wrap .library_article_body p + h4, .w-libraryarticle .library_article_wrap .library_article_body p + h5, .w-libraryarticle .library_article_wrap .library_article_body p + h6 {
  margin-top: 32px;
}

.w-libraryarticle .library_article_wrap .library_article_body strong {
  color: #101828;
}

.w-libraryarticle .library_article_wrap .library_article_body ul, .w-libraryarticle .library_article_wrap .library_article_body ol {
  padding-inline-start: 24px;
}

.w-libraryarticle .library_article_wrap .library_article_copyright {
  color: #475467;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  max-width: 720px;
}

.w-libraryarticle .library_article_wrap .library_article_footer {
  border-top: 1px solid #E5E5E5;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  max-width: 720px;
  padding: 24px 32px;
}

.w-libraryarticle .library_article_wrap[data-articletype="2"] img {
  border-radius: 0;
}

.w-libraryarticle .library_article_wrap[data-articletype="3"] {
  gap: 24px;
}

.w-libraryarticle .library_article_wrap[data-articletype="3"] .library_article_nav {
  max-width: 1010px;
}

.w-libraryarticle .library_article_wrap[data-articletype="3"] .library_article_footer {
  max-width: 960px;
}

.w-libraryarticle .library_article_wrap .library_article_link {
  align-items: center;
  display: flex;
  justify-content: center;
}

.w-libraryarticle .library_article_wrap .library_article_link a {
  align-items: center;
  display: inline-flex;
  gap: 0 6px;
  line-break: anywhere;
  text-decoration: underline;
  text-underline-position: under;
}

.w-libraryarticle .library_article_wrap .library_article_link a:before {
  content: '';
  background-image: url("/Shared/Images/Library/Icons/link.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  display: inline-block;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}

.w-libraryarticle .library_article_wrap .library_article_document {
  display: flex;
  flex-direction: column;
  gap: 16px 8px;
  justify-content: center;
}

.w-libraryarticle .library_article_wrap .library_article_document a {
  align-content: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  line-break: anywhere;
  text-decoration: underline;
  text-underline-position: under;
}

.w-libraryarticle .library_article_wrap .library_article_pdf {
  aspect-ratio: 1 / 1.414;
  box-sizing: border-box;
  height: auto;
  width: 100%;
}

@supports (-moz-appearance: none) {
  .w-libraryarticle .library_article_wrap .library_article_pdf {
    aspect-ratio: unset;
  }
}

.w-libraryarticle .library_article_wrap .library_article_video {
  aspect-ratio: 16 / 9;
  border: 0;
  display: flex;
  max-width: 1010px;
  width: 100%;
}

.w-libraryarticle .library_article_wrap .library_article_video video, .w-libraryarticle .library_article_wrap .library_article_video iframe, .w-libraryarticle .library_article_wrap .library_article_video .k-mediaplayer-titlebar {
  border-radius: 8px;
}

@media screen and (max-width: 720px) {
  .w-libraryarticle .library_article_wrap {
    gap: 16px;
  }
  .w-libraryarticle .library_article_wrap .library_article_header .library_article_title {
    font-size: 26px;
    line-height: 32px;
  }
  .w-libraryarticle .library_article_wrap .library_article_header .library_article_summary {
    font-family: Lato, sans-serif;
    font-size: 20px;
    line-height: 30px;
  }
  .w-libraryarticle .library_article_wrap .library_article_body {
    font-size: 16px;
    line-height: 24px;
  }
  .w-libraryarticle .library_article_wrap .library_article_body blockquote {
    font-size: 20px;
    line-height: 30px;
    gap: 24px;
    padding-left: 16px;
  }
  .w-libraryarticle .library_article_wrap .library_article_body figure {
    font-family: sans-serif;
  }
  .w-libraryarticle .library_article_wrap .library_article_body h1 {
    font-size: 26px;
    line-height: 32px;
  }
  .w-libraryarticle .library_article_wrap .library_article_body h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .w-libraryarticle .library_article_wrap .library_article_body h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .w-libraryarticle .library_article_wrap .library_article_body h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .w-libraryarticle .library_article_wrap .library_article_body h5 {
    font-size: 14px;
    line-height: 17px;
  }
  .w-libraryarticle .library_article_wrap .library_article_body h6 {
    font-size: 12px;
    line-height: 15px;
  }
  .w-libraryarticle .library_article_wrap .library_article_footer {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 0;
  }
}

.w-locale-picker.k-dropdown {
  width: 12.4em;
}

.w-locale-picker .k-input {
  border: 0;
}

.w-locale-picker .k-input-inner {
  padding-right: 0;
}

.w-locale-picker .k-input-button {
  padding: 0 .5rem;
  width: 2em;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.w-locale-picker .k-input-button .k-icon {
  text-indent: 0;
}

.w-login {
  width: 10em;
  height: 4em;
  line-height: 4em;
  background-color: #999;
  color: #eee;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  float: left;
  margin: 10px;
}

.k-rtl .w-login {
  float: right;
}

.w-login:hover {
  background-color: #b3b3b3;
  color: #d5d5d5;
}

#page-header .w-login {
  float: right;
  width: 6em;
  height: 2em;
  line-height: 2em;
}

.k-rtl #page-header .w-login {
  float: left;
}

.w-logo {
  text-align: center;
  float: left;
}

.k-rtl .w-logo {
  float: right;
}

.w-manageuserforms .object-name.form {
  background: url("/Konnected/JS/Widget/CSS/platformicons/clipboard") left center no-repeat;
}

.w-manageuserforms .object-name {
  padding-left: 1.5rem;
  display: inline;
  background: url("/Konnected/JS/Widget/CSS/platformicons/report") left center no-repeat;
}

.w-measurementChart .nodata-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .2;
  filter: alpha(opacity=60);
}

.w-measurementChart .message {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 150px;
  font-size: 24px;
}

.w-measurements .measurement-description {
  font-weight: bold;
}

.w-measurements .k-grid-header th.k-header {
  padding-left: 10px;
}

.w-measurements .k-grid td {
  padding-left: 10px;
}

@media screen and (max-width: 480px) {
  .w-measurements .measurement-description {
    font-weight: normal;
  }
  .w-measurements .k-grid-header th.k-header {
    padding: .4em .3em .4em .3em;
  }
  .w-measurements .k-grid td {
    padding: .1em .1em .1em .3em;
  }
}

.medications th {
  text-align: left;
}

.medications .remove img {
  padding-left: 20px;
  cursor: pointer;
}

.medications {
  margin-bottom: 3px;
}

.w-menu {
  display: block;
  float: right;
}

.k-rtl .w-menu {
  float: left;
}

.w-menu-full {
  display: block;
}

.w-menu-menu {
  display: block;
}

@media (max-height: 850px) {
  .k-menu .manage .k-menu-group .k-item > .k-link {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media (max-height: 700px) {
  .k-menu .manage .k-menu-group .k-item > .k-link {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
  }
}

@media (max-height: 530px) {
  .k-menu .manage .k-menu-group .k-item > .k-link {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.w-menu-small {
  display: none;
}

.w-menu-small .w-menu-button {
  float: right;
  margin-bottom: 5px;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/navigation-drawer-2");
  background-size: 32px;
}

.k-rtl .w-menu-small .w-menu-button {
  float: left;
  margin-left: 10px;
  margin-right: inherit;
}

.w-menu-popup {
  background-color: #00ff21;
  width: 97%;
  left: 0;
}

@media (max-width: 700px) {
  html body.page-master {
    margin-top: 120px;
  }
  #page-nav {
    z-index: 8000;
  }
  #page-header .main-grid {
    padding-right: 50px;
  }
  .k-rtl #page-header .main-grid {
    padding-right: 0;
    padding-left: 50px;
  }
  .w-menu-small {
    display: block;
    position: absolute;
    right: 1px;
    top: 10px;
    margin-top: -75px;
  }
  .k-rtl .w-menu-small {
    left: 1px;
    right: auto;
  }
  .w-menu-full {
    display: none;
  }
}

.w-messageboard {
  background-color: #fbfbfb;
  padding: 15px;
  clear: both;
  overflow: hidden;
  /*border-radius: 9px;
    border: solid 1px #dbdbdb;*/
  /*
    .msg:hover .msgcontent .basic-info {
        display: none;
    }

    .msg:hover .msgcontent .full-info {
        display: block;
    }*/
}

.w-messageboard .msg-wrapper {
  display: block;
}

.w-messageboard .new-messages-div {
  margin: 10px 0;
}

.w-messageboard .send {
  margin-bottom: 10px;
  /*font-size: 11px;*/
}

.w-messageboard .aligntop {
  max-width: 100px;
}

.w-messageboard .msg-tbl {
  width: 100%;
  display: table;
}

.w-messageboard .msg-row {
  display: table-row;
}

.w-messageboard .msg .msg-cell,
.w-messageboard .msg-wrapper .comment-cell {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 0;
  position: relative;
  /*min-height: 70px;*/
}

.w-messageboard .avatar-msb {
  margin: 0.4em;
}

.w-messageboard .msg-avatar,
.w-messageboard .comment-avatar {
  /*width: 52px;*/
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 0;
  margin-right: 4px;
}

.w-messageboard .msg-avatar img,
.w-messageboard .comment-avatar img {
  max-height: 48px;
  /*max-width: 48px;*/
  border-radius: 50%;
}

.w-messageboard .msg-avatar-padleft {
  margin-left: 30px;
}

.w-messageboard .msg-quickaddbuddy {
  display: inline-block;
}

.w-messageboard .msg .avatar {
  margin-right: 5px;
}

.w-messageboard .quickadd-icon,
.w-messageboard .quickaddbuddy-icon {
  width: 24px;
  height: 24px;
  display: inline;
}

.w-messageboard .quickaddbuddy-icon {
  cursor: pointer;
}

.w-messageboard .message-area {
  /*background-color: #c6e2fe;*/
}

.w-messageboard .message-area.me {
  /*background-color: #dcf6d3;*/
}

.w-messageboard .msg .to {
  font-weight: bold;
}

.w-messageboard .msg .block {
  display: block;
}

.w-messageboard .msg .dtm {
  font-size: 8px;
  display: block;
  margin-top: 5px;
}

.w-messageboard .msg {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #c6e2fe;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
  margin-left: 0;
  margin-right: 0;
  /*margin-bottom: 10px;*/
  /*font-size: 11px;
        font-family: "Segoe UI", Arial, Verdana;*/
  /*cursor: pointer;*/
  /*min-height: 80px;*/
}

.w-messageboard .msg.me {
  background-color: #dcf6d3;
  margin-right: 0;
  margin-left: 20px;
}

.w-messageboard .msg.mymsg {
  background-color: #dcf6d3;
  margin-right: 0;
  margin-left: 20px;
}

.w-messageboard .msg-wrapper .edit-comments-wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: 0;
  margin-right: 0;
  /*font-size: 11px;
        font-family: "Segoe UI", Arial, Verdana, sans-serif;*/
  cursor: pointer;
  min-height: 80px;
  display: none;
}

.w-messageboard .msg-wrapper .edit-comments-wrapper.me {
  margin-left: 20px;
  width: calc(100% - 20px);
}

.w-messageboard .msg-wrapper .comments-area {
  background-color: #fbfbfb;
  /*font-size: 11px;
        font-family: "Segoe UI", Arial, Verdana, sans-serif;*/
  cursor: pointer;
}

.w-messageboard .msg-wrapper .edit-comments,
.w-messageboard .msg-wrapper .edit-comments textarea {
  width: 100%;
}

.w-messageboard .msgcontent {
  width: 100%;
}

.w-messageboard .msgwidth100 {
  width: 100%;
}

.w-messageboard .msg .body {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.w-messageboard .msg .body * {
  background-color: transparent;
  /*font-size: 11px;
        font-family: "Segoe UI", Arial, Verdana, sans-serif;*/
}

.w-messageboard .msg .body br {
  display: none;
}

.w-messageboard .msg .body p {
  display: inline;
}

.w-messageboard .msg .body .msgimage-basic {
  max-width: 80px;
}

.w-messageboard .msg .body .msgimage-full {
  max-width: 200px;
}

.w-messageboard .msg .msgcontent .basic-info {
  display: none;
}

.w-messageboard .msg .msgcontent .full-info {
  display: block;
}

.w-messageboard .msg .body br {
  display: inline;
}

.w-messageboard .msg .body p {
  display: block;
}

.w-messageboard .msgs {
  min-height: 200px;
}

.w-messageboard .msg-wrapper .mb-comments-wrapper {
  background-color: #fff;
  /*font-size: 11px;
        font-family: "Segoe UI", Arial, Verdana, sans-serif;*/
  padding: 0 12px;
}

.w-messageboard .msg-wrapper .mb-comments-wrapper.me {
  margin-left: 20px;
  width: calc(100% - 20px);
}

.w-messageboard .msg .msgcontent {
  clear: both;
  line-height: normal;
  /* font-family: "Segoe UI", Arial, Verdana, sans-serif; */
}

.w-messageboard .msg-wrapper .message-control {
  background-color: #c6e2fe;
  border-top: solid 2px #fff;
  border-bottom: solid 4px #fff;
  height: 24px;
}

.w-messageboard .msg-wrapper .message-control.me {
  background-color: #dcf6d3;
  margin-left: 20px;
}

.w-messageboard .msg-wrapper .messagemenuarea {
  background-color: #c6e2fe;
  margin-bottom: 4px;
  margin-top: -4px;
  /*border-bottom: #fff solid 4px;*/
}

.w-messageboard .msg-wrapper .messagemenuarea.me {
  background-color: #dcf6d3;
  margin-left: 20px;
  width: calc(100% - 20px);
}

.w-messageboard .msg-wrapper .comments-area.me {
  margin-left: 20px;
  width: calc(100% - 20px);
}

.w-messageboard .msg-wrapper .comment-content {
  background-color: #c6e2fe;
  width: calc(100% - 20px);
}

.w-messageboard .msg-wrapper .comment-content.mycomment {
  background-color: #dcf6d3;
  margin-right: 0;
  padding-left: 20px;
  width: calc(100% - 20px);
}

.w-messageboard .not-approved {
  color: red;
  font-weight: bold;
}

.w-messageboard .approve {
  cursor: pointer;
}

.w-messageboard .new-approved {
  color: #0c0;
  font-weight: bold;
}

.w-messageboard .more {
  font-size: 18px;
  padding-top: 10px;
  display: inline;
}

.w-messageboard .msg-editor {
  min-height: 63px;
  border-radius: 5px;
  border: 2px solid #6d6e71;
  width: 99%;
  padding-right: 1px;
  float: left;
}

.w-messageboard .msg-updator {
  min-height: 63px;
  border-radius: 5px;
  border: 2px solid #6d6e71;
  width: 99%;
  padding-right: 1px;
  float: left;
  display: none;
}

.w-messageboard .msg-updator.open {
  display: block;
}

.w-messageboard .show-image {
  display: block;
  margin: auto auto;
}

.w-messageboard .hide-image {
  display: none;
}

.w-messageboard .add-document {
  height: 24px;
  min-width: 150px;
  width: auto;
  margin-top: 2px;
  padding: 2px;
  float: left;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.w-messageboard .add-image {
  height: 84px;
  width: 102px;
  margin-top: 2px;
  padding: 2px;
  float: left;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.w-messageboard .add-image .delete-img {
  float: right;
  z-index: 10000;
}

.w-messageboard .add-image .upload-img {
  width: 80px;
  min-height: inherit;
  min-width: inherit;
  background: transparent;
  /* setting this up for transparent PNG  icons */
}

.w-messageboard .add-image .upload-img:hover {
  cursor: pointer;
}

.w-messageboard .add-image .delete-img,
.w-messageboard .add-document .delete-img {
  float: right;
  z-index: 10000;
}

.w-messageboard .save-msg {
  float: right;
  margin-left: 15px;
}

.w-messageboard .saveMessage:hover {
  cursor: pointer;
}

.w-messageboard .chat-visible-no {
  visibility: hidden;
}

.w-messageboard .chat-visible-yes {
  visibility: visible;
}

.w-messageboard .div-chatimg-typing {
  height: 14px;
  width: 14px;
  float: left;
  margin-left: 4px;
  margin-right: 6px;
  margin-top: 4px;
  background-image: url(/shared/Images/MessageBoardNew.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.w-messageboard .msg .small-text {
  font-size: 1em;
}

.w-messageboard .msg .likes-img {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.w-messageboard .message-control .add-comment {
  display: inline-block;
  float: right;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
}

.w-messageboard .message-control .add-comment:before {
  content: "";
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
}

.w-messageboard .message-control .add-comment.add-comment-icon:before {
  background: url("/Konnected/JS/Widget/CSS/platformicons/chat-bubble-circle-add.svg") no-repeat;
  background-size: 16px 16px;
}

.w-messageboard .message-control .like-message {
  display: inline-block;
  float: right;
  margin-right: 20px;
  height: 16px;
  line-height: 16px;
  cursor: pointer;
}

.w-messageboard .message-control .like-message:before {
  content: "";
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
}

.w-messageboard .message-control .like-message.like-message-icon.yes:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/vote-heart-refresh");
  background-size: 16px 16px;
}

.w-messageboard .message-control .like-message.like-message-icon.no:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/vote-heart");
  background-size: 16px 16px;
}

.w-messageboard .comment-control .like-comment {
  display: inline-block;
  float: right;
  margin-right: 20px;
  height: 16px;
  line-height: 16px;
  cursor: pointer;
}

.w-messageboard .comment-control .like-comment:before {
  content: "";
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
}

.w-messageboard .comment-control .like-comment.like-comment-icon.yes:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/vote-heart-refresh");
  background-size: 16px 16px;
}

.w-messageboard .comment-control .like-comment.like-comment-icon.no:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/vote-heart");
  background-size: 16px 16px;
}

.w-messageboard .mb-comments-wrapper .like-comment {
  display: inline-block;
  float: right;
  margin-right: 20px;
  height: 16px;
  line-height: 16px;
  cursor: pointer;
}

.w-messageboard .message-control .control-icon,
.w-messageboard .mb-comments-wrapper .control-icon {
  display: inline-block;
  float: right;
  margin-right: 4px;
  height: 16px;
  width: 16px;
  line-height: 16px;
}

.w-messageboard .message-control .control-message-icon-img,
.w-messageboard .mb-comments-wrapper .control-comment-icon-img {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/navigation-show-more-vertical");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position-y: center;
  cursor: pointer;
}

.w-messageboard .message-control .add-comment,
.w-messageboard .message-control .like-message,
.w-messageboard .msg-wrapper .comment-wrapper {
  /*font-size: 11px;
        font-family: "Segoe UI", Arial, Verdana, sans-serif;*/
}

.w-messageboard .msg-wrapper .comment-wrapper {
  width: 100%;
  background-color: #c6e2fe;
  padding-left: 20px;
  width: calc(100% - 20px);
}

.w-messageboard .msg-wrapper .comment-wrapper.me {
  background-color: #dcf6d3;
  padding-left: 20px;
  width: calc(100% - 20px);
}

.w-messageboard .msg-wrapper .comment-wrapper .comment-likes {
  float: right;
  padding-right: 3px;
  max-width: 110px;
}

.w-messageboard .msg-wrapper .comment-wrapper .comment-control {
  background-color: #c6e2fe;
  border-top: solid 2px #fff;
  border-bottom: solid 4px #fff;
  height: 24px;
}

.w-messageboard .msg-wrapper .comment-wrapper .comment-control.me {
  background-color: #dcf6d3;
  margin-left: -20px;
  width: calc(100% + 20px);
}

.w-messageboard .msg-wrapper .commentmenuarea {
  background-color: #c6e2fe;
  /*margin-bottom: 4px;*/
  margin-top: -4px;
  border-bottom: #fff solid 4px;
}

.w-messageboard .msg-wrapper .commentmenuarea.me {
  background-color: #dcf6d3;
  margin-left: -20px;
  width: calc(100% + 20px);
}

.w-messageboard .msg-wrapper .menupopup,
.w-messageboard .comment-wrapper .menucommentpopup {
  margin-right: 10px;
  margin-bottom: 4px;
  float: right;
  display: none;
  max-width: 150px;
  /*font-size: 11px;
        font-family: "Segoe UI", Arial, Verdana, sans-serif;*/
  border: 1px solid #aaa;
}

.w-messageboard .msg-wrapper .menupopup ul,
.w-messageboard .comment-wrapper .menucommentpopup ul {
  list-style: none;
  padding-left: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.w-messageboard .msg-wrapper .menupopup li,
.w-messageboard .comment-wrapper .menucommentpopup li {
  cursor: pointer;
  float: left;
}

.w-messageboard .msg-wrapper .menupopup.open,
.w-messageboard .comment-wrapper .menucommentpopup.open {
  display: inline-block;
}

.w-messageboard .msg-info, .w-messageboard .comment-info {
  padding-left: 10px;
  /*  
        avatar div needs at least 80px
        like icons div needs 96px
        add extra 20px for padding, margin and spacing
        */
  width: calc(100% - 90px);
}

.w-messageboard .msg-info.msg-text, .w-messageboard .comment-info.comment-text {
  width: 100%;
}

.w-messageboard .msg .msg-likes {
  float: right;
  padding-right: 3px;
  max-width: 110px;
  height: 20px;
}

.w-messageboard .msg .msg-likes .msg-control-icons {
  /*min-height: 70px;*/
  width: 100%;
}

.w-messageboard .msg .msg-likes .msg-likes-cnt {
  float: left;
  padding-left: 3px;
  width: 100%;
  height: 20px;
  margin-bottom: 10px;
  display: block;
}

.w-messageboard .msg .msg-likes .likes-cnt {
  font-weight: 600;
  display: inline-block;
  line-height: 20px;
  margin-right: 4px;
  vertical-align: text-bottom;
}

.w-messageboard .msg-wrapper .messagemenuarea .msg-edit-del-icons:before {
  content: "";
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
}

.w-messageboard .msg-wrapper .messagemenuarea .msg-edit-del-icons.edit-icon:before {
  background: url("/Konnected/JS/Widget/CSS/platformicons/pencil-1.svg") no-repeat;
}

.w-messageboard .msg-wrapper .messagemenuarea .msg-edit-del-icons.del-icon:before {
  background: url("/Konnected/JS/Widget/CSS/platformicons/bin1.svg") no-repeat;
}

.w-messageboard .msg-wrapper .commentmenuarea .msg-del-flag-icons:before {
  content: "";
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
}

.w-messageboard .msg-wrapper .commentmenuarea .msg-del-flag-icons.flag-icon:before {
  background: url("/Konnected/JS/Widget/CSS/platformicons/vote-flag-2.svg") no-repeat;
}

.w-messageboard .msg-wrapper .commentmenuarea .msg-del-flag-icons.del-icon:before {
  background: url("/Konnected/JS/Widget/CSS/platformicons/bin1.svg") no-repeat;
}

.w-messageboard .msg .msg-likes .addcomment {
  float: left;
  width: 100%;
  padding-left: 3px;
  cursor: pointer;
  display: block;
}

.w-messageboard .msg .msg-comment-count {
  height: 20px;
  width: 100%;
  display: block;
}

.w-messageboard .msg-wrapper .comment-details {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  cursor: pointer;
}

.w-messageboard .msg-wrapper .comment-details:before {
  content: "";
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
}

.w-messageboard .msg-wrapper .comment-details.comment-details-icon.open:before {
  background: url("/Konnected/JS/Widget/CSS/platformicons/add-1.svg") no-repeat;
  background-size: 20px 20px;
}

.w-messageboard .msg-wrapper .comment-details.comment-details-icon.close:before {
  background: url("/Konnected/JS/Widget/CSS/platformicons/subtract.svg") no-repeat;
  background-size: 20px 20px;
}

.w-messageboard .msg-wrapper .heading {
  /*height: 50px;*/
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 95px;
  text-transform: uppercase;
  font-weight: bold;
  color: #9c90c5;
  background-color: white;
}

.w-messageboard .msg-wrapper .history {
  position: relative;
  background-color: #ebebeb;
  border-radius: 3px;
  padding: 28px 5px 5px 5px;
}

.w-messageboard .history.alt {
  background-color: #e4f7fe;
}

.w-messageboard .msg-wrapper .body.social {
  padding: 5px;
  margin-top: 5px;
  background-color: white;
  border-radius: 5px;
}

.w-messageboard .msg-wrapper .circle {
  position: absolute;
  top: -30px;
  left: 35px;
  width: 45px;
  height: 45px;
  background-color: #9c90c5;
  border: 6px solid white;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
}

.w-messageboard .circle.Creative {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/paint_brush_white.svg");
}

.w-messageboard .circle.Cultural {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/video_camera_white.svg");
}

.w-messageboard .circle.Charitable {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/heart_white.svg");
}

.w-messageboard .circle.Food {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/carrot_white.svg");
}

.w-messageboard .circle.Mindfulness {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/head_white.svg");
}

.w-messageboard .circle.Music {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/music_note_white.svg");
}

.w-messageboard .circle.Nature {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/flower_white.svg");
}

.w-messageboard .circle.Physical {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/dumbbell_white.svg");
}

.w-messageboard .circle.Social {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/group_white.svg");
}

.w-messageboard .circle.Other {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/question_mark_white.svg");
}

.k-rtl .w-messageboard .msg .avatar {
  margin-right: inherit;
  margin-left: 5px;
}

.k-rtl .w-messageboard .msg {
  margin-left: 20px;
  margin-right: 0;
}

.k-rtl .w-messageboard .msg.me {
  margin-left: 0;
  margin-right: 20px;
}

.mode-image .w-messageboard .newmsg,
.mode-image .w-messageboard .coach-conv-msgbrd {
  display: none;
}

.k-editor-toolbar .k-i-my-custom-image-upload {
  background: none;
  line-height: 25px;
}

.k-editor-toolbar .k-i-my-custom-image-upload:before {
  content: "\e501";
}

.k-editor-toolbar .k-i-my-custom-image-upload-add:before {
  content: "\e501";
}

/* Theme related CSS adjustments */
.theme-cloudy .w-messageboard .msg {
  width: 100%;
}

.theme-cloudy .w-messageboard .message-area {
  width: 98%;
}

.theme-cloudy .w-messageboard .msg.mymsg,
.theme-cloudy .w-messageboard .message-control.me,
.theme-cloudy .w-messageboard .comments-area.me,
.theme-cloudy .w-messageboard .messagemenuarea.me,
.theme-cloudy .w-messageboard .edit-comments-wrapper.me,
.theme-cloudy .w-messageboard .mb-comments-wrapper.me {
  width: 98%;
}

.theme-cloudy .w-messageboard .msgs .message-area {
  color: #000;
}

.theme-leapfrog .w-messageboard .msg-wrapper .message-control,
.theme-leapfrog .w-messageboard .msg-wrapper .comment-control {
  height: 28px;
}

.theme-leapfrog .w-messageboard .message-control .add-comment {
  height: 26px;
  line-height: 26px;
}

.theme-leapfrog .w-messageboard .message-control .add-comment:before {
  margin-top: 2px;
}

.theme-leapfrog .w-messageboard .message-control .control-message-icon-img,
.theme-leapfrog .w-messageboard .mb-comments-wrapper .control-comment-icon-img {
  margin-top: 4px;
}

.theme-leapfrog .w-messageboard .message-control .like-message,
.theme-leapfrog .w-messageboard .comment-control .like-comment {
  height: 26px;
  line-height: 26px;
}

.theme-leapfrog .w-messageboard .message-control .like-message:before,
.theme-leapfrog .w-messageboard .comment-control .like-comment:before {
  margin-top: 2px;
}

@media screen and (max-width: 500px) {
  .w-messageboard .msg-editor {
    min-height: 33px;
    margin-bottom: 1em;
    width: calc(100% - 75px);
    float: left;
  }
  .w-messageboard .msg {
    padding: 5px 3px;
  }
  .w-messageboard .msg.me {
    margin-left: 15px;
  }
  .w-messageboard .msg .body .msgimage-basic {
    max-width: 65px;
  }
  .w-messageboard .msg .body .msgimage-full {
    max-width: 130px;
  }
  .w-messageboard .add-image {
    height: 40px;
    width: 50px;
    margin: 0 auto 0.5em;
    float: left;
    background-color: #fff;
    position: relative;
    overflow: hidden;
  }
  .w-messageboard .add-image .delete-img {
    float: right;
    z-index: 10000;
  }
  .w-messageboard .add-image .upload-img {
    width: 60%;
    height: 60%;
    min-height: auto;
    min-width: auto;
    background: transparent;
    /* setting this up for transparent PNG  icons */
  }
  .w-messageboard .add-image .upload-img:hover {
    cursor: pointer;
  }
}

.w-minutes {
  display: inline;
}

.w-mobilePhone {
  padding-bottom: 20px;
}

#mobilePhone {
  width: 100%;
}

.w-myCalories .data {
  display: inline;
}

.w-myTeams .overflow {
  height: 400px;
  overflow-y: scroll;
  border-top: solid 1px #abadb3 !important;
  border-left: solid 1px #e3e9ef !important;
  border-right: solid 1px #e3e9ef !important;
  border-bottom: solid 1px #e3e9ef !important;
  padding-top: 5px;
  padding-bottom: 5px;
  _width: 90%;
}

.w-myTeams a {
  text-decoration: none;
}

.w-myTeams table {
  width: 100%;
}

.w-myTeams .grouprow:hover {
  background-color: #EEEEEE;
}

.w-myTeams h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14pt;
}

.w-myTeams .myTeamsHeader .options {
  float: right;
  padding-right: 10px;
  font-size: 12px;
  font-weight: normal;
}

.w-myTeams .myTeamsHeader .options .separator {
  color: #dddddd;
}

.w-myTeams a:hover {
  text-decoration: underline;
}

.w-myTeams a.join {
  font-weight: normal;
}

.w-myTeams .grouprow {
  margin-top: 2px;
  height: 65px;
  line-height: 65px;
  clear: both;
  overflow: hidden;
  vertical-align: middle;
}

.w-myTeams .grouprow .team {
  line-height: normal;
}

.w-myTeams .grouprow .team .challenge {
  font-size: 0.8em;
}

.w-myTeams .grouprow .team .alert {
  font-size: 0.7em;
  color: red;
}

.w-myTeams .grouprow .avatar {
  width: 50px;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

.w-myTeams .grouprow .avatar img {
  width: 48px;
}

.w-myTeams .grouprow .msgboard {
  padding-top: 10px;
  margin-bottom: 0;
  margin-right: 5px;
}

.w-myTeams .grouprow .name {
  margin-left: 56px;
  margin-right: 50px;
  overflow: hidden;
  min-height: 50px;
  padding-left: 5px;
}

.w-myTeams .grouprow .name.nomsgboard {
  margin-right: 0;
}

.groupDetails {
  padding: 8px;
  padding-top: 16px;
  font-size: 12px;
}

.groupDetails .members table td {
  padding: 0;
}

.groupDetails .membersList {
  border: 1px solid #cccccc;
  height: 120px;
  overflow: auto;
}

.groupDetails .alert {
  color: Red;
}

.groupDetails .membersList table,
.groupDetails .membersList tr {
  border-collapse: collapse;
}

.groupDetails .members {
  margin-top: 10px;
}

.groupDetails .options {
  margin-top: 10px;
}

.groupDetails div h2 {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 0;
}

.groupDetails div h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.groupDetails .avatar {
  width: 50px;
}

.groupDetails .name {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  width: 145px;
}

.groupDetails .membersList td {
  border-width: 0;
}

.groupDetails .membersList tr.memberAltRow {
  background-color: #f5f5f5;
}

.groupDetails .membersList td.avatar {
  width: 30px;
  height: 30px;
  padding-top: 3px;
  padding-left: 2px;
}

.groupDetails .membersList td.steps {
  width: 50px;
}

.groupDetails .membersList td.quickadd {
  width: 28px;
  padding-left: 3px;
  padding-right: 3px;
}

.groupDetails .membersList td .quickaddbuddy-icon {
  cursor: pointer;
}

.groupDetails .membersList td.email {
  width: 20px;
}

.groupDetails .membersList td.points {
  width: 50px;
}

.groupDetails .membersList td.weightLossPercentage {
  width: 60px;
}

.groupDetails .membersList td.weightLossTotal {
  width: 70px;
}

.groupDetails .membersList td.wellnessscore {
  width: 50px;
}

.groupDetails .membersList td.wellnessscorereport {
  width: 25px;
  cursor: pointer;
}

.groupDetails .membersList .lastLogon {
  /*width: 145px;*/
  text-align: right;
  font-size: 10px;
  color: #aaaaaa;
}

.groupDetails .membersList td.approve {
  width: 20px;
  cursor: pointer;
}

.groupDetails .membersList td.nameApproved {
  width: 155px;
}

.groupDetails .membersList td.nameNotApproved {
  width: 155px;
  color: #cccccc;
}

.groupDetails a {
  color: #6E91A3;
}

.k-rtl .w-myTeams .myTeamsHeader .options {
  float: left;
  padding-right: inherit;
  padding-left: 10px;
}

.w-newMessageBoardMessages .new-msg-tbl {
  width: 100%;
  display: table;
}

.w-newMessageBoardMessages .new-msg-row {
  display: table-row;
  height: 30px;
}

.w-newMessageBoardMessages .new-msg-row.item:hover {
  background-color: #eeeeee;
  cursor: pointer;
}

.w-newMessageBoardMessages .new-msg-icon, .w-newMessageBoardMessages .new-msg-name, .w-newMessageBoardMessages .new-msg-count {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.w-newMessageBoardMessages .new-msg-challenge {
  font-size: .7em;
}

.w-newMessageBoardMessages .new-msg-icon {
  width: 40px;
  text-align: center;
}

.w-newMessageBoardMessages .new-msg-icon img {
  max-width: 32px;
  max-height: 32px;
}

.w-newMessageBoardMessages .new-msg-count {
  width: 30px;
  text-align: right;
}

.w-newMessageBoardMessages .hdr {
  font-weight: bold;
}

.w-newsfeed h1 {
  background-color: inherit;
  color: #7a9cb5;
  font-size: 14pt;
  font-weight: bold !important;
  margin-top: 0;
  margin-bottom: 0;
}

.w-newsfeed li {
  list-style-type: none;
  background-repeat: no-repeat;
  padding-left: 20px;
  margin-right: 10px;
  padding-bottom: 4px;
}

.w-newsfeed ul {
  padding-left: 7px;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.w-newsfeed li.WellnessScore {
  background-position: 0 2px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/controlpanelicons/wellness-score);
}

.w-newsfeed li.NewTeamPost,
.w-newsfeed li.NewChallengePost,
.w-newsfeed li.NewBuddyPosts {
  background-position: 0 2px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/chat-bubble-circle-new);
}

.w-newsfeed li.DailyGoalYesterday,
.w-newsfeed li.DailyGoalToday,
.w-newsfeed li.DailyGoalDays,
.w-newsfeed li.DailyGoalMore,
.w-newsfeed li.WeightLossGoalReached {
  background-position: 0 0;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/vote-star);
}

.w-newsfeed li.NewTeamMembers,
.w-newsfeed li.ChallengeBuddies,
.w-newsfeed li.ChallengeBuddy,
.w-newsfeed li.ChallengeInvite {
  background-position: 0 1px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/user);
}

.w-newsfeed li.ChallengeEnding {
  background-position: 0 3px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/interface-alert-circle);
}

.w-newsfeed li.ChallengeEndingToday {
  background-position: 0 3px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/clock);
}

.w-newsfeed li.ChallengeClosed,
.w-newsfeed li.ChallengeClosedNoRank,
.w-newsfeed li.ChallengeClosedCutoff {
  background-position: 0 3px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/close-circle);
}

.w-newsfeed li.DailyGoalReach,
.w-newsfeed li.SameWeight,
.w-newsfeed li.JoinedProgram,
.w-newsfeed li.CompletedProgram {
  background-position: 0 1px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/interface-information);
}

.w-newsfeed li.WeightUpBetter,
.w-newsfeed li.WeightDownBetter {
  background-position: 0 3px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/smiley-smile-8);
}

.w-newsfeed li.WeightUpWorse,
.w-newsfeed li.WeightDownWorse {
  background-position: 0 3px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/smiley-frown-1);
}

.w-newsfeed li.EventStartingDays,
.w-newsfeed li.EventRegisteredDays,
.w-newsfeed li.EventStartingToday,
.w-newsfeed li.ApptStartingDays,
.w-newsfeed li.ApptStartingDaysAllDay,
.w-newsfeed li.ApptStartingToday,
.w-newsfeed li.ApptAllDayToday,
.w-newsfeed li.CoachProgramApptStartingDays,
.w-newsfeed li.CoachProgramApptStartingToday,
.w-newsfeed li.CoachProgramApptAllDayToday,
.w-newsfeed li.ScheduleStartingDays,
.w-newsfeed li.ScheduleStartingToday {
  background-position: 0 1px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/calendar-1);
}

.w-newsfeed li.Testimonials,
.w-newsfeed li.Testimonial {
  background-position: 0 1px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/chat-bubble-circle-2);
}

.w-notifications {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 5px;
  float: right;
  display: none;
}

.k-rtl .w-notifications {
  float: left;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-notificationtemplates {
  position: relative;
}

.w-notificationtemplates .notification-templates-wrapper {
  display: grid;
  flex: 1;
  gap: 24px;
  grid-template-columns: min-content minmax(0, 1fr);
  grid-template-rows: 778px;
}

.w-notificationtemplates .notification-templates-wrapper .container {
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

.w-notificationtemplates .notification-templates-wrapper .container .search-wrapper label {
  align-items: center;
  background-color: #FFF;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
  gap: 8px;
  padding: 10px 14px;
  position: relative;
}

.w-notificationtemplates .notification-templates-wrapper .container .search-wrapper label img {
  flex-shrink: 0;
}

.w-notificationtemplates .notification-templates-wrapper .container .search-wrapper input {
  border: none;
  flex-grow: 1;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  height: 22px;
  line-height: normal;
  outline: 0;
}

.w-notificationtemplates .notification-templates-wrapper .container .search-wrapper input::placeholder {
  color: #A3A3A3;
}

.w-notificationtemplates .notification-templates-wrapper .container .search-wrapper input:focus-within {
  box-shadow: none;
  outline: 0;
}

.w-notificationtemplates .notification-templates-wrapper .container .search-wrapper input:placeholder-shown ~ .clear {
  display: none;
  pointer-events: none;
}

.w-notificationtemplates .notification-templates-wrapper .container .search-wrapper .clear {
  background-color: unset;
  border: unset;
  cursor: pointer;
  display: inline-flex;
  right: 14px;
  position: absolute;
}

.w-notificationtemplates .notification-templates-wrapper .container .search-wrapper .clear img {
  max-height: 20px;
  max-width: 20px;
  width: 100%;
}

.w-notificationtemplates .notification-templates-wrapper .locales {
  width: 300px;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .header-text {
  color: #A3A3A3;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.1em;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview {
  /*@supports not selector(::-webkit-scrollbar) {*/
  /* valid but the current compiler does not like it */
  padding-right: 4px;
  scrollbar-gutter: stable;
}

@supports (-moz-appearance: none) {
  .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview {
    scrollbar-color: #0F0F0F transparent;
    scrollbar-width: thin;
  }
}

@supports not (-moz-appearance: none) {
  .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview::-webkit-scrollbar-thumb {
    background-color: #0F0F0F;
    border-radius: 10px;
  }
  .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview::-webkit-scrollbar-thumb:hover {
    background-color: #0F0F0F;
  }
  .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview::-webkit-scrollbar-track-piece:end {
    background-color: transparent;
    margin-bottom: 10px;
  }
  .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview::-webkit-scrollbar-track-piece:start {
    background-color: transparent;
    margin-top: 10px;
  }
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-i-collapse:before, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-i-expand:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 16px;
  width: 16px;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-i-collapse:before {
  background-image: url("/Shared/Images/DocumentManagement/Icons/chevron-down.svg");
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-i-expand:before {
  background-image: url("/Shared/Images/DocumentManagement/Icons/chevron-right.svg");
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-top, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-mid, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-bot, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-top, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-mid, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-bot, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-top, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-mid, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-bot, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-top, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-mid, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-bot {
  padding-bottom: 2px;
  padding-top: 2px;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf {
  background-color: unset;
  border-radius: 4px;
  box-sizing: border-box;
  flex-grow: 1;
  gap: 0 8px;
  overflow: hidden;
  padding: 12px 36px 8px 12px;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in .k-sprite, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf .k-sprite, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in .k-sprite, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf .k-sprite {
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
  margin: 0;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in .k-sprite.folder, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf .k-sprite.folder, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in .k-sprite.folder, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf .k-sprite.folder {
  background-image: url("/Shared/Images/Administration/Icons/folder.svg");
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in .k-sprite.override, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf .k-sprite.override, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in .k-sprite.override, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf .k-sprite.override {
  background-image: url("/Shared/Images/Administration/Icons/folder-check.svg");
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in .k-sprite.override ~ .text, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf .k-sprite.override ~ .text, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in .k-sprite.override ~ .text, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf .k-sprite.override ~ .text {
  font-weight: 600;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in .text, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf .text, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in .text, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf .text {
  color: #525252;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in.k-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in.k-state-hover, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in.k-hover, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf.k-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf.k-state-hover, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf.k-hover, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in.k-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in.k-state-hover, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in.k-hover, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf.k-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf.k-state-hover, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf.k-hover {
  background-color: #F5F5F5;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in.k-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf.k-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in.k-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf.k-selected {
  background-image: url(/Shared/Images/DocumentManagement/Icons/check.svg);
  background-repeat: no-repeat;
  background-position: right 8px center;
}

.w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in.k-state-focused, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-in.k-focus, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf.k-state-focused, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-item .k-treeview-leaf.k-focus, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in.k-state-focused, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-in.k-focus, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf.k-state-focused, .w-notificationtemplates .notification-templates-wrapper .locales .locales-list .treeview .k-treeview-item .k-treeview-leaf.k-focus {
  box-shadow: unset;
}

.w-notificationtemplates .notification-templates-wrapper .templates {
  gap: 21px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .header {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.w-notificationtemplates .notification-templates-wrapper .templates .header .title {
  align-items: center;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  gap: 0.5ch;
  line-height: 1.875rem;
  overflow: hidden;
}

.w-notificationtemplates .notification-templates-wrapper .templates .header .title .text {
  flex-shrink: 0;
  font-weight: 600;
}

.w-notificationtemplates .notification-templates-wrapper .templates .header .title .locale {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-notificationtemplates .notification-templates-wrapper .templates .header .actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.w-notificationtemplates .notification-templates-wrapper .templates .header .search-wrapper {
  width: 320px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .header .info .th_button {
  padding: 9px 13px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .header .info img {
  max-height: 20px;
  max-width: 20px;
  width: 100%;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid {
  border: unset;
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-norecords {
  font-family: Lato, sans-serif;
  font-size: 1rem;
  justify-content: center;
  padding: 16px 24px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-filter {
  bottom: 0;
  height: auto;
  right: 0;
  top: 0;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-filter.k-state-active {
  background-color: #EAECF0;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-filter .k-icon:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 16px;
  width: 16px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-filter .k-icon.k-i-filter:before {
  background-image: url("/Shared/Images/Administration/Icons/filter.svg");
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-header .k-link .k-icon {
  margin: 0;
  height: 0.875rem;
  width: 0.875rem;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-header .k-link .k-icon:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 14px;
  width: 14px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-header .k-link .k-icon.k-i-sort-desc-sm:before {
  background-image: url("/Shared/Images/DocumentManagement/Icons/arrow-down.svg");
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-grid-header .k-link .k-icon.k-i-sort-asc-sm:before {
  background-image: url("/Shared/Images/DocumentManagement/Icons/arrow-down.svg");
  transform: rotate(180deg);
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table {
  /*border-collapse: collapse;*/
  background-color: #FFF;
  display: grid;
  grid-template-columns: minmax(max-content, 1fr) auto auto max-content;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table colgroup {
  display: none;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table thead, .w-notificationtemplates .notification-templates-wrapper .templates .grid table tbody, .w-notificationtemplates .notification-templates-wrapper .templates .grid table tfooter, .w-notificationtemplates .notification-templates-wrapper .templates .grid table tr {
  display: contents;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table td, .w-notificationtemplates .notification-templates-wrapper .templates .grid table th {
  align-items: center;
  border: 0;
  border-top: 1px solid #EAECF0;
  display: flex;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table td > div, .w-notificationtemplates .notification-templates-wrapper .templates .grid table th > div {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 8px;
  justify-content: space-between;
  overflow: hidden;
  padding: 16px 24px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table td > div .text, .w-notificationtemplates .notification-templates-wrapper .templates .grid table th > div .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table th {
  background-color: #F9FAFB;
  font-family: Inter, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  /*line-height: rem(18);*/
  padding: 14px 24px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table th, .w-notificationtemplates .notification-templates-wrapper .templates .grid table th .k-link {
  color: #475467;
  line-height: normal;
  white-space: nowrap;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table th .k-link {
  align-items: center;
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 0;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table th .text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table td {
  box-sizing: border-box;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  height: 72px;
  padding: 0;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table td:first-of-type {
  font-weight: 600;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table td .command {
  padding-left: 8px;
  padding-right: 8px;
  flex: 0 0 auto;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table td .command:first-of-type {
  padding-left: 16px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid table td .command:last-of-type {
  padding-right: 8px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .btn-grid {
  align-items: center;
  background: unset;
  border: unset;
  cursor: pointer;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  gap: 0 8px;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  padding: 0;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .btn-grid img {
  max-height: 20px;
  max-width: 20px;
  width: 100%;
  flex-shrink: 0;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .btn-grid span {
  flex: 1 0 auto;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap {
  align-items: center;
  border: 0;
  border-top: 1px solid #EAECF0;
  display: flex;
  justify-content: space-between;
  padding: 12px 24px 0 24px;
  user-select: none;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap:after {
  display: none;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-first, .w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-last {
  display: none;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers .k-link {
  border: unset;
  border-radius: 100%;
  color: #525252;
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  height: 40px;
  line-height: 1.25rem;
  width: 40px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers .k-link.k-state-selected, .w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers .k-link:hover {
  background-color: #FAFAFA;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-nav {
  border-color: #737373 !important;
  box-shadow: none;
  color: #525252 !important;
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  height: auto;
  line-height: 1.25rem;
  letter-spacing: 0.04em;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-nav .k-icon {
  width: 20px;
  height: 20px;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-nav .k-icon.k-i-arrow-60-left:before {
  background-image: url("/Shared/Images/DocumentManagement/Icons/arrow-left.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 100%;
  width: 100%;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid .k-pager-wrap .k-pager-nav .k-icon.k-i-arrow-60-right:before {
  background-image: url("/Shared/Images/DocumentManagement/Icons/arrow-right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 100%;
  width: 100%;
}

.w-notificationtemplates .notification-templates-wrapper .templates .grid.default-locale .command.delete {
  display: none;
}

.w-notificationtemplates .notification-template-edit-wrapper {
  display: grid;
  flex: 1;
  gap: 24px;
  grid-template-columns: min-content minmax(0, 1fr);
}

.w-notificationtemplates .notification-template-edit-wrapper:empty {
  display: none;
}

.w-notificationtemplates .notification-template-edit-wrapper .container {
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

.w-notificationtemplates .notification-template-edit-wrapper .info {
  background-color: #FCFCFC;
  gap: 0;
  overflow: hidden;
  padding: 0;
  width: 250px;
}

.w-notificationtemplates .notification-template-edit-wrapper .info > div {
  padding: 8px 16px;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .header {
  background-color: #FFF;
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .details {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .details > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .details .title {
  color: #101828;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .details label {
  color: #525252;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .details .info-input {
  display: flex;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .details .info-text {
  align-items: center;
  background-color: #F5F5F5;
  border: 1px solid #737373;
  border-radius: 4px;
  border-width: 1px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  color: #0F0F0F;
  display: flex;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  padding: 10px 14px;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .details .info-text .text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.w-notificationtemplates .notification-template-edit-wrapper .info .actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 16px;
  padding-top: 16px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template {
  gap: 24px;
  padding: 16px 32px 32px 32px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .language-selector {
  font-size: 1rem;
  flex-shrink: 0;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .language-selector .th_dropdown {
  min-width: 200px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .language-selector .th_dropdown .k-dropdown-wrap {
  background-color: #FAFAFA;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .language-selector .th_dropdown .k-dropdown-wrap .k-input {
  color: #525252;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .preview {
  flex-shrink: 0;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .save {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 12px;
  margin-left: auto;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .save .message {
  color: #0F0F0F;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .save .message:empty {
  display: none;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .actions .save .th_button {
  padding: 10px 14px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .send-method {
  color: #101828;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.10em;
  line-height: 1.25rem;
  text-transform: uppercase;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item {
  display: none;
  flex-direction: column;
  gap: 6px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .name {
  color: #0F0F0F;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content {
  display: flex;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget {
  border: unset;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor-inline {
  background-color: #FFF;
  border: 1px solid #737373;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  flex: 1;
  padding: 12px 14px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar {
  border: unset;
  padding: 0px 0px 8px 0px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar .k-button-group {
  gap: 4px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar .k-button-group .k-tool {
  align-items: center;
  background-color: #FFF;
  background-image: unset;
  border-color: #FFF;
  color: #A3A3A3;
  display: flex;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar .k-button-group .k-tool, .w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar .k-button-group .k-tool:first-child, .w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar .k-button-group .k-tool:last-child {
  border-radius: 6px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar .k-button-group .k-tool.k-state-selected, .w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar .k-button-group .k-tool.k-state-hover {
  background-color: #F2F4F7;
  border-color: #F2F4F7;
  color: #344054;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editor-toolbar .k-button-group .k-tool .k-icon {
  font-size: 1.3125rem;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-editable-area {
  background-color: #FFF;
  border: 1px solid #737373;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  min-height: 128px;
  padding: 12px 14px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-dropdown {
  min-width: 126px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-combobox {
  min-width: 240px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-dropdown-wrap {
  align-items: center;
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 40px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-dropdown-wrap .k-input {
  color: #0F0F0F;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding-left: 14px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-dropdown-wrap .k-select {
  background-color: #FFF;
  padding-right: 14px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  background-image: url("/Shared/Images/Administration/Icons/chevron-down.svg");
  content: "";
  height: 20px;
  width: 20px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-colorpicker .k-picker-wrap {
  align-items: center;
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 40px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-colorpicker .k-select {
  background-color: #FFF;
  border: unset;
  padding-right: 14px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-editor .k-colorpicker .k-select .k-i-arrow-60-down:before {
  background-image: url("/Shared/Images/Administration/Icons/chevron-down.svg");
  content: "";
  height: 20px;
  width: 20px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textbox, .w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textarea {
  background-color: #FFF;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  flex: 1;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textbox .k-input, .w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textarea .k-input {
  padding: 8px 12px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textbox {
  height: 40px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textbox .k-input {
  height: 40px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textarea {
  overflow: hidden;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textarea .k-input {
  min-height: 96px;
  transition: min-height 250ms;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item .content > .k-widget.k-textarea .k-input:placeholder-shown {
  min-height: 40px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item.items {
  border: 1px solid #737373;
  border-radius: 8px;
  gap: 10px;
  padding: 16px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item.items .item {
  display: flex;
  flex: 1;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item.items > .name {
  color: #101828;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item-required .name {
  display: flex;
  gap: 4px;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property .items .item-required .name:after {
  content: "*";
  color: #B53E3E;
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property.email .subject, .w-notificationtemplates .notification-template-edit-wrapper .template .property.email .header, .w-notificationtemplates .notification-template-edit-wrapper .template .property.email .items, .w-notificationtemplates .notification-template-edit-wrapper .template .property.email .footer, .w-notificationtemplates .notification-template-edit-wrapper .template .property.email .icsbody {
  display: flex;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property.push .subject, .w-notificationtemplates .notification-template-edit-wrapper .template .property.push .header, .w-notificationtemplates .notification-template-edit-wrapper .template .property.push .items, .w-notificationtemplates .notification-template-edit-wrapper .template .property.push .footer, .w-notificationtemplates .notification-template-edit-wrapper .template .property.push .imageUrl, .w-notificationtemplates .notification-template-edit-wrapper .template .property.push .linkUrl {
  display: flex;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property.push .property-info.push {
  display: flex;
}

.w-notificationtemplates .notification-template-edit-wrapper .template .property.sms .header, .w-notificationtemplates .notification-template-edit-wrapper .template .property.sms .items, .w-notificationtemplates .notification-template-edit-wrapper .template .property.sms .footer {
  display: flex;
}

.w-notificationtemplates .notification-template-edit-wrapper .th_button .icon {
  display: flex;
}

.w-notificationtemplates .notification-template-edit-wrapper .th_button .text {
  letter-spacing: 0.04em;
}

.w-notificationtemplates .property-info {
  align-items: flex-start;
  border-radius: 10px;
  display: none;
  gap: 16px;
  padding: 8px 16px;
}

.w-notificationtemplates .property-info .icon {
  flex-shrink: 0;
  width: 40px;
}

.w-notificationtemplates .property-info .icon img {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}

.w-notificationtemplates .property-info .text {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  gap: 8px;
  line-height: 24px;
}

.w-notificationtemplates .property-info .text span:first-child {
  font-weight: 600;
}

.w-notificationtemplates .property-info .text strong {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.w-notificationtemplates .property-info .text .step_banner_title:empty, .w-notificationtemplates .property-info .text .step_banner_message:empty {
  display: none;
}

.w-notificationtemplates .property-info.warning {
  align-items: center;
  background-color: #FFEFC4 !important;
}

.w-notificationtemplates .property-info.warning .icon {
  background-image: url("/shared/images/Administration/icons/info-circle-yellow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}

.w-notificationtemplates .property-info.warning .text {
  color: #6B551B;
}

.w-notificationtemplates .tag {
  background-color: #EFFAFF;
  border: 1px solid #B4E6FF;
  border-radius: 6px;
  font-family: Lato, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.125rem;
  padding: 2px 4px;
}

.w-notificationtemplates-modal {
  /* to style modal elements that exist outside the widget container */
}

.w-notificationtemplates-modal.k-filter-menu {
  border-radius: 0 0 16px 16px;
}

.w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container {
  width: auto;
}

.w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container .k-multicheck-wrap {
  /*@supports not selector(::-webkit-scrollbar) {*/
  /* valid but the current compiler does not like it */
}

@supports (-moz-appearance: none) {
  .w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container .k-multicheck-wrap {
    scrollbar-color: #0F0F0F transparent;
    scrollbar-width: thin;
  }
}

@supports not (-moz-appearance: none) {
  .w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container .k-multicheck-wrap::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  .w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container .k-multicheck-wrap::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  .w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container .k-multicheck-wrap::-webkit-scrollbar-thumb {
    background-color: #0F0F0F;
    border-radius: 10px;
  }
  .w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container .k-multicheck-wrap::-webkit-scrollbar-thumb:hover {
    background-color: #0F0F0F;
  }
  .w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container .k-multicheck-wrap::-webkit-scrollbar-track-piece:end {
    background-color: transparent;
    margin-bottom: 10px;
  }
  .w-notificationtemplates-modal.k-filter-menu .k-filter-menu-container .k-multicheck-wrap::-webkit-scrollbar-track-piece:start {
    background-color: transparent;
    margin-top: 10px;
  }
}

.w-notificationtemplates .th_button_secondary:hover {
  background-color: #F5F5F5;
}

.w-notificationtemplates .th_dropdown.k-dropdown .k-dropdown-wrap .k-input {
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.w-notificationtemplates .th_dropdown.k-dropdown .k-dropdown-wrap .k-select {
  padding-right: 14px;
}

.w-notificationtemplates .th_dropdown.k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  background-image: url("/Shared/Images/Administration/Icons/chevron-down.svg");
}

.notification-template-modal .k-window-titlebar {
  border: 0;
  box-sizing: border-box;
  padding: 12px 12px 0 12px;
}

.notification-template-modal .k-window-titlebar .k-window-title {
  align-items: center;
  gap: 12px;
}

.notification-template-modal .k-window-titlebar .k-window-actions {
  align-self: flex-start;
  margin: unset;
}

.notification-template-modal .k-window-titlebar .k-window-actions .k-button {
  display: flex;
  height: 44px;
  width: 44px;
}

.notification-template-modal .k-window-titlebar .k-window-actions .k-button:before {
  border-radius: 100%;
  height: 34px;
  inset: unset;
  width: 34px;
}

.notification-template-modal .k-window-titlebar .k-window-actions .k-button .k-i-close {
  height: 24px;
  width: 24px;
}

.notification-template-modal .k-window-titlebar .k-window-actions .k-button .k-i-close:before {
  background-image: url(/shared/images/administration/icons/close.svg);
  content: "";
  display: flex;
  font-size: unset;
  height: 24px;
  width: 24px;
}

.notification-template-modal.modal-delete .k-window-titlebar .k-window-title:before {
  content: url(/Shared/Images/Administration/Icons/modal-delete.svg);
}

.notification-template-modal.modal-delete .th_button_primary {
  background-color: #B53E3E;
}

.notification-template-modal.modal-info .k-window-titlebar .k-window-title:before {
  content: url(/Shared/Images/Administration/Icons/modal-info.svg);
}

.notification-template-modal.modal-preview .k-window-titlebar .k-window-title:before {
  content: url(/Shared/Images/Administration/Icons/modal-preview.svg);
}

.notification-template-modal.preview-modal .k-window-content {
  box-sizing: border-box;
  padding: 24px;
}

.notification-template-modal.preview-modal .notification-template-preview {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-message {
  max-width: 748px;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  white-space: pre-line;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper {
  box-sizing: border-box;
  display: grid;
  gap: 8px 0;
  grid-template-areas: "items info" "controls .";
  padding: 0px 24px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .k-scrollview-elements {
  display: none;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items {
  box-sizing: border-box;
  background-color: #F5F5F5;
  border-radius: 16px;
  grid-area: items;
  height: 300px;
  overflow: hidden;
  position: relative;
  width: 300px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item {
  background-position: bottom center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px 10px 0px 10px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item.email {
  background-image: url(/shared/images/Administration/Backgrounds/phone-email.png);
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item.push {
  background-image: url(/shared/images/Administration/Backgrounds/phone-push.png);
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item.sms {
  background-image: url(/shared/images/Administration/Backgrounds/phone-sms.png);
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-top {
  display: flex;
  justify-content: space-between;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-top .language {
  align-items: center;
  background-color: #FFF;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  height: 32px;
  line-height: 14px;
  max-width: 120px;
  padding: 8px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-top .language .text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-top .icon {
  align-items: center;
  background-color: #FFF;
  border-radius: 6px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message {
  display: flex;
  flex: 1 1 auto;
  position: relative;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message .message {
  display: flex;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message {
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 145px;
  padding: 0 45px;
  position: absolute;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .subject {
  align-items: center;
  display: flex;
  height: 28px;
  font-family: Lato, sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  flex-shrink: 0;
  padding-left: 48px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .subject span {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body {
  font-family: Lato, sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  overflow-x: hidden;
  padding: 12px 2px 0px 8px;
  text-wrap: auto;
  /*@supports not selector(::-webkit-scrollbar) {*/
  /* valid but the current compiler does not like it */
  scrollbar-gutter: stable;
}

@supports (-moz-appearance: none) {
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body {
    scrollbar-color: #0F0F0F transparent;
    scrollbar-width: thin;
  }
}

@supports not (-moz-appearance: none) {
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body::-webkit-scrollbar-thumb {
    background-color: #0F0F0F;
    border-radius: 10px;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body::-webkit-scrollbar-thumb:hover {
    background-color: #0F0F0F;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body::-webkit-scrollbar-track-piece:end {
    background-color: transparent;
    margin-bottom: 10px;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body::-webkit-scrollbar-track-piece:start {
    background-color: transparent;
    margin-top: 10px;
  }
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.email .message .body .body-content img {
  max-width: 100%;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push {
  align-items: center;
  justify-content: center;
  padding-top: 40px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message {
  height: 50px;
  backdrop-filter: brightness(125%) blur(90px);
  background-blend-mode: luminosity;
  border-radius: 4px;
  box-sizing: border-box;
  display: grid;
  gap: 0px 5px;
  grid-template-areas: "img subject" "img body";
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
  grid-template-rows: min-content auto;
  overflow: hidden;
  padding: 9px;
  width: 260px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message .image {
  align-self: center;
  grid-area: img;
  height: 33px;
  justify-self: center;
  width: 33px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message .image img {
  height: 100%;
  object-fit: scale-down;
  width: 100%;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message .image:empty {
  display: none;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message .subject {
  display: flex;
  font-family: Lato, sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  grid-area: subject;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message .subject .subject-content {
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message .body {
  font-family: Lato, sans-serif;
  font-size: 0.5625rem;
  font-weight: 400;
  grid-area: body;
  line-height: 100%;
  overflow: hidden;
  text-wrap: auto;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message .body * {
  font-size: 0.5625rem;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.push .message .body .body-content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.sms {
  align-items: center;
  justify-content: center;
  flex: 1;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.sms .message {
  padding-top: 30px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.sms .body {
  background-image: url(/shared/images/administration/backgrounds/notification-sms-msg.svg);
  box-sizing: border-box;
  display: flex;
  font-family: Lato, sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  height: 72px;
  line-height: 24px;
  padding: 12px 13px;
  text-wrap: auto;
  width: 239px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.sms .body * {
  font-size: 0.8125rem;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-items .preview-item .item-message.sms .body .body-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 46px;
  grid-area: info;
  padding: 0 24px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-title {
  font-family: Lato, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-text {
  /*@supports not selector(::-webkit-scrollbar) {*/
  /* valid but the current compiler does not like it */
  background-color: #F5F5F5;
  border: 1px solid #737373;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  border-radius: 8px;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  height: 101px;
  line-height: 24px;
  overflow: auto;
  padding: 12px 14px;
  width: 400px;
}

@supports (-moz-appearance: none) {
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-text {
    scrollbar-color: #0F0F0F transparent;
    scrollbar-width: thin;
  }
}

@supports not (-moz-appearance: none) {
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-text::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-text::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-text::-webkit-scrollbar-thumb {
    background-color: #0F0F0F;
    border-radius: 10px;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-text::-webkit-scrollbar-thumb:hover {
    background-color: #0F0F0F;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-text::-webkit-scrollbar-track-piece:end {
    background-color: transparent;
    margin-bottom: 10px;
  }
  .notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-info .preview-info-item .preview-info-text::-webkit-scrollbar-track-piece:start {
    background-color: transparent;
    margin-top: 10px;
  }
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-controls {
  align-items: center;
  display: flex;
  gap: 0 8px;
  grid-area: controls;
  justify-content: center;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-controls .preview-control {
  align-items: center;
  border: unset;
  background: unset;
  cursor: pointer;
  display: flex;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  gap: 0 6px;
  justify-content: center;
  line-height: 16px;
  user-select: none;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-controls .preview-control .icon {
  display: flex;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-controls .preview-control .text {
  display: flex;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-controls .preview-control:disabled {
  cursor: initial;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-wrapper .preview-controls .preview-spacer:after {
  background-color: #535353;
  content: '';
  display: block;
  height: 1px;
  width: 35px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-modal-actions {
  display: flex;
  gap: 12px;
}

.notification-template-modal.preview-modal .notification-template-preview .preview-modal-actions button {
  flex: 1 1 auto;
}

.notification-template-modal.confirm-modal .k-window-content {
  padding: 24px;
}

.notification-template-modal.confirm-modal .notification-template-confirm {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 748px;
}

.notification-template-modal.confirm-modal .notification-template-confirm .content {
  color: #0F0F0F;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  white-space: pre-line;
}

.notification-template-modal.confirm-modal .notification-template-confirm .actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.notification-template-modal.information-modal .notification-template-confirm .content {
  white-space: normal;
}

.notification-template-modal.information-modal .notification-template-confirm .content h1 {
  font-family: Poppins, sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 32px;
}

.notification-template-modal.information-modal .notification-template-confirm .content h1 + p {
  margin-top: 8px;
}

.notification-template-modal.information-modal .notification-template-confirm .content p + h1 {
  margin-top: 24px;
}

.notification-template-modal.information-modal .notification-template-confirm .content :last-child {
  margin-bottom: 0;
}

.w-nutrition {
  display: inline;
}

.w-nutrition .nutrition tr {
  cursor: pointer;
}

.w-nutrition .nutrition tr.k-alt {
  background-color: #deeaf6;
}

.w-nutrition .k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
  top: 15%;
  height: auto;
  line-height: 1.3em;
  width: 60%;
  margin: auto 20%;
  left: 0;
}

.nutrients {
  max-width: 500px;
  padding: 0.5em;
}

.nutrients .nutrientTable {
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
}

.nutrients .nutrientTable td a.chartLink {
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-image: url(/Shared/images/nutrition-graph.png);
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
}

.nutrients .nutrientTable .k-grid-header th.k-header {
  border-width: 4px 0 2px 0;
  border-color: #000;
}

.nutrients .nutrientTable .k-grid td {
  padding: 0.15em 1.286em;
  border-color: #ccc !important;
  border-width: 0 0 1px 0 !important;
}

@media (max-width: 480px) {
  .w-nutrition .nutrition.k-grid {
    padding: 0;
    font-size: smaller;
  }
  .nutrients {
    font-size: smaller;
  }
  .nutrients .nutrientTable.k-grid {
    padding: 0;
    font-size: smaller;
  }
}

.w-nutritionChart .k-chart {
  height: 150px;
}

.w-nutritionChart .bmrWarning {
  font-size: 0.6em;
  font-style: italic;
}

.w-odometer {
  display: inline;
}

.w-odometer div {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 15px;
  height: 20px;
  background-image: url(/shared/images/stepcounter/odometer.png);
  background-repeat: no-repeat;
}

.w-odometer div.num0 {
  background-position: 0;
}

.w-odometer div.num1 {
  background-position: -15px;
}

.w-odometer div.num2 {
  background-position: -30px;
}

.w-odometer div.num3 {
  background-position: -45px;
}

.w-odometer div.num4 {
  background-position: -60px;
}

.w-odometer div.num5 {
  background-position: -75px;
}

.w-odometer div.num6 {
  background-position: -90px;
}

.w-odometer div.num7 {
  background-position: -105px;
}

.w-odometer div.num8 {
  background-position: -120px;
}

.w-odometer div.num9 {
  background-position: -135px;
}

.outstandingTasksWidget.hide {
  display: none;
}

.outstandingTasksWidget.hide.edit {
  display: block;
}

.w-outstandingTasks .tasklink {
  cursor: pointer;
}

.w-outstandingTasks .tasklink:hover {
  background-color: #f4f4f4;
}

.w-pagedtracker .tracker-section p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 8pt;
}

.tracker-points-cal {
  background-color: cornflowerblue;
  color: white;
}

.tracker-context-menu .k-image {
  max-height: 24px;
}

.tracker-name img {
  vertical-align: middle;
  margin-left: 5px;
}

.w-passwordRequirements {
  color: #444444;
  font-size: 11px;
  _display: inline-block !important;
  display: inline-block !important;
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/interface-alert-circle");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 25px;
  margin-left: 15px;
  cursor: pointer;
}

.pwrqTooltip {
  font-size: 10px;
}

.pwrqTooltip h3 {
  color: #444444;
  font-size: 12px;
  padding-top: 4px;
}

/* Personal challenge */
.w-personal-challenges {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
  max-height: 900px;
  overflow: auto;
}

.w-personal-challenges .white {
  color: #fff;
  fill: #fff;
}

.w-personal-challenges .pager {
  border: none;
  margin-bottom: 0.5rem;
}

.w-personal-challenges .buttons {
  color: #000000;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
  border-radius: 4px;
  margin-top: 4px;
  margin-left: 10px;
  margin-right: 8px;
  margin-bottom: 4px;
}

.w-personal-challenges .button-invite {
  margin-left: 0px;
}

.w-personal-challenges .button-red {
  color: #ffffff;
  background: #d5504a;
}

.w-personal-challenges .button-green {
  color: #ffffff;
  background: #40c89e;
}

.w-personal-challenges .red-background {
  background: #d5504a;
}

.w-personal-challenges .mango-background {
  background: #f88436;
}

.w-personal-challenges .mangoGradient {
  background: #f88436;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fe9e5e 1%, #f88436 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fe9e5e 1%, #f88436 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fe9e5e 1%, #f88436 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9e5e', endColorstr='#f88436',GradientType=0 );
  /* IE6-9 */
}

.w-personal-challenges .green {
  color: #40c89e;
  fill: #40c89e;
}

.w-personal-challenges .green-background {
  background: #40c89e;
}

.w-personal-challenges .green-link {
  color: #40c89e;
  margin-left: 14px;
  font-weight: 700;
}

.w-personal-challenges .greenGradient {
  background: #3ee0af;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3ee0af 1%, #40bd97 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3ee0af 1%, #40bd97 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3ee0af 1%, #40bd97 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ee0af', endColorstr='#40bd97',GradientType=0 );
  /* IE6-9 */
}

.w-personal-challenges .purple {
  color: #6896f4;
  fill: #6896f4;
}

.w-personal-challenges .purple-background {
  background: #6896f4;
}

.w-personal-challenges .purple-link {
  color: #6896f4;
  margin-left: 6px;
}

.w-personal-challenges .purpleGradient {
  background: #6896f4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6896f4 2%, #5580d9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6896f4 2%, #5580d9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6896f4 2%, #5580d9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6896f4', endColorstr='#5580d9',GradientType=0 );
  /* IE6-9 */
}

.w-personal-challenges .gold {
  color: #edc50b;
  fill: #edc50b;
}

.w-personal-challenges .gold-background {
  background: #edc50b;
}

.w-personal-challenges .goldGradient {
  background: #fdd51c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fdd51c 0%, #e9c107 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fdd51c 0%, #e9c107 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdd51c 0%, #e9c107 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd51c', endColorstr='#e9c107',GradientType=0 );
  /* IE6-9 */
}

.w-personal-challenges .noInfo {
  display: none;
  margin-top: 15px;
  margin-bottom: 25px;
}

.w-personal-challenges .challenge-progress {
  font-weight: 400;
  font-size: 10px;
  /*height: 28px;*/
}

.w-personal-challenges .challenge-links {
  /* margin: 0px 5px 0px 5px; */
  padding: 0;
  border: none;
  line-height: 28px;
  height: 28px;
  text-align: center;
}

.w-personal-challenges .challenge-links .links {
  cursor: pointer;
}

.w-personal-challenges .challenge-links .icons {
  padding-top: 4px;
  width: 18px;
  height: 18px;
}

.w-personal-challenges .challenge-links h3 {
  margin: 0;
  line-height: 26px;
  height: 26px;
  text-align: center;
  font-size: 1rem;
}

.w-personal-challenges .challenge-links .top-link {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
}

.w-personal-challenges .challenge-links .link-right {
  margin-right: 12px;
  padding: 0;
}

.w-personal-challenges .challenge-links .link-left {
  margin-left: 12px;
  margin-right: 2px;
  padding: 0;
}

.w-personal-challenges .challenge-links .link-plus {
  margin-left: 2px;
  margin-right: 4px;
  padding: 0;
  line-height: 26px;
  height: 26px;
  text-align: center;
}

.w-personal-challenges .challenge-links .divHidden {
  display: none;
}

.w-personal-challenges .challenge-list {
  /* margin: 0px 5px 0px 5px; */
  padding: 0;
  border: none;
}

.w-personal-challenges .challenge-list .challenge {
  position: relative;
  width: calc(33% - 8px);
  height: 180px;
  overflow: auto;
  margin: 4px;
  border: 1px solid #b2b2b2;
  background-color: #fbfbfb;
  border-radius: 3px;
  cursor: pointer;
}

.w-personal-challenges .challenge-list .challenge .challenge-header {
  padding: 0.5rem;
}

.w-personal-challenges .challenge-list .challenge .challenge-header h3 {
  margin: 0;
  line-height: 1.0rem;
  font-size: .9rem;
  color: #ffffff;
}

.w-personal-challenges .challenge-list .challenge .challenge-header h3.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 38px);
}

.w-personal-challenges .challenge-list .challenge .go-to-challenge {
  height: 22px;
  width: 22px;
  background-size: contain;
  background-repeat: no-repeat;
}

.w-personal-challenges .challenge-list .challenge .details {
  position: relative;
  padding: 0.5rem;
  height: 120px;
}

.w-personal-challenges .challenge-list .challenge .details .details-info {
  width: calc(100% - 30px);
  font-size: 0.75rem;
  line-height: 1.1rem;
  height: 100%;
}

.w-personal-challenges .challenge-list .challenge .details .completed-info {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.w-personal-challenges .challenge-list .challenge .details .details-width {
  width: calc(100% - 29px);
}

.w-personal-challenges .challenge-list .challenge .details .div-dares {
  position: relative;
  bottom: 0;
  left: 0;
  margin: 3px;
  width: calc(100% - 29px);
}

.w-personal-challenges .challenge-list .challenge .details .completed-image {
  vertical-align: middle;
  height: 16px;
  width: 16px;
  padding: 2px;
}

.w-personal-challenges .challenge-list .challenge .details .checkbox-dares {
  vertical-align: middle;
  height: 20px;
  width: 20px;
  line-height: 20px;
  padding-left: 10px;
}

.w-personal-challenges .challenge-list .challenge .details .details-icons {
  width: 22px;
  height: 100px;
}

.w-personal-challenges .challenge .details .details-icons .icons {
  height: 16px;
  width: 16px;
  padding: 2px;
}

.w-personal-challenges .challenge-list .challenge .details .show {
  display: block;
}

.w-personal-challenges .challenge-list .challenge .details .hide {
  display: none;
}

.w-personal-challenges .challenge-list .challenge .details .fieldname {
  font-weight: 700;
}

.w-personal-challenges .challenge-list .challenge .details .additional-info {
  width: 100%;
  height: 100%;
}

.w-personal-challenges .challenge-list .challenge:hover {
  border: 1px solid #7f7f7f;
  background-color: #eee;
}

.w-personal-challenges .challenge-list .challenge:hover .challenge-header {
  background-color: #bbb;
}

.w-personal-challenges .challenge-list .challenge .details .links {
  font-size: 0.75rem;
  height: 18px;
  cursor: pointer;
}

.w-personal-challenges .challenge-list .challenge .details .view-edit {
  margin-left: 2px;
  margin-right: 2px;
}

.w-personal-challenges .challengeIcon {
  height: 20px;
  width: 20px;
  padding: 2px;
  margin-right: 4px;
}

.w-personal-challenges .bx-wrapper .bx-prev {
  left: -42px;
}

.w-personal-challenges .bx-wrapper .bx-next {
  right: -42px;
}

.w-personal-challenges .bx-wrapper .bx-prev.btn-bottom-prev {
  left: 70px;
}

.w-personal-challenges .bx-wrapper .bx-next.btn-bottom-next {
  right: 60px;
}

.w-personal-challenges .bx-wrapper .bx-controls-direction a.bottom-controls {
  top: 109%;
}

@media (max-width: 800px) {
  .w-personal-challenges .challenge-list .challenge {
    width: calc(100% - 0.6rem);
  }
}

@media (max-width: 450px) {
  .w-personal-challenges .challenge-links {
    height: 52px;
  }
}

@font-face {
  font-family: "Open Sans PDF";
  src: url("/shared/fonts/opensans/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Light PDF";
  src: url("/shared/fonts/opensans/OpenSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Medium PDF";
  src: url("/shared/fonts/opensans/OpenSans-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans SemiBold PDF";
  src: url("/shared/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Bold PDF";
  src: url("/shared/fonts/opensans/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Italic PDF";
  src: url("/shared/fonts/opensans/OpenSans-Italic.ttf") format("truetype");
}

.pdfExport .w-personalprofile .personal-profile-header {
  display: none;
}

.pdfExport .w-personalprofile .header-buttons {
  display: none;
}

.k-pdf-export .w-personalprofile .section-data-risk {
  border: 1px solid rgba(16, 24, 40, 0.06);
}

.k-pdf-export .page-template .header, .k-pdf-export .page-template .footer {
  position: absolute;
  left: 0;
  right: 0;
}

.k-pdf-export .page-template .header {
  height: 70px;
  top: 0;
  display: flex;
  align-items: center;
  padding: 0 18px;
  box-sizing: border-box;
  justify-content: space-between;
}

.k-pdf-export .page-template .header .header-text {
  color: #000;
  font-size: 16px;
  font-family: "Open Sans SemiBold PDF";
}

.k-pdf-export .page-template .header .header-logo {
  display: flex;
}

.k-pdf-export .page-template .header .header-logo:empty {
  display: none;
}

.k-pdf-export .page-template .header .header-logo .logo-dark {
  display: block;
  max-width: 79px;
}

.k-pdf-export .page-template .header .header-logo .logo-light {
  display: none;
  max-width: 73px;
}

.k-pdf-export .page-template .footer {
  bottom: 0;
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  padding: 0px 18px;
}

.k-pdf-export .page-template[data-page="1"] .header .header-text {
  color: #fff;
  font-size: 20px;
  font-family: "Open Sans SemiBold PDF";
}

.k-pdf-export .page-template[data-page="1"] .header .header-logo .logo-dark {
  display: none;
}

.k-pdf-export .page-template[data-page="1"] .header .header-logo .logo-light {
  display: block;
}

.w-personalprofile {
  font-family: "Open Sans PDF";
  font-weight: normal;
}

.w-personalprofile strong {
  font-family: "Open Sans Bold PDF";
  font-weight: unset;
}

.w-personalprofile span.title {
  color: #000;
  font-size: 13px;
  font-family: "Open Sans SemiBold PDF";
}

.w-personalprofile div.highlight {
  color: #000;
  font-size: 12px;
  font-family: "Open Sans SemiBold PDF";
}

.w-personalprofile .personal-profile-header {
  align-items: center;
  box-sizing: border-box;
  background: #794199;
  color: #fff;
  display: flex;
  font-size: 20px;
  gap: 16px;
  height: 70px;
  padding: 15px 18px;
}

.w-personalprofile .personal-profile-header .header-text {
  flex: 1 1 auto;
}

.w-personalprofile .personal-profile-header .header-logo {
  display: flex;
}

.w-personalprofile .personal-profile-header .header-logo:empty {
  display: none;
}

.w-personalprofile .personal-profile-header .header-logo img {
  max-width: 79px;
}

.w-personalprofile .header-buttons .button-pdf {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 0;
}

.w-personalprofile .personal-profile-data {
  padding: 0px 18px;
}

.w-personalprofile .personal-profile-user {
  display: grid;
  gap: 10px;
  grid-template-columns: 2fr 1fr 1fr;
  margin: 40px 0px;
}

.w-personalprofile .personal-profile-user .user-info-header {
  background: #F5F5F5;
  border-radius: 3px;
  padding: 2px 5px;
  color: #535353;
  font-size: 10px;
}

.w-personalprofile .personal-profile-user .user-info-header:nth-child(1) {
  grid-column: 1/4;
  grid-row: 1/2;
}

.w-personalprofile .personal-profile-user .user-info-value {
  color: #000;
  font-size: 12px;
  grid-row: 4/5;
  padding: 0px 5px;
}

.w-personalprofile .personal-profile-user .user-info-value:nth-child(5) {
  font-family: "Open Sans Bold PDF";
  font-size: 14px;
  grid-column: 1/4;
  grid-row: 2/3;
}

.w-personalprofile .personal-profile-section + .personal-profile-section {
  padding-top: 20px;
}

.w-personalprofile .personal-profile-section .section-header {
  align-items: center;
  background: #4089DE;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  padding: 14px;
  color: #fff;
  font-size: 14px;
  flex: 1 0 100%;
}

.w-personalprofile .personal-profile-section .section-data {
  /* resilience copy/paste start */
  /* resilience copy/paste end */
}

.w-personalprofile .personal-profile-section .section-data p {
  color: #000;
  font-size: 12px;
}

.w-personalprofile .personal-profile-section .section-data ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0px;
  padding: 0;
}

.w-personalprofile .personal-profile-section .section-data ul li {
  background: #F5F5F5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #000;
  font-size: 10px;
  padding: 7px 10px;
  list-style: none;
}

.w-personalprofile .personal-profile-section .section-data .section-data-header {
  align-items: baseline;
  color: #000;
  display: flex;
  font-size: 14px;
  gap: 0px 5px;
  margin-bottom: 12px;
}

.w-personalprofile .personal-profile-section .section-data .section-data-header .header-text {
  flex-shrink: 0;
}

.w-personalprofile .personal-profile-section .section-data .section-data-header:after {
  content: "";
  flex: 1 1 auto;
  border-bottom: 1px solid #C5C5C5;
  box-sizing: border-box;
}

.w-personalprofile .personal-profile-section .section-data .linemenu {
  background: #F5F5F5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #000;
  font-size: 10px;
  padding: 7px 10px;
}

.w-personalprofile .personal-profile-section .section-data .linemenu p {
  margin: 0;
}

.w-personalprofile .personal-profile-section .section-data .linemenu ul li {
  background: unset;
  border: unset;
  padding: 0px 10px;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating {
  display: flex;
  gap: 10px;
  margin: 12px 0;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px -2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  display: flex;
  flex: 1 1 48%;
  flex-direction: column;
  height: 114px;
  padding: 8px;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk .risk-top {
  display: flex;
  justify-content: space-between;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk .risk-top .risk-title {
  color: #525252;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk .risk-top .risk-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk .risk-middle {
  align-items: flex-end;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  padding-bottom: 12px;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk .risk-middle .risk-text {
  color: #0F0F0F;
  font-family: "Open Sans SemiBold PDF";
  font-size: 16px;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk .risk-bottom .risk-bar {
  background-color: #E5E5E5;
  border-radius: 4px;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk .risk-bottom .risk-bar .risk-bar-fill {
  height: 4px;
  border-radius: 4px;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="0"] .risk-icon {
  background-image: url("/shared/images/icons/employersolution/riskrating/status-no-data.svg");
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="1"] .risk-icon {
  background-image: url("/shared/images/icons/employersolution/riskrating/status-very-high.svg");
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="1"] .risk-bar-fill {
  background-color: #FF5757;
  width: 88.25%;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="2"] .risk-icon {
  background-image: url("/shared/images/icons/employersolution/riskrating/status-high.svg");
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="2"] .risk-bar-fill {
  background-color: #FF8541;
  width: 71%;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="3"] .risk-icon {
  background-image: url("/shared/images/icons/employersolution/riskrating/status-moderate.svg");
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="3"] .risk-bar-fill {
  background-color: #FFDE30;
  width: 54.5%;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="4"] .risk-icon {
  background-image: url("/shared/images/icons/employersolution/riskrating/status-low.svg");
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="4"] .risk-bar-fill {
  background-color: #2BDC5D;
  width: 28%;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="5"] .risk-icon {
  background-image: url("/shared/images/icons/employersolution/riskrating/status-low.svg");
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="5"] .risk-bar-fill {
  background-color: #2BDC5D;
  width: 8.25%;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="6"] .risk-icon {
  background-image: url("/shared/images/icons/employersolution/riskrating/status-none.svg");
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk[data-risk-value="6"] .risk-bar-fill {
  background-color: #2BDC5D;
  width: 8.25%;
}

.w-personalprofile .personal-profile-section .section-data .section-data-risk-rating .section-data-risk-text {
  display: flex;
  flex: 1 1 52%;
}

.w-personalprofile .personal-profile-section .section-data .jsc_summary_icon {
  background-repeat: no-repeat !important;
  background-position-y: center !important;
  float: left;
}

.w-personalprofile .personal-profile-section .section-data table .jsc_summary_icon {
  background-position: center;
  background-size: contain;
  margin: 0px !important;
  padding: 10px 10px 10px 15px !important;
  float: none !important;
  width: 14px !important;
  height: 14px !important;
}

.w-personalprofile .personal-profile-section .section-data .jsc_summary_E_icon {
  background-image: url(/shared/images/employersolution/personalprofile/wc_v12_Resilience-Checkpoint_Legend_Strong-Negative-01.svg) !important;
}

.w-personalprofile .personal-profile-section .section-data .jsc_summary_D_icon {
  background-image: url(/shared/images/employersolution/personalprofile/wc_v12_Resilience-Checkpoint_Legend_Negative-01.svg) !important;
}

.w-personalprofile .personal-profile-section .section-data .jsc_summary_C_icon {
  background-image: url(/shared/images/employersolution/personalprofile/wc_v12_Resilience-Checkpoint_Legend_Neutral-01.svg) !important;
}

.w-personalprofile .personal-profile-section .section-data .jsc_summary_B_icon {
  background-image: url(/shared/images/employersolution/personalprofile/wc_v12_Resilience-Checkpoint_Legend_Positive-01.svg) !important;
}

.w-personalprofile .personal-profile-section .section-data .jsc_summary_A_icon {
  background-image: url(/shared/images/employersolution/personalprofile/wc_v12_Resilience-Checkpoint_Legend_Strong-Positive-01.svg) !important;
}

.w-personalprofile .personal-profile-section .section-data td.heading {
  color: #009FB8;
  font-weight: bold;
}

.w-personalprofile .personal-profile-section .section-data td.subheading {
  color: #6B6B6B;
  font-weight: bold;
  padding: 2px 10px 2px 10px;
}

.w-personalprofile .personal-profile-section .section-data td.normal {
  color: #6B6B6B;
  padding: 2px 10px 2px 10px;
}

.w-personalprofile .personal-profile-section .section-data td.spacer {
  margin: 0px !important;
  padding: 10px !important;
  float: none !important;
  width: 14px !important;
  height: 14px !important;
}

.w-personalprofile .personal-profile-section .section-data details summary {
  cursor: pointer;
}

@media print {
  .w-personalprofile .personal-profile-section .section-data .reports-link {
    font-size: 10px;
  }
  .w-personalprofile .personal-profile-section .section-data ol li {
    font-size: 11pt;
  }
  .w-personalprofile .personal-profile-section .section-data details summary {
    display: none;
  }
}

.w-personalprofile .personal-profile-section .section-data .banner {
  background-color: #D8B0FF;
  background-repeat: no-repeat;
  background-position: left center;
  height: 80px;
  text-align: center;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.w-personalprofile .personal-profile-section .section-data .banner-light, .w-personalprofile .personal-profile-section .section-data .section-banner {
  background-color: #D8B0FF;
  background-repeat: no-repeat;
  background-position: left center;
  height: 80px;
  text-align: center;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.w-personalprofile .personal-profile-section .section-data .banner-light img, .w-personalprofile .personal-profile-section .section-data .section-banner img {
  max-height: 80px;
}

.w-personalprofile .personal-profile-section .section-data .divider, .w-personalprofile .personal-profile-section .section-data .section-divider {
  position: relative;
  margin: 24px 0px;
}

.w-personalprofile .personal-profile-section .section-data .divider-half, .w-personalprofile .personal-profile-section .section-data .section-divider-half {
  width: 50%;
  margin: 24px auto !important;
}

.w-personalprofile .personal-profile-section .section-data .divider hr, .w-personalprofile .personal-profile-section .section-data .section-divider hr {
  position: absolute;
  top: 10px;
  width: 100%;
  border: 1px solid #ae7acc;
  margin: 0;
}

.w-personalprofile .personal-profile-section .section-data .divider .image-wrapper, .w-personalprofile .personal-profile-section .section-data .section-divider .image-wrapper {
  padding: 0px 3px;
  background-color: #fff;
  width: 26px;
  height: 20px;
  margin: 0 auto;
  position: relative;
}

.w-personalprofile .personal-profile-section .section-data .divider img, .w-personalprofile .personal-profile-section .section-data .section-divider img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ae7acc;
  display: block;
}

.w-personalprofile .personal-profile-section .section-data .custom-resilience-pop-border {
  border: 2px #009BB3 solid;
  border-radius: 25px;
  padding: 0px 20px;
}

.w-personalprofile .personal-profile-section .section-data .custom-resilience-go-btn a {
  border: 2px solid #adadad;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 15px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.w-personalprofile .personal-profile-section .section-data .custom-resilience-go-btn a:hover {
  background-color: #e6e6e6;
}

.w-personalprofile .personal-profile-section .section-data li.well-being-chevron {
  background: url("/shared/images/employersolution/personalprofile/wc_v12_Well-Being-Work_bullet16.png") no-repeat left 3px;
  padding-left: 25px;
  display: block;
}

.w-personalprofile .personal-profile-section .section-data .well-being-footer {
  border: 1px solid #ccc;
  -ms-border-radius: 12px;
  border-radius: 12px;
  padding: 10px 10px 0px 10px;
}

@media print {
  .w-personalprofile .header-buttons {
    display: none;
  }
  .w-control-panel {
    display: none;
  }
}

.w-pixelpopformgraph {
  width: 100%;
  background-color: #cfe6ee;
  padding: 0;
}

.w-pixelpopformgraph .k-state-border-down .value.risk-unknown {
  background: #71b2ca;
}

.w-pixelpopformgraph .k-state-border-down .value.risk-high {
  background: #9e171e;
}

.w-pixelpopformgraph .k-state-border-down .value.risk-medium {
  background: #fdaf17;
}

.w-pixelpopformgraph .k-state-border-down .value.risk-low {
  background: #52de63;
}

.w-pixelpopformgraph .row {
  width: 100%;
  height: 2.5em;
  line-height: 2.5em;
  margin: 0;
}

.w-pixelpopformgraph .row .title {
  background-color: #565759;
  color: #fff;
  padding-left: 2.5em;
  box-sizing: border-box;
  width: 150px;
  text-transform: uppercase;
}

.w-pixelpopformgraph .row .value {
  background: #a9d0df;
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s;
  height: 2.5em;
  box-sizing: border-box;
}

.w-pixelpopformgraph .k-tooltip {
  background-color: #565759 !important;
  color: #fff !important;
  text-transform: uppercase;
}

.w-poll {
  background-color: #fff;
  clear: both;
  overflow: hidden;
}

.w-poll .form-poll .section {
  border: none;
  padding: 0;
}

.w-poll .form-poll .section .question {
  padding-left: 0;
}

.w-poll .form-poll .section .question fieldset {
  border: none;
  margin: 0;
}

.w-poll .form-poll .section .question fieldset legend {
  margin-bottom: 1em;
}

.w-poll .form-poll .section .question ul {
  padding-left: 1em;
}

.w-poll .form-poll .section .question ul li {
  list-style-type: none;
  margin-left: 0;
}

.w-poll .form-poll .section .question ul li .desc {
  display: none;
}

.w-poll.w-assessmentAggregate .question {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.w-poll.w-assessmentAggregate .question .k-chart {
  height: 280px;
}

.w-poll.w-assessmentAggregate .question h2 .code {
  display: none;
}

.w-copyright {
  display: inline;
}

.w-coachingPrograms {
  margin-bottom: 50px;
}

.w-coachingPrograms .program-compass {
  cursor: pointer;
}

.w-coachingPrograms .program-compass .program {
  margin: 20px 0;
  border: 0;
  border-radius: 10px;
  padding: 10px;
  height: 300px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: cornflowerblue;
}

.w-coachingPrograms .program-compass .program .schedActions {
  padding-top: 20px;
}

.w-coachingPrograms .program-compass .program .title, .w-coachingPrograms .program-compass .program .lnkView, .w-coachingPrograms .program-compass .program .lnkChooseProgram {
  text-transform: uppercase;
}

.w-coachingPrograms .program-compass .program .title, .w-coachingPrograms .program-compass .program .description, .w-coachingPrograms .program-compass .program .lnkView, .w-coachingPrograms .program-compass .program .lnkChooseProgram {
  color: white;
  font-style: normal;
}

.w-coachingPrograms .program-compass .program .progress {
  display: block;
  text-align: center;
  margin-top: 20px;
  position: relative;
}

.w-coachingPrograms .program-compass .program .progress .widget {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.w-coachingPrograms .program-compass .program .description {
  display: none;
}

.w-coachingPrograms .program-compass .program .lnkView, .w-coachingPrograms .program-compass .program .lnkChooseProgram {
  display: none;
  font-size: 1.5em;
  margin-top: 20px;
  padding-left: 30px;
  padding-top: 2px;
  padding-bottom: 3px;
  background: url(/shared/templates/WCompass1/images/launch-icon.png) no-repeat;
}

.w-coachingPrograms .program-compass .program .lnkClose {
  display: none;
  font-size: 1.5em;
  margin-top: 20px;
  background: url(/shared/templates/WCompass1/images/close-icon.png) no-repeat center;
}

.w-coachingPrograms .program-compass .program.selected {
  background-color: cornflowerblue;
  margin: 0 0;
  height: 340px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.w-coachingPrograms .program-compass .program.selected .lnkView, .w-coachingPrograms .program-compass .program.selected .lnkChooseProgram {
  display: inline;
}

.w-coachingPrograms .program-compass .program.selected .lnkClose {
  display: block;
}

.w-coachingPrograms .program-compass .program.selected .description {
  display: block;
  max-height: 200px;
  overflow: hidden;
}

.w-coachingPrograms .program-compass .program.selected .progress {
  display: none;
}

.w-coachingPrograms .program-compass .program .no-score {
  display: none;
}

.w-coachingPrograms .program-compass .program .text-container {
  padding-top: 58px;
}

.w-coachingPrograms .program-compass .program .score {
  color: white;
  margin-top: 10px;
  font-size: 1.5em;
}

@media only screen and (min-width: 480px) {
  .w-coachingPrograms .bx-wrapper {
    margin-left: 50px;
    margin-right: 50px;
  }
}

.w-coachingPrograms .program-compass_v2 {
  cursor: pointer;
}

.w-coachingPrograms .program-compass_v2 .program {
  margin: 20px 0;
  border: 0;
  border-radius: 10px;
  padding: 10px;
  height: 300px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: cornflowerblue;
}

.w-coachingPrograms .program-compass_v2 .program .schedActions {
  padding-top: 20px;
}

.w-coachingPrograms .program-compass_v2 .program .title, .w-coachingPrograms .program-compass_v2 .program .lnkView, .w-coachingPrograms .program-compass_v2 .program .lnkChooseProgram, .w-coachingPrograms .program-compass_v2 .program .lnkJoinProgram {
  text-transform: uppercase;
}

.w-coachingPrograms .program-compass_v2 .program .title, .w-coachingPrograms .program-compass_v2 .program .description, .w-coachingPrograms .program-compass_v2 .program .description-front, .w-coachingPrograms .program-compass_v2 .program .description-back, .w-coachingPrograms .program-compass_v2 .program .lnkView, .w-coachingPrograms .program-compass_v2 .program .lnkChooseProgram, .w-coachingPrograms .program-compass_v2 .program .lnkJoinProgram {
  color: white;
  font-style: normal;
}

.w-coachingPrograms .program-compass_v2 .program .progress {
  display: block;
  text-align: center;
  margin-top: 20px;
  position: relative;
}

.w-coachingPrograms .program-compass_v2 .program .progress .widget {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.w-coachingPrograms .program-compass_v2 .program .bookeddescription {
  display: none;
  max-height: 200px;
  overflow: hidden;
}

.w-coachingPrograms .program-compass_v2 .program .description-wrapper-front {
  display: block;
  min-height: 200px;
  max-height: 200px;
  position: relative;
}

.w-coachingPrograms .program-compass_v2 .program .description-front {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  overflow: hidden;
  text-align: center;
}

.w-coachingPrograms .program-compass_v2 .program .description-wrapper-back {
  display: none;
}

.w-coachingPrograms .program-compass_v2 .program .description-back {
  display: none;
  text-align: center;
}

.w-coachingPrograms .program-compass_v2 .program .lnkView, .w-coachingPrograms .program-compass_v2 .program .lnkChooseProgram, .w-coachingPrograms .program-compass_v2 .program .lnkJoinProgram {
  display: none;
  font-size: 1.5em;
  margin-top: 20px;
  padding-left: 30px;
  padding-top: 2px;
  padding-bottom: 3px;
  background: url(/shared/templates/WCompass1/images/launch-icon.png) no-repeat;
}

.w-coachingPrograms .program-compass_v2 .program .lnkClose {
  display: none;
  font-size: 1.5em;
  margin-top: 20px;
  background: url(/shared/templates/WCompass1/images/close-icon.png) no-repeat center;
}

.w-coachingPrograms .program-compass_v2 .program.selected {
  background-color: cornflowerblue;
  margin: 0 0;
  height: 340px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.w-coachingPrograms .program-compass_v2 .program.selected .lnkView, .w-coachingPrograms .program-compass_v2 .program.selected .lnkChooseProgram, .w-coachingPrograms .program-compass_v2 .program.selected .lnkJoinProgram {
  display: inline;
}

.w-coachingPrograms .program-compass_v2 .program.selected .bookeddescription {
  display: block;
}

.w-coachingPrograms .program-compass_v2 .program.selected .lnkClose {
  display: block;
}

.w-coachingPrograms .program-compass_v2 .program.selected .description-wrapper-front {
  display: none;
}

.w-coachingPrograms .program-compass_v2 .program.selected .description-front {
  display: none;
}

.w-coachingPrograms .program-compass_v2 .program.selected .description-wrapper-back {
  display: block;
}

.w-coachingPrograms .program-compass_v2 .program.selected .description-back {
  display: block;
  max-height: 200px;
  overflow: hidden;
}

.w-coachingPrograms .program-compass_v2 .program.selected .progress {
  display: none;
}

.w-coachingPrograms .program-compass_v2 .program .no-score {
  display: none;
}

.w-coachingPrograms .program-compass_v2 .program .text-container {
  padding-top: 58px;
}

.w-coachingPrograms .program-compass_v2 .program .score {
  color: white;
  margin-top: 10px;
  font-size: 1.5em;
}

.is-mobile-app .w-programDetails .addtocallink {
  display: none;
}

.w-programDetails {
  /***********************************************************************************************************************
     EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
    ************************************************************************************************************************/
}

.w-programDetails .button {
  -amoz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -awebkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  abox-shadow: inset 0px 1px 0px 0px #ffffff;
  background-color: #ededed;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  acolor: #777777;
  afont-weight: bold;
  padding: 3px 15px 3px 25px;
  text-decoration: none;
  cursor: pointer;
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/pencil-circle");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.w-programDetails .button:hover {
  background-color: #dfdfdf;
}

.w-programDetails .button:active {
  position: relative;
  top: 1px;
}

.w-programDetails .wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.w-programDetails .header {
  width: 100%;
  cursor: pointer;
  margin-bottom: 5px;
  border-radius: 9px;
}

.w-programDetails .apptTitle {
  font-weight: bold;
}

.w-programDetails .addtocallink {
  text-transform: lowercase;
  white-space: nowrap;
}

.w-programDetails .attendee {
  font-style: italic;
}

.w-programDetails .sessions {
  width: 100%;
  border-top: 1px solid #dfdfdf;
  box-sizing: border-box;
  padding-top: 15px;
}

.w-programDetails .info,
.w-programDetails .choose {
  width: 100%;
  background: #FFE599;
  margin-bottom: 15px;
  border-radius: 9px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.w-programDetails .sessionAppt {
  font-size: 12px;
  padding-right: 5px;
  line-height: 12px;
}

.w-programDetails .sessionAppt .missedappt {
  color: crimson;
}

.w-programDetails .futureappt,
.w-programDetails .pendappt {
  padding-left: 50px;
}

.w-programDetails .futureappt a {
  margin-left: 10px;
}

.w-programDetails .choose {
  cursor: pointer;
}

.w-programDetails .header .title {
  font-size: 18px;
  font-weight: bold;
  padding-left: 50px;
}

.w-programDetails .header .completed {
  padding-top: 3px;
  padding-right: 3px;
  float: right;
}

.w-programDetails .info .title,
.w-programDetails .choose .title {
  font-size: 18px;
  font-weight: bold;
  padding-left: 50px;
  padding-right: 5px;
  /*margin-top: 5px;*/
}

.w-programDetails .info .title a {
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
}

.w-programDetails .header.complete {
  background-position: 10px center;
  background-color: #B6D7A8;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/checkmark);
  background-repeat: no-repeat;
}

.w-programDetails .header.incomplete {
  background-color: #9FC5F8;
}

.w-programDetails .content {
  padding-left: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.w-programDetails .content .desc {
  padding-bottom: 3px;
}

.w-programDetails .content .task,
.w-programDetails .content .taskalt {
  padding: 5px 30px 5px 30px;
  margin-bottom: 4px;
  border-radius: 4px;
}

.w-programDetails .content .task:hover,
.w-programDetails .content .taskalt:hover {
  background-color: #B6D7A8;
  cursor: pointer;
}

.w-programDetails .content .task {
  background-color: #eeeeee;
}

.w-programDetails .content .tasks {
  padding: 0;
}

.w-programDetails .content .tasks > li {
  list-style: none;
}

.w-programDetails .content .complete {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/checkmark);
  background-repeat: no-repeat;
  background-position: 5px center;
}

.w-programDetails .videocall-content {
  padding: 5px 30px 5px 30px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  border-radius: 4px;
  background-color: #eeeeee;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.w-programDetails .videocall-content.disabled {
  opacity: .6;
  filter: alpha(opacity=60);
  background-color: rgba(0, 0, 0, 0.1);
}

.w-programDetails .videocall-content.disabled:hover {
  /* border: 1px solid rgba(0,0,0,0.3); */
  background-color: rgba(0, 0, 0, 0.1);
  cursor: default;
}

.w-programDetails .videocall-content .img-callbtn {
  margin-right: 6px;
  background-image: url(/shared/FrozenMtn/images/icon_launchCall.png);
  height: 20px;
  width: 20px;
  text-align: left;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 20px;
}

.w-programDetails .videocall-content .imggray-callbtn {
  margin-right: 6px;
  background-image: url(/shared/FrozenMtn/images/icon_graylaunchCall.png);
  height: 20px;
  width: 20px;
  text-align: left;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 20px;
}

.w-programDetails .videocall-content .callbtn {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}

.w-programDetails .videocall-content .v-left {
  float: left;
}

.w-programDetails .videocall-content .v-right {
  float: right;
}

.w-programDetails .videocall-content:hover {
  background-color: #B6D7A8;
  cursor: pointer;
}

.w-programDetails .on {
  background-color: #990000;
}

.w-programDetails .header.over {
  background-color: #CCCCCC;
}

.clear {
  clear: both;
}

@media (max-width: 480px) {
  .w-programDetails .videocall-content {
    padding: 5px 10px 5px 10px;
  }
}

.w-progress {
  display: inline;
}

.w-progress .progressContent {
  position: absolute;
  top: 40px;
  left: 50px;
  width: 150px;
}

.w-quarterpicker {
  background-color: transparent;
  color: #333;
  padding: 5px;
}

.w-quarterpicker .prev,
.w-quarterpicker .next {
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}

.mode-image .w-quarterpicker .prev,
.mode-image .w-quarterpicker .next {
  display: none;
}

.w-quarterpicker .prev {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/arrow-prev);
  background-repeat: no-repeat;
  background-position: center;
}

.w-quarterpicker .next {
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/arrow-next);
  background-repeat: no-repeat;
  background-position: center;
}

.w-quarterpicker .quarter {
  font-size: 1.3em;
  color: #333;
  border: none;
  padding: 2px 6px 2px 6px;
}

.w-register {
  width: 10em;
  height: 4em;
  line-height: 4em;
  background-color: #999;
  color: #eee;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  float: left;
  margin: 10px;
}

.k-rtl .w-register {
  float: right;
}

.w-register:hover {
  background-color: #b3b3b3;
  color: #d5d5d5;
}

.w-singlemeasurement .singlemeasurement {
  margin-bottom: 5px;
  margin-top: 3px;
  margin-left: 3px;
}

.w-singlemeasurement .singlemeasurement .prev-next {
  margin-right: 20px;
}

.w-singlemeasurement .singlemeasurement img.next,
.w-singlemeasurement .singlemeasurement img.prev {
  padding: 0 5px;
}

.w-singlemeasurement .singlemeasurement .next,
.w-singlemeasurement .singlemeasurement .prev {
  cursor: pointer;
}

.w-singlemeasurement .k-numerictextbox {
  width: 100%;
}

.w-singlemeasurement .measurement-inline {
  display: inline-block;
}

.w-singlemeasurement .measurement-name {
  margin-top: 1px;
  margin-bottom: 1px;
}

.w-singlemeasurement .measurement-row {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.w-singlemeasurement .spanupdate {
  margin-left: 5px;
}

.w-singlemeasurement .updateMeasurement {
  color: red;
  font-style: italic;
  vertical-align: bottom;
}

.w-singlemeasurement .hidden {
  display: none;
}

.w-sleepChart .k-chart {
  height: 150px;
}

.w-stepsWidget {
  display: inline;
}

.w-tango {
  box-sizing: border-box;
}

.w-tango .tabs-container {
  width: 200px;
  padding: 3px;
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #eee;
}

.w-tango .tabs {
  margin: 0;
  text-align: center;
  box-sizing: border-box;
}

.w-tango .tab {
  display: inline-block;
  width: calc(50% - 3px);
  padding: 5px;
  text-align: center;
  box-sizing: border-box;
}

.w-tango .tab.selected {
  background-color: #0772c2;
  color: white;
  cursor: default;
}

.w-tango .tab.selectable:hover {
  text-decoration: underline;
  cursor: pointer;
}

.w-tango .rewards {
  margin-top: 10px;
}

.w-tango .reward {
  border-radius: 10px;
  background-color: #fe723d;
  float: left;
  padding: 10px;
  cursor: pointer;
  margin-right: 5px;
}

.w-tango .reward:hover {
  background-color: #faa55e;
}

.w-tango .reward .amount {
  font-size: 2em;
}

.w-tango .earned {
  font-size: 0.8em;
}

.w-tango .archive {
  border: 1px solid #eee;
  padding: 0 5px 0 5px;
  border-radius: 6px;
  cursor: pointer;
}

.w-tango .archive:hover {
  background-color: white;
}

.w-tango .redemption {
  padding-top: 10px;
}

.w-tango .redemption .unclaimed {
  float: left;
  width: 50%;
  text-align: center;
}

.w-tango .redemption .unclaimed .title {
  font-weight: bold;
}

.w-tango .redemption .unclaimed .amount {
  font-size: 2em;
}

.w-tango .redemption .redeem {
  float: left;
  width: 50%;
  text-align: center;
  padding-top: 1em;
}

.w-textGoal .editGoal {
  text-decoration: none;
}

.w-textGoal .header {
  color: #7a9cb5;
  font-size: 14pt;
  font-weight: bold;
}

.w-textGoal .goal-hdr:after {
  content: "";
  display: table;
  clear: both;
}

.textGoalWidget.hide {
  display: none;
}

.textGoalWidget.hide.edit {
  display: block;
}

.w-trackactivities .prev, .w-trackactivities .next {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-top: 7px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}

.w-trackactivities .prev {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/previous.svg");
}

.w-trackactivities .next {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/next.svg");
}

.w-trackactivities .history {
  cursor: pointer;
}

.w-trackactivities .date-picker {
  margin-bottom: 5px;
}

.w-trackactivities .editor {
  margin-bottom: 5px;
}

.w-trackactivities .categories {
  width: 100%;
  margin-top: 10px;
}

.w-trackactivities .categories .k-input, .w-trackactivities .categories .k-select {
  background-color: #0772c2;
  color: white;
}

.w-trackactivities .editor {
  height: 100px;
  border: 1px solid #c9c9c9;
  margin-top: 10px;
}

.w-trackactivities .activity-added, .w-trackactivities .activity-added-shared {
  color: red;
  margin-left: 30px;
  display: none;
}

.w-trackactivities .activity-value div {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-top: 3px;
  /*background-color: #00aeef;
        margin-left: 16px;
        border-radius: .5em;*/
  /*background-image: url("platformicons/user-light.svg");*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.w-trackactivities .activity-value:before {
  content: "";
  width: 25px;
  height: 25px;
  float: left;
  margin: 0 3px 0 3px;
  background-repeat: no-repeat;
}

.w-trackactivities .activity-value.Creative:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/paint_brush_white.svg");
}

.w-trackactivities .activity-value.Cultural:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/video_camera_white.svg");
}

.w-trackactivities .activity-value.Charitable:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/heart_white.svg");
}

.w-trackactivities .activity-value.Food:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/carrot_white.svg");
}

.w-trackactivities .activity-value.Mindfulness:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/head_white.svg");
}

.w-trackactivities .activity-value.Music:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/music_note_white.svg");
}

.w-trackactivities .activity-value.Nature:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/flower_white.svg");
}

.w-trackactivities .activity-value.Physical:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/dumbbell_white.svg");
}

.w-trackactivities .activity-value.Social:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/group_white.svg");
}

.w-trackactivities .activity-value.Other:before {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/question_mark_white.svg");
}

#ddActivityCategories-list {
  background-color: #0772c2;
}

#ddActivityCategories-list .k-item {
  width: 16%;
  min-width: 80px;
  height: 80px;
  float: left;
  color: white;
  padding-top: 5px;
}

#ddActivityCategories-list .k-item.k-state-hover {
  background-color: #0991f7;
  cursor: pointer;
}

#ddActivityCategories-list .k-item.k-state-selected {
  background-color: #0772c2;
}

#ddActivityCategories-list .activity-item {
  text-align: center;
}

#ddActivityCategories-list .activity-item div {
  width: 50px;
  height: 50px;
  background-color: #00aeef;
  margin-left: 16px;
  border-radius: .5em;
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/user-light.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
}

#ddActivityCategories-list .activity-item div.Creative {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/paint_brush_white.svg");
}

#ddActivityCategories-list .activity-item div.Cultural {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/video_camera_white.svg");
}

#ddActivityCategories-list .activity-item div.Charitable {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/heart_white.svg");
}

#ddActivityCategories-list .activity-item div.Food {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/carrot_white.svg");
}

#ddActivityCategories-list .activity-item div.Mindfulness {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/head_white.svg");
}

#ddActivityCategories-list .activity-item div.Music {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/music_note_white.svg");
}

#ddActivityCategories-list .activity-item div.Nature {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/flower_white.svg");
}

#ddActivityCategories-list .activity-item div.Physical {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/dumbbell_white.svg");
}

#ddActivityCategories-list .activity-item div.Social {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/group_white.svg");
}

#ddActivityCategories-list .activity-item div.Other {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/question_mark_white.svg");
}

#ddActivityCategories-list .k-state-selected .activity-item div {
  border: 1px solid white;
}

.w-tracker .counter div {
  margin-left: 20px;
  padding-right: 4px;
}

.w-tracker .counter div.divItemCount {
  margin-left: 9px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: bold;
  height: 24px;
  width: 2.2em;
  line-height: 22px;
  text-align: center;
  padding: 0;
  color: White;
  background-repeat: no-repeat;
  background-image: url("/shared/images/trackers/redcircle.png");
  background-size: 2.2em 1.3em;
}

.w-tracker .desc,
.w-tracker .points,
.w-tracker .totpoints {
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
}

.w-tracker .desc,
.w-tracker .totpoints {
  color: #888888;
}

.w-tracker div.imgUp,
.w-tracker div.imgUpDis,
.w-tracker div.imgDown,
.w-tracker div.imgDownDis {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  display: block;
  background-size: contain;
}

.w-tracker .imgUp {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/up");
  cursor: pointer;
}

.w-tracker .imgUpDis {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/up");
  display: none;
}

.w-tracker .imgDown {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/down");
  cursor: pointer;
}

.w-tracker .imgDownDis {
  background-image: url("/Konnected/JS/Widget/CSS/platformicons/down");
  display: none;
}

.w-tracker .imgTracker,
.w-tracker .imgTracker0 {
  cursor: pointer;
}

@media (max-width: 480px) {
  .imgTracker,
.imgTracker0 {
    max-width: 100px;
  }
}

.w-trackerChart .k-chart {
  height: 150px;
}

.w-tracker-group .tracker-group {
  display: table;
  width: 100%;
  color: #f8f6e4;
}

.w-tracker-group .tracker-group .tracker-list-container {
  background-color: #596a63;
  display: table-cell;
  width: 66.7%;
  padding: 20px;
  border-radius: 10px 0 0 10px;
  position: relative;
}

.w-tracker-group .tracker-group .tracker-container {
  background-color: #77a22f;
  display: table-cell;
  width: 33.3%;
  padding: 20px;
  border-radius: 0 10px 10px 0;
}

.w-tracker-group .tracker-group .heading {
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
  padding-bottom: 25px;
}

.w-tracker-group .tracker-group .item {
  width: 50%;
  float: left;
  padding-bottom: 15px;
}

.w-tracker-group .tracker-group .item span {
  cursor: pointer;
}

.w-tracker-group .tracker-group .item span:hover {
  text-decoration: underline;
}

.w-tracker-group .tracker-group .item span.selected {
  font-weight: bold;
  text-decoration: underline;
}

.w-tracker-group .tracker-group .item.single-col {
  width: 100%;
}

.w-tracker-group .tracker-group .item-count {
  text-align: center;
  font-size: 5em;
  font-weight: bold;
}

.w-tracker-group .tracker-group .buttons {
  width: 120px;
  height: auto;
  margin: 0 auto;
  /*padding: 10px;*/
  position: relative;
}

.w-tracker-group .tracker-group .plus {
  width: 55px;
  height: 55px;
  background-image: url(/shared/templates/wcompass1/images/wc-widget-controls-add.png);
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  padding-right: 10px;
}

.w-tracker-group .tracker-group .minus {
  width: 55px;
  height: 55px;
  background-image: url(/shared/templates/wcompass1/images/wc-widget-controls-subtract.png);
  cursor: pointer;
  float: left;
}

.w-tracker-group .tracker-group .arrow {
  position: absolute;
  left: -50px;
  top: calc(50% - 30px);
  background-image: url(/shared/templates/wcompass1/images/wc-widget-arrow.png);
  width: 60px;
  height: 60px;
}

.w-tracker-group .tracker-group .response {
  font-style: italic;
  text-align: center;
  padding-top: 5px;
}

.w-tracker-group .tracker-group .outside-daterange {
  font-style: italic;
  font-size: 11px;
  text-align: center;
  padding-top: 0px;
}

.w-tracker-group .tracker-item {
  display: none;
}

.w-tracker-group .no-tracker-item {
  margin: 0;
  padding-left: 30px;
  text-align: center;
  height: 150px;
  font-size: 1.5em;
}

.w-tracker-group .tracker .item-container {
  position: relative;
  min-height: 220px;
}

@media (max-width: 800px) {
  .w-tracker-group .tracker-group .tracker-list-container {
    display: table-row;
  }
  .w-tracker-group .tracker-group .tracker-list {
    display: table-cell;
    padding: 20px 20px 40px 20px;
    border-radius: 10px 10px 0 0;
  }
  .w-tracker-group .tracker-group .tracker-container {
    display: table-row;
  }
  .w-tracker-group .tracker-group .tracker {
    display: table-cell;
    padding: 40px 20px 20px 20px;
    border-radius: 0 0 10px 10px;
  }
  .w-tracker-group .tracker-group .arrow {
    position: absolute;
    right: calc(50% - 30px);
    top: -70px;
    bottom: auto;
    left: auto;
    transform: rotate(90deg);
  }
}

@media (max-width: 480px) {
  .w-tracker-group .tracker-group .item {
    width: 100%;
    padding-bottom: 10px;
  }
  .w-tracker-group .tracker-group .tracker-list {
    padding: 20px 20px 20px 20px;
  }
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-trackeritem {
  font-family: Poppins, sans-serif;
  font-size: 16px;
}

.w-trackeritem * {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.w-trackeritem .tracker-card {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  cursor: pointer;
  position: relative;
  height: 100%;
}

.w-trackeritem .tracker-card.disabled {
  border: 1px solid #F5F5F5;
  opacity: 0.6;
  filter: alpha(opacity=60);
  pointer-events: none;
}

.w-trackeritem .tracker-card.checked {
  background-color: #EAFCEF;
  border: 1px solid #BDF4CD;
}

.w-trackeritem .tracker-card.unchecked {
  background-color: #FFF;
  border: 1px solid #F5F5F5;
}

.w-trackeritem .tracker-card.unchecked:not(.multi):hover {
  background-color: #FBE6F6;
  border-color: #F5F5F5;
}

.w-trackeritem .tracker-card.multi {
  cursor: default;
}

.w-trackeritem .tracker-card.multi .tracker-card__body {
  width: calc(100% - 100px - 16px);
}

.w-trackeritem .tracker-card.multi .tracker-card__content {
  flex-flow: row wrap;
  justify-content: space-between;
}

.w-trackeritem .tracker-card.multi .tracker-card__points-wrapper {
  width: 40%;
}

.w-trackeritem .tracker-card__visual-content {
  background-color: #EEEEFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  height: 100px;
  width: 100px;
  padding: 14px;
  align-self: center;
}

.w-trackeritem .tracker-card__visual-content img {
  height: 80px;
  width: 80px;
  object-fit: contain;
}

.w-trackeritem .tracker-card__body {
  width: calc(100% - 100px - 20px - 16px);
}

.w-trackeritem .tracker-card__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  width: 100%;
}

.w-trackeritem .tracker-card__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  position: relative;
  z-index: 9990;
}

.w-trackeritem .tracker-card__description {
  width: 100%;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}

.w-trackeritem .tracker-card__input-wrapper {
  width: 58%;
  max-width: 180px;
  min-width: 67px;
  height: 50px;
  border: 2px solid #E5E5E5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.w-trackeritem .tracker-card__btn {
  width: 50px;
  height: 100%;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  border: none;
}

.w-trackeritem .tracker-card__btn:disabled {
  background-color: #F5F5F5;
}

.w-trackeritem .tracker-card__btn.subtract {
  border-right: 1px solid #E5E5E5;
  background-image: url("/Shared/Images/Challenge/minus.svg");
}

.w-trackeritem .tracker-card__btn.subtract:disabled {
  background-image: url("/Shared/Images/Challenge/minus_disabled.svg");
}

.w-trackeritem .tracker-card__btn.add {
  border-left: 1px solid #E5E5E5;
  background-image: url("/Shared/Images/Challenge/plus.svg");
}

.w-trackeritem .tracker-card__btn.add:disabled {
  background-image: url("/Shared/Images/Challenge/plus_disabled.svg");
}

.w-trackeritem .tracker-card__btn.add i {
  position: absolute;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  opacity: 0;
  animation: confetti 500ms ease-out forwards;
  pointer-events: none;
}

.w-trackeritem .tracker-card__btn.add i.square {
  width: 5px;
  height: 5px;
}

.w-trackeritem .tracker-card__btn.add i.circle {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.w-trackeritem .tracker-card__btn.add i.line {
  width: 1px;
  height: 8px;
}

.w-trackeritem .tracker-card__input {
  max-width: 80px;
  height: 100%;
  border: none;
  color: #000;
  text-align: center;
  text-indent: 0;
  font-weight: 500;
}

.w-trackeritem .tracker-card__input span {
  height: 100%;
  border: none;
}

.w-trackeritem .tracker-card__points-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}

.w-trackeritem .tracker-card__ponts-value {
  font-size: 20px;
  font-weight: 900;
}

.w-trackeritem .tracker-card__label {
  color: #424242;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 1.235;
  font-weight: 400;
  text-transform: uppercase;
}

.w-trackeritem .tracker-card__icon {
  align-self: start;
  background-repeat: no-repeat;
  background-position: center top;
  height: 20px;
  width: 20px;
}

.w-trackeritem .tracker-card__icon.checked {
  background-image: url("/Shared/Images/Challenge/checked.svg");
}

.w-trackeritem .tracker-card__icon.unchecked {
  background-image: url("/Shared/Images/Challenge/unchecked.svg");
}

.w-trackeritem .tracker-card .confetti_canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.tracker-card__alert-window {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  color: #000;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-box-shadow: 0px 24px 48px -12px #000;
  -moz-box-shadow: 0px 24px 48px -12px #000;
  box-shadow: 0px 24px 48px -12px #000;
}

.tracker-card__alert-window * {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.tracker-card__alert-window .k-window-titlebar.k-hstack {
  display: none;
}

.tracker-card__alert-window .w-window.k-window-content {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  padding: 0;
}

.tracker-card__alert-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.tracker-card__alert-body {
  width: 75%;
  min-height: 70%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tracker-card__alert-btn-wraper {
  border-top: 1px solid #EAECF0;
  padding: 24px;
  width: 100%;
}

.tracker-card__alert-close-btn {
  background-color: #000;
  border: none;
  color: #FFF;
  cursor: pointer;
  font-size: 16px;
  width: 100%;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px, 14px, 10px, 14px;
}

.tracker-card__alert-heading {
  font-size: 24px;
  font-weight: 600;
}

.widget .ch-tracker {
  cursor: pointer;
  padding: 10px;
}

.widget.is-locked .ch-tracker {
  cursor: auto;
}

.ch-opaque {
  opacity: .3;
  filter: alpha(opacity=30);
}

.ch-tracker .label {
  text-align: center;
}

.ch-outofrange {
  color: red;
  padding-left: 2em;
}

.w-trackerMulti.clearable {
  position: relative;
  padding: 1rem 0;
}

.w-trackerMulti.clearable .clear-tracker-item {
  cursor: pointer;
  color: #0081c8;
  font-size: .875rem;
  font-weight: 800;
  position: absolute;
  top: 0;
  right: 0;
}

.w-trackerMulti.clearable .clear-tracker-item:hover {
  text-decoration: underline;
  color: #008fe6;
}

.w-trackerMulti.clearable .clear-tracker-item.disabled,
.w-trackerMulti.clearable .clear-tracker-item.disabled:hover {
  opacity: 0.3;
  cursor: default;
}

.k-rtl .ch-outofrange {
  padding-left: inherit;
  padding-right: 2em;
}

.w-udf {
  display: inline;
}

.w-udflist .user-udflist {
  overflow: hidden;
}

.w-udflist td, .w-udflist th.k-header {
  word-wrap: break-word;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

#masterDialog .dashboardWidget.w-udfupdate {
  box-shadow: none;
}

.server-msg {
  display: block;
  color: green;
  font-size: 90%;
}

.w-updateWeight div:first-child {
  margin-left: 3px;
}

.w-updateWeight div:first-child div:first-child {
  margin-bottom: 5px;
  margin-top: 3px;
}

.w-updateWeight #updateWeightAmount {
  color: red;
  font-style: italic;
  vertical-align: bottom;
}

.w-user {
  width: 50px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  float: right;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px auto;
}

.k-rtl .w-user {
  float: left;
}

.w-user.default-avatar {
  background-image: url(/shared/images/theme/default/user.png);
}

.w-user:hover,
.w-user.is-selected {
  background-color: #80bcd9;
}

.loggedIn .widget.w-user {
  display: block;
}

.loggedOut .widget.w-user {
  display: none;
}

.page-master .w-user-popup .k-menu .k-item > .k-link {
  padding-left: 0;
}

.w-user-popup {
  padding: .7em;
  width: 15em;
  display: none;
}

.w-user-popup p {
  line-height: 1em;
  margin-bottom: 0.2em;
}

.w-user-popup .avatar {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px auto;
  float: left;
  padding-right: 1em;
}

.w-user-popup .name {
  clear: right;
  line-height: normal;
  margin-top: 0;
}

.w-user-popup .localeswitcher {
  display: none;
}

.k-rtl .w-user-popup .avatar {
  float: right;
  padding-right: inherit;
  padding-left: 1em;
}

html.k-mobile .w-user-popup #user-menu .history {
  display: none;
}

body.is-mobile-app li[data-link='signout'] {
  display: none;
}

.w-userGoal {
  /* Tracker Goal */
  /* Personal Goal */
  /* Measurement Goal */
  /* Activity Goal */
  /* Nutrition Goal */
  /* Text Goal */
}

.w-userGoal .pnl-personal .k-checkbox-label {
  padding-right: 0.25rem;
}

.w-userGoal .personal-weekday {
  white-space: nowrap;
  margin-right: 4px;
}

.w-userGoal .personal-weekday .k-checkbox + .k-checkbox-label {
  display: inline-block;
  min-width: 4ch;
}

.w-userGoal .goal-type .tracker-item-icon {
  vertical-align: middle;
  height: 16px;
}

.w-userGoal .goal-type-icon {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  padding-left: 20px;
}

.w-userGoal .goal-type-K {
  padding-left: initial;
}

.w-userGoal .goal-type-T {
  background-image: url("/Shared/Images/Coaching/2020Goals/social_activity_1.png");
}

.w-userGoal .goal-type-M {
  background-image: url("/Shared/Images/Coaching/2020Goals/weight_management_2.png");
}

.w-userGoal .goal-type-A {
  background-image: url("/Shared/Images/Coaching/2020Goals/physical_activity_1.png");
}

.w-userGoal .goal-type-N {
  background-image: url("/Shared/Images/Coaching/2020Goals/nutrition_2.png");
}

.w-userGoal .goal-type-S {
  background-image: url("/Shared/Images/Coaching/2020Goals/financial_goals_4.png");
}

.w-userGoal .k-grid tbody .k-button.i-more {
  margin-left: 0;
}

#goalType-list {
  /* Tracker Goal */
  /* Personal Goal */
  /* Measurement Goal */
  /* Activity Goal */
  /* Nutrition Goal */
  /* Text Goal */
}

#goalType-list .tracker-item-icon {
  vertical-align: middle;
  height: 16px;
}

#goalType-list .goal-type-icon {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  padding-left: 20px;
}

#goalType-list .goal-type-K {
  padding-left: initial;
}

#goalType-list .goal-type-T {
  background-image: url("/Shared/Images/Coaching/2020Goals/social_activity_1.png");
}

#goalType-list .goal-type-M {
  background-image: url("/Shared/Images/Coaching/2020Goals/weight_management_2.png");
}

#goalType-list .goal-type-A {
  background-image: url("/Shared/Images/Coaching/2020Goals/physical_activity_1.png");
}

#goalType-list .goal-type-N {
  background-image: url("/Shared/Images/Coaching/2020Goals/nutrition_2.png");
}

#goalType-list .goal-type-S {
  background-image: url("/Shared/Images/Coaching/2020Goals/financial_goals_4.png");
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-userimport {
  position: relative;
}

.w-userimport.widget {
  display: block;
}

.w-userimport .user_import_wrapper {
  display: flex;
  gap: 0px 45px;
  align-items: flex-start;
}

.w-userimport .user_import_wrapper .user_import_progress {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 24px 0px;
  width: 392px;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_indicator {
  display: flex;
  gap: 5px;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_indicator .indicator {
  background-color: #DCDCDC;
  flex: 1;
  height: 5px;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_indicator .indicator:has(+ .active), .w-userimport .user_import_wrapper .user_import_progress .progress_indicator .indicator.active, .w-userimport .user_import_wrapper .user_import_progress .progress_indicator .indicator.complete {
  background-color: #000;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_info {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_info .info_title {
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_info .info_description {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_steps {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_steps .progress_step {
  align-items: center;
  border-left-width: 8px;
  border-left-style: solid;
  border-left-color: transparent;
  display: flex;
  font-family: Poppins, sans-serif;
  height: 32px;
  font-size: 16px;
  gap: 0px 8px;
  line-height: 24.16px;
  padding-left: 22px;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_steps .progress_step:before {
  background-image: url(/Shared/Images/EmployerSolution/Icons/check-circle-grey.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_steps .progress_step.active {
  border-left-color: #DB00A4;
  background-color: rgba(0, 0, 0, 0.05);
}

.w-userimport .user_import_wrapper .user_import_progress .progress_steps .progress_step.complete:before {
  background-image: url(/Shared/Images/EmployerSolution/Icons/check-circle-pink.svg);
}

.w-userimport .user_import_wrapper .user_import_progress .progress_images .progress_image {
  max-width: 250px;
  width: 100%;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_images .progress_image img {
  width: 100%;
}

.w-userimport .user_import_wrapper .user_import_progress .progress_images .progress_image:not(.hidden) {
  display: flex;
}

.w-userimport .user_import_wrapper .user_import_steps {
  background-color: #FFF;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  /*
			.step_map {
				
			}*/
}

.w-userimport .user_import_wrapper .user_import_steps .config_options {
  display: contents;
}

.w-userimport .user_import_wrapper .user_import_steps .config_options .config_option label {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
}

.w-userimport .user_import_wrapper .user_import_steps .config_options .config_option input[type="checkbox"] {
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: none;
  display: initial;
  height: 16px;
  margin: 0;
  min-width: 16px;
  width: 16px;
}

.w-userimport .user_import_wrapper .user_import_steps .config_options .config_option input[type="checkbox"]:checked {
  background: #000;
  border-color: #000;
}

.w-userimport .user_import_wrapper .user_import_steps .step_header {
  border-bottom: 1px solid #F5F5F5;
  padding: 24px 24px 12px 24px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_header .step_title {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
}

.w-userimport .user_import_wrapper .user_import_steps .step_header .step_description {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_header .step_description:empty {
  display: none;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-rows: min-content;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .mapping_rows, .w-userimport .user_import_wrapper .user_import_steps .mapping_fields .mapping_row, .w-userimport .user_import_wrapper .user_import_steps .mapping_fields .creating_rows, .w-userimport .user_import_wrapper .user_import_steps .mapping_fields .creating_row,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .mapping_rows,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .mapping_row,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .creating_rows,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .creating_row {
  display: contents;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.header,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.header {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-from .value,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-from .value {
  align-items: center;
  background-color: #F5F5F5;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  color: #A3A3A3;
  display: flex;
  gap: 8px;
  height: 40px;
  padding: 8px 12px;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to .value, .w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to-units .value,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to .value,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to-units .value {
  display: flex;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to .value .k-dropdown, .w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to-units .value .k-dropdown,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to .value .k-dropdown,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to-units .value .k-dropdown {
  flex: 1;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to .value .k-dropdown .k-dropdown-wrap, .w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to-units .value .k-dropdown .k-dropdown-wrap,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to .value .k-dropdown .k-dropdown-wrap,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to-units .value .k-dropdown .k-dropdown-wrap {
  align-items: center;
  background: #FFF;
  border: 1px solid #737373;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 40px;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to .value .k-dropdown .k-dropdown-wrap .k-input, .w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to-units .value .k-dropdown .k-dropdown-wrap .k-input,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to .value .k-dropdown .k-dropdown-wrap .k-input,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to-units .value .k-dropdown .k-dropdown-wrap .k-input {
  color: #0F0F0F;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-left: 14px;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to .value .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before, .w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to-units .value .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to .value .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to-units .value .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
  background-image: url("/Shared/Images/Administration/Icons/chevron-down.svg");
  content: "";
  height: 20px;
  width: 20px;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field label,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field label {
  color: #525252;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to-units label,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to-units label {
  pointer-events: none;
}

.w-userimport .user_import_wrapper .user_import_steps .mapping_fields .field.map-to-units .value > select,
.w-userimport .user_import_wrapper .user_import_steps .creating_fields .field.map-to-units .value > select {
  display: none;
}

.w-userimport .user_import_wrapper .user_import_steps .step_body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner {
  align-items: center;
  background-color: #FCFCFD;
  display: flex;
  gap: 16px;
  padding: 12px 32px;
}

.w-userimport .user_import_wrapper .user_import_steps .steps_nav {
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}

.w-userimport .user_import_wrapper .user_import_steps .steps_nav:not(.hidden) {
  display: flex;
}

.w-userimport .user_import_wrapper .user_import_steps .steps_nav button.hidden {
  display: none !important;
}

.w-userimport .user_import_wrapper .user_import_steps .steps_nav .steps_back {
  align-items: center;
  background: none;
  border: none;
  color: #737373;
  cursor: pointer;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  gap: 0px 8px;
  letter-spacing: 0.04em;
  line-height: 20px;
}

.w-userimport .user_import_wrapper .user_import_steps .steps_nav .steps_back[disabled] {
  visibility: hidden;
}

.w-userimport .user_import_wrapper .user_import_steps .steps_nav .steps_back:before {
  content: url("/Shared/Images/EmployerSolution/Icons/arrow-narrow-left-grey.svg");
  height: 20px;
  width: 20px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results {
  align-items: flex-start;
  border-radius: 10px;
  display: flex;
  gap: 16px;
  padding: 8px 16px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_icon {
  flex-shrink: 0;
  width: 40px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_icon img {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_text {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-family: Lato, sans-serif;
  font-size: 16px;
  gap: 8px;
  line-height: 24px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_text span:first-child {
  font-weight: 600;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_text strong {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_text .step_banner_title:empty, .w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_text .step_banner_message:empty {
  display: none;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_button {
  align-self: center;
  flex-shrink: 0;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results .step_banner_button .icon {
  display: flex;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.success {
  background-color: #EAFCEF;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.success .step_banner_icon {
  background-image: url("/shared/images/EmployerSolution/icons/checkmark-seal-green.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.success .step_banner_text {
  color: #187933;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.success button {
  background-color: #187933 !important;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.success button .icon {
  height: 20px;
  width: 20px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.success button .text {
  color: #EAFCEF !important;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.warning {
  align-items: center;
  background-color: #FFEFC4 !important;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.warning .step_banner_icon {
  background-image: url("/shared/images/EmployerSolution/icons/triangle-alert-yellow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.warning .step_banner_text {
  color: #6B551B;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.warning button {
  background-color: #6B551B !important;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.warning button .icon {
  height: 20px;
  width: 20px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.warning button .text {
  color: #FFEFC4 !important;
}

.w-userimport .user_import_wrapper .user_import_steps .step_banner_results.hidden {
  display: none;
}

.w-userimport .user_import_wrapper .user_import_steps .step_upload .step_banner {
  border-bottom: 1px solid #F2F4F7;
}

.w-userimport .user_import_wrapper .user_import_steps .step_upload .step_banner .icon, .w-userimport .user_import_wrapper .user_import_steps .step_upload .step_banner button {
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #EAECF0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  flex-shrink: 0;
  padding: 12px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_upload .step_banner .text {
  flex: 1;
}

.w-userimport .user_import_wrapper .user_import_steps .step_upload .step_banner button {
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_review .step_banner_results:not(.download) .step_banner_button {
  display: none;
}

.w-userimport .user_import_wrapper .user_import_steps .step_finalize .mapping_fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.w-userimport .user_import_wrapper .user_import_steps .step_finalize .mapping-item {
  align-items: center;
  display: flex;
  gap: 8px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_finalize .legend {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_finalize .legend .legend-item {
  align-items: center;
  display: flex;
  gap: 4px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .import_progress {
  margin-bottom: 16px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .import_progress .title {
  align-items: center;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  gap: 12px;
  line-height: 20px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .import_progress .progress {
  align-items: center;
  display: flex;
  gap: 12px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .import_progress .progress .progress_bar {
  border-radius: 4px;
  flex: 1;
  height: 8px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .import_progress .progress .progress_bar .k-state-selected {
  border-radius: 4px;
  background-color: #7F56D9;
  border-color: #7F56D9;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .import_progress .progress .progress_text {
  flex-shrink: 0;
  min-width: 4.5ch;
  text-align: right;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .step_banner_results {
  align-items: center;
  margin-bottom: 24px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .step_import_results {
  grid-auto-rows: 1fr;
  grid-template-rows: min-content;
  grid-template-columns: 2fr repeat(3, minmax(0, 1fr));
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .step_import_results:not(.hidden) {
  display: grid;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .step_import_results .results_rows {
  display: contents;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .step_import_results .results_row {
  display: contents;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .step_import_results .results_row .results_cell {
  border-bottom: 1px solid #EAECF0;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 26px 24px;
}

.w-userimport .user_import_wrapper .user_import_steps .step_import .step_import_results .results_row.results_header .results_cell {
  background-color: #F9FAFB;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 14px 24px;
}

.w-userimport .k-list-container .k-list .k-item .mapping-item {
  align-items: center;
  display: flex;
  gap: 8px;
}

.w-userSchedule .appt img {
  cursor: pointer;
  vertical-align: bottom;
}

.w-userSchedule .apptInfo,
.w-userSchedule .locationInfo {
  margin-left: 30px;
}

.w-userSchedule .addtocalendar {
  font-size: 10px;
  color: #aaaaaa;
  text-decoration: none;
}

.w-userSchedule .addtocalendar:hover {
  text-decoration: underline;
}

.w-userSchedule .imgChange {
  margin-left: 30px;
}

.userScheduleWidget.hide {
  display: none;
}

.userScheduleWidget.hide.edit {
  display: block;
}

.userScheduleWidget .disabled {
  opacity: 0.4;
  filter: alpha(opacity=0.4);
}

.w-user-search .show-advanced {
  font-size: 0.8em;
  cursor: pointer;
  padding-bottom: 0.5rem;
}

.w-user-search .show-advanced:hover {
  text-decoration: underline;
}

.w-user-search-results .k-grid td {
  padding-left: 0.20rem;
  padding-right: 0.20rem;
}

.w-user-search-results .k-grid th {
  padding-left: 0.20rem;
}

.w-user-search-results .buddy-talkboard, .w-user-search-results .secure-message {
  cursor: pointer;
  max-width: 18px;
}

.w-user-search-results img.icon.locked-out {
  float: right;
}

.w-user-search-results .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
}

.w-user-search-results .avatar img {
  width: 32px;
  max-height: 32px;
}

.busy {
  cursor: progress;
}

.w-user-summary {
  position: relative;
}

.w-user-summary .empty-details,
.w-user-summary .show-on-scroll {
  display: none;
}

.w-user-summary::after {
  content: " ";
  display: block;
  clear: both;
}

.w-user-summary .summary-row {
  padding: 1.5px 0;
}

.w-user-summary .summary-row:hover {
  background-color: #eee;
}

.w-user-summary .summary-row:after {
  content: " ";
  display: block;
  clear: both;
}

.w-user-summary .heading {
  font-size: 0.75rem;
}

.w-user-summary .heading:after {
  content: attr(data-heading) ": ";
}

.w-user-summary .details {
  font-size: 0.9rem;
}

.w-user-summary .user-details-header {
  margin: 0 1rem;
}

.w-user-summary .locked-out {
  display: inline-block;
}

.w-user-summary .avatar {
  display: inline-block;
}

.w-user-summary .avatar img {
  width: 48px;
  max-height: 48px;
}

.w-user-summary .fullname {
  font-size: 1.2rem;
  font-weight: bold;
  vertical-align: middle;
}

.w-user-summary .timezone {
  font-size: 0.8rem;
  font-weight: bold;
  vertical-align: middle;
}

.w-user-summary .user-info {
  display: inline-block;
}

.w-user-summary .k-toolbar {
  border: none;
}

.w-user-summary .k-toolbar .k-image {
  margin-top: 0;
}

.w-user-summary .widget-content {
  padding: 0;
}

.w-user-summary.fixed .show-on-scroll {
  display: block;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
  box-shadow: 0 0 4px #888888;
  position: fixed;
  top: 0;
  right: 0;
  /*left: 0;
        width: 100%;*/
  z-index: 1999;
}

.w-user-summary.fixed .show-on-scroll .user-details-header {
  margin: 0.5rem 1rem 0 0.5rem;
}

.w-user-summary.fixed .show-on-scroll .fullname {
  padding: 0.2rem 0.5rem 0.2rem 0.2rem;
}

.w-user-summary.fixed .show-on-scroll .timezone {
  padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.w-user-summary.no-user-selected .empty-details {
  display: block;
  padding: 0.5rem;
}

.w-user-summary.no-user-selected .toolbar,
.w-user-summary.no-user-selected .user-details {
  display: none;
}

.k-rtl .w-user-summary.fixed .show-on-scroll {
  float: left;
}

#reportsMenu_buttonmenu .k-button.k-button-icontext {
  border-radius: 0;
  padding: 4px 8px;
  border-width: 0;
  color: inherit;
  background-color: transparent;
  background-image: none;
  line-height: inherit;
  display: flex;
  justify-content: flex-start;
  border: none;
}

.weightSuggester .weight,
.weightSuggester .optimal {
  display: block;
}

.weightSuggester .missing {
  font-weight: bold;
  font-size: 1.25em;
}

.weightSuggester .distance {
  display: block;
  margin-top: 5px;
  font-style: italic;
}

.w-wellnessScore .summaryIcon {
  width: 32px;
}

.w-wellnessScore .summaryIcon.f-left img {
  max-width: 100%;
}

.w-wellnessScore .summaryText {
  width: 65%;
}

.w-wellnessScore .summaryPoints {
  width: 60px;
  font-weight: bold;
}

.w-wellnessScore div.wellnessScoreDetails div.summaryTotal {
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  border-top: 2px solid grey;
  margin-top: 3px;
}

.w-wellnessScore .wellnessScoreDetails {
  margin-top: 5px;
}

.w-wellnessScore .wellnessScore i {
  font-family: Segoe UI;
  font-weight: bold;
  font-size: 22px;
  font-style: italic;
}

.w-wellnessScore .icon {
  display: block;
  padding-right: 5px;
}

.w-wellnessScore .points {
  font-weight: bold;
  font-size: 18px;
}

.w-wellnessScore .title,
.w-wellnessScore .points {
  display: block;
}

.w-wellnessScore .history {
  vertical-align: text-bottom;
  cursor: pointer;
}

.k-rtl .wellnessScore .icon {
  padding-left: 5px;
  padding-right: inherit;
}

.wellScoreItemTip {
  width: 500px;
  margin: 0.7em;
}

@media (max-width: 480px) {
  .wellScoreItemTip {
    width: 320px;
    margin: 0.4em;
  }
}

.w-wellScore .group,
.w-wellScore .condition {
  font-size: 1.2em;
}

.w-wellScore .desc {
  width: 65%;
  margin-left: 0.25rem;
}

.w-wellScore .icon {
  width: 32px;
}

.w-wellScore .icon img {
  max-width: 32px;
}

.w-wellScore .summary {
  margin-top: 5px;
  margin-bottom: 10px;
}

.w-wellScore .summary .icon {
  width: auto;
  padding: 3px;
  max-width: 100%;
}

.w-wellScore .summary .points {
  font-size: 1.4em;
}

.w-wellScore .summary .title {
  font-size: .8em;
}

.w-wellScore .summary .show-details {
  font-size: .8em;
}

.w-wellScore .summary img.show-details {
  cursor: pointer;
}

.w-wellScore .total {
  font-size: 1.4em;
  border-top: 1px solid black;
  margin-top: 10px;
}

.w-wellScore .total .k-icon {
  margin-top: 3px;
}

.w-wellScore .level-1 {
  margin-left: 30px;
}

.w-wellScore .level-2 {
  margin-left: 60px;
}

.w-wellScore .level-3 {
  margin-left: 90px;
}

.w-wellScore .level-4 {
  margin-left: 120px;
}

.w-wellScore .level-5 {
  margin-left: 150px;
}

.w-wellScore .level-6 {
  margin-left: 180px;
}

.w-wellScore .points {
  font-weight: bold;
}

.w-wellScore .level-1 .points,
.w-wellScore .level-2 .points,
.w-wellScore .level-3 .points,
.w-wellScore .level-4 .points,
.w-wellScore .level-5 .points,
.w-wellScore .level-6 .points {
  font-weight: normal;
  color: #bbb;
}

.w-wellScore .adjustment .date {
  margin-right: 5px;
}

.k-rtl .w-wellScore .level-1 {
  margin-right: 30px;
  margin-left: auto;
}

.k-rtl .w-wellScore .level-2 {
  margin-right: 60px;
  margin-left: auto;
}

.k-rtl .w-wellScore .level-3 {
  margin-right: 90px;
  margin-left: auto;
}

.k-rtl .w-wellScore .level-4 {
  margin-right: 120px;
  margin-left: auto;
}

.k-rtl .w-wellScore .level-5 {
  margin-right: 150px;
  margin-left: auto;
}

.k-rtl .w-wellScore .level-6 {
  margin-right: 180px;
  margin-left: auto;
}

.w-wellScoreBadges .k-dropdown {
  margin-bottom: 5px;
}

.w-wellScoreBadges .wellscore-badges {
  padding: 0 60px;
  margin-top: 0px;
}

.w-wellScoreBadges .wellscore-badges.no-padding {
  padding: 0 0;
}

.w-wellScoreBadges .wellscore-badges .wellscore-badge {
  width: 100px;
  height: 150px;
  float: left;
  position: relative;
}

.w-wellScoreBadges .wellscore-badges .wellscore-badge img {
  max-width: 100%;
  max-height: 75%;
  width: auto;
  height: auto;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-wellScoreBadges .wellscore-badges .wellscore-badge img.fade {
  opacity: .3;
}

.w-wellScoreBadges .wellscore-badges .wellscore-badge span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: .9em;
}

.w-wellScoreBadges .wellscore-badges .points {
  width: 100%;
  text-align: center;
}

.w-wellScoreBadges .bx-wrapper {
  margin-bottom: 25px;
}

.w-wellScoreBadges .bx-wrapper .bx-viewport {
  box-shadow: none;
  padding-bottom: 20px;
}

.w-wellScoreBadges .bx-wrapper .bx-controls-direction a {
  margin-top: -35px;
  z-index: auto;
}

.w-wellScoreBadges .bx-wrapper .bx-next, .w-wellScoreBadges .bx-wrapper .bx-prev {
  background: url(/shared/templates/wcompass1/images/slider-controls-alt-dark.png) no-repeat;
}

.w-wellScoreBadges .bx-wrapper a.bx-next {
  background-position: -45px 0;
  right: -60px;
  left: auto;
  height: 72px;
  width: 45px;
}

.w-wellScoreBadges .bx-wrapper a.bx-prev {
  background-position: 0 0;
  left: -60px;
  right: auto;
  height: 72px;
  width: 45px;
}

.w-wellScoreBadges .bx-wrapper a.bx-next:hover {
  background-position: -45px -80px;
}

.w-wellScoreBadges .bx-wrapper a.bx-prev:hover {
  background-position: 0 -80px;
}

.w-wellScoreItemChart .k-chart {
  height: 150px;
}

.w-wellScoreItemStats {
  font-size: 0.95rem;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

.w-wellScoreItemStats .highlight-background {
  background-color: #8E9699;
}

.w-wellScoreItemStats .highlight-text {
  color: #FFF;
}

.w-wellScoreItemStats .base-background {
  background-color: #fff;
}

.w-wellScoreItemStats .base-text {
  color: #8E9699;
}

.w-wellScoreItemStats .progress-bar-fill {
  background-color: #555;
}

.w-wellScoreItemStats .progress-bar-empty {
  background-color: #ddd;
}

.w-wellScoreItemStats .divider {
  display: none;
}

.w-wellScoreItemStats .threshold-icon {
  height: 36px;
  width: 36px;
  background-image: url(/Konnected/JS/Widget/CSS/platformicons/interface-share-star-light);
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 36px;
}

.w-wellScoreItemStats .title {
  font-size: 1.1rem;
  font-weight: bold;
}

.w-wellScoreItemStats .progress-text .points {
  font-weight: bold;
}

.w-wellScoreItemStats .date-range {
  text-align: center;
}

.w-wellScoreItemStats .date-range img {
  vertical-align: bottom;
}

.w-wellScoreItemStats .track-button {
  padding: 0.25rem 3rem;
  cursor: pointer;
}

.w-wellScoreItemStats .display-type-circle {
  text-align: center;
  height: 100%;
}

.w-wellScoreItemStats .display-type-circle .section-dark {
  height: 25%;
  position: relative;
}

.w-wellScoreItemStats .display-type-circle .section-light {
  height: 50%;
  position: relative;
}

.w-wellScoreItemStats .display-type-circle .section-light > div {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.w-wellScoreItemStats .display-type-circle .details {
  width: 95%;
  margin: auto;
}

.w-wellScoreItemStats .display-type-circle .threshold-icon {
  height: 100%;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}

.w-wellScoreItemStats .display-type-circle .text-content {
  position: relative;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
}

.w-wellScoreItemStats .display-type-circle .progress-text {
  font-size: 1.5em;
  padding: 0.8rem 0;
}

.w-wellScoreItemStats .display-type-circle .w-progress {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
}

.w-wellScoreItemStats .display-type-circle .date-range {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.w-wellScoreItemStats .display-type-square {
  height: 100%;
}

.w-wellScoreItemStats .display-type-square > section {
  padding: 1rem;
  position: relative;
}

.w-wellScoreItemStats .display-type-square .section-light {
  text-align: center;
}

.w-wellScoreItemStats .display-type-square .threshold-icon {
  display: inline-block;
  border: 3px dotted;
  border-radius: 50%;
  padding: 10px;
  vertical-align: top;
}

.w-wellScoreItemStats .display-type-square .details {
  display: inline-block;
  width: calc(100% - 60px - 2rem);
  padding-left: 0.5rem;
}

.w-wellScoreItemStats .display-type-square .title {
  line-height: 2rem;
}

.w-wellScoreItemStats .display-type-square .date-range {
  padding-top: 1.5rem;
}

.w-wellScoreItemStats .display-type-square .arrow-down {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
}

.w-wellScoreItemStats .display-type-square .progress-text {
  font-size: 1.2rem;
}

.w-wellScoreItemStats .display-type-square .progress-text .points {
  font-size: 1.15em;
}

.w-wellScoreItemStats .display-type-square .progress {
  width: 90%;
  height: 1.2rem;
  border-radius: 0.7rem;
  border-width: 0px;
  margin: 0.8rem;
}

.w-wellScoreItemStats .display-type-square .k-state-selected {
  border-radius: 0.7rem;
  border-width: 0px;
  top: 0;
}

.w-wellScoreItemStats .display-type-square .k-progress-status {
  position: relative;
  top: -2.25rem;
  border-radius: 8px;
  padding: 3px 10px;
  font-size: 1rem;
}

.w-wellScoreRanking .rank-tbl {
  width: 100%;
  display: table;
}

.w-wellScoreRanking .rank-row {
  display: table-row;
}

.w-wellScoreRanking .rank-row.me {
  font-weight: bold;
}

.w-wellScoreRanking .rank-icon, .w-wellScoreRanking .rank-rank, .w-wellScoreRanking .rank-user, .w-wellScoreRanking .rank-points {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.w-wellScoreRanking .rank-icon {
  width: 40px;
  text-align: center;
}

.w-wellScoreRanking .rank-rank {
  width: 60px;
  text-align: center;
}

.w-wellScoreRanking .rank-points {
  width: 30px;
  text-align: right;
}

.w-wellScoreRanking .hdr {
  font-weight: bold;
}

.w-wellScoreSlider .k-dropdown {
  margin-bottom: 5px;
}

.w-wellScoreSlider .total-points {
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.w-wellScoreSlider .wellscore-slider {
  padding: 0 60px;
  margin-top: 0px;
}

.w-wellScoreSlider .wellscore-slider.no-padding {
  padding: 0 0;
}

.w-wellScoreSlider .wellscore-slider .wellscore-item {
  width: 200px;
}

.w-wellScoreSlider .wellscore-slider .wellscore-image {
  width: 100px;
  height: 100px;
  /*float: left;*/
  margin-left: 50px;
  position: relative;
}

.w-wellScoreSlider .wellscore-slider .wellscore-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-wellScoreSlider .wellscore-slider .points {
  width: 100%;
  text-align: center;
  margin-top: 15px;
  color: red;
  font-weight: bold;
  font-size: 1.1em;
}

.w-wellScoreSlider .wellscore-slider .title {
  width: 100%;
  height: 4.0em;
  text-align: center;
  margin-top: 1.6em;
  font-weight: bold;
  font-size: .8em;
  overflow: hidden;
  font-size: 10pt;
}

.w-wellScoreSlider .wellscore-slider .tooltip {
  width: 100%;
  height: 4.2em;
  text-align: center;
  margin-top: 0;
  font-size: 8pt;
  overflow: hidden;
  font-style: italic;
}

.w-wellScoreSlider .bx-wrapper {
  margin-bottom: 25px;
}

.w-wellScoreSlider .bx-wrapper .bx-viewport {
  box-shadow: none;
  padding-bottom: 20px;
}

.w-wellScoreSlider .bx-wrapper .bx-controls-direction a {
  margin-top: -35px;
  z-index: auto;
}

.w-wellScoreSlider .bx-wrapper .bx-next, .w-wellScoreSlider .bx-wrapper .bx-prev {
  background: url(/shared/templates/wcompass1/images/slider-controls-alt-dark.png) no-repeat;
}

.w-wellScoreSlider .bx-wrapper a.bx-next {
  background-position: -45px 0;
  right: -60px;
  left: auto;
  height: 72px;
  width: 45px;
}

.w-wellScoreSlider .bx-wrapper a.bx-prev {
  background-position: 0 0;
  left: -60px;
  right: auto;
  height: 72px;
  width: 45px;
}

.w-wellScoreSlider .bx-wrapper a.bx-next:hover {
  background-position: -45px -80px;
}

.w-wellScoreSlider .bx-wrapper a.bx-prev:hover {
  background-position: 0 -80px;
}

.w-wellScoreSlider .bx-wrapper .bx-pager {
  margin-bottom: 30px;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-moz-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-o-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-webkit-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@-moz-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@-o-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

.k-window.es-assessment-modal {
  border-radius: 15px;
  box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.3);
  font-family: Lato, sans-serif;
  max-height: calc(100vh - 222px);
  max-width: 1000px;
  overflow: hidden;
  transition: unset !important;
  top: 111px !important;
}

@media all and (max-width: 1024px) {
  .k-window.es-assessment-modal {
    max-width: 100%;
  }
}

.k-window.es-assessment-modal.k-window-maximized {
  border-radius: unset;
  top: 0 !important;
}

.k-window.es-assessment-modal * {
  scrollbar-color: #d8d8d8 #FFF;
  scrollbar-width: thin;
}

.k-window.es-assessment-modal ::-webkit-scrollbar {
  width: 14px;
}

.k-window.es-assessment-modal ::-webkit-scrollbar-track {
  background-color: #FFF;
  border: 1px solid #FFF;
}

.k-window.es-assessment-modal ::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  width: 6px;
  border: 4px solid #FFF;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}

.k-window.es-assessment-modal ::-webkit-scrollbar-thumb:hover {
  width: 10px;
  border: 2px solid #FFF;
}

.k-window.es-assessment-modal .k-window-titlebar {
  display: none;
}

.k-window.es-assessment-modal .w-window {
  display: flex;
  flex-direction: column;
  padding: 25px;
  overflow: auto;
}

@media all and (max-width: 768px) {
  .k-window.es-assessment-modal .w-window {
    padding: 24px;
    overflow: auto;
  }
}

.k-window.es-assessment-modal.update {
  max-width: 1300px;
}

.k-window.es-assessment-modal.update .w-window {
  padding: 20px;
}

.k-window.es-assessment-modal .padded {
  padding: 0;
}

.k-window.es-assessment-modal .sections .section {
  border: 0;
  padding: 0;
  overflow: hidden;
}

.k-window.es-assessment-modal .sections .section .header {
  display: none;
}

.k-window.es-assessment-modal .sections .section .questions .question {
  padding: 0;
  position: relative;
  margin: 0;
  display: grid;
  grid-template-areas: 'header image' 'edit image';
  justify-content: space-between;
}

.k-window.es-assessment-modal .sections .section .questions .question fieldset {
  margin: 0;
  padding: 0;
}

.k-window.es-assessment-modal .sections .section .questions .question .header {
  display: block;
  grid-area: header;
}

.k-window.es-assessment-modal .sections .section .questions .question .header .title {
  margin: 0;
}

.k-window.es-assessment-modal .sections .section .questions .question .header .title span, .k-window.es-assessment-modal .sections .section .questions .question .header .title label {
  display: block;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 26px;
}

@media all and (max-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question .header .title span, .k-window.es-assessment-modal .sections .section .questions .question .header .title label {
    width: 100%;
  }
}

.k-window.es-assessment-modal .sections .section .questions .question .header .desc {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 70%;
  margin-top: 8px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
}

.k-window.es-assessment-modal .sections .section .questions .question .header .desc:empty {
  display: none;
}

@media all and (max-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question .header .desc {
    max-width: none;
  }
}

.k-window.es-assessment-modal .sections .section .questions .question .header .desc .w-infotip {
  margin-left: 8px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.k-window.es-assessment-modal .sections .section .questions .question .header .desc .w-infotip img {
  opacity: 0;
}

.k-window.es-assessment-modal .sections .section .questions .question .header .desc .w-infotip:before {
  content: '';
  width: 17px;
  height: 17px;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url("/Shared/Images/EmployerSolution/Icons/info-filled.svg") no-repeat center center/contain;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit {
  grid-area: edit;
  margin: 32px 0 0;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul {
  padding-left: 0;
  display: inline-block;
  min-width: 200px;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li {
  box-sizing: border-box;
  min-height: 50px;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='radio'] {
  display: none;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='radio']:checked + label {
  border-color: #000;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='radio']:checked + label:after {
  content: '';
  position: absolute;
  right: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  line-height: 1;
  width: 24px;
  height: 24px;
  background: url("/Shared/Images/Library/Icons/check.svg") no-repeat center center/contain;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='radio'].k-invalid + label {
  color: #000;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='checkbox'] {
  display: none;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='checkbox'] + label {
  padding: 15px 15px 15px 48px;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='checkbox'] + label:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  border: 1px solid #C5C5C5;
  border-radius: 4px;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='checkbox']:checked + label {
  border-color: #000;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='checkbox']:checked + label:before {
  border: none;
  background: #000 url("/Shared/Images/Forms/Icons/checkmark-white.svg") no-repeat center center/50%;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li input[type='checkbox'].k-invalid + label {
  color: #000;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li label {
  display: block;
  position: relative;
  font-size: 16px;
  margin: 0;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 16px 56px 16px 16px;
  box-sizing: border-box;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit ul li label:hover {
  border-color: #000;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit span {
  border: 0;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit input[type='text'], .k-window.es-assessment-modal .sections .section .questions .question .edit input[type='number'] {
  border: 0;
  border-bottom: 1px solid #000;
  height: 32px;
  width: auto;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-dropdown {
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  overflow: hidden;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-dropdown .k-input {
  height: 50px;
  padding: 12px 16px;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-dropdown .k-select {
  background: transparent;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-dropdown .k-dropdown-wrap {
  background: #FFF;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-dropdown .k-dropdown-wrap .k-select {
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
  content: "";
  height: 16px;
  width: 12px;
  background-image: url(/Shared/images/forms/icons/nav_down.svg);
  background-repeat: no-repeat;
  transition: transform .3s ease-in-out;
  background-position: 50%;
  background-size: contain;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-dropdown .k-dropdown-wrap.k-state-active .k-select .k-icon:before {
  transform: rotate(180deg);
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-numerictextbox {
  width: 6.4em;
}

@media all and (max-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question .edit .k-numerictextbox {
    width: auto;
    max-width: 6.4em;
  }
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-numerictextbox .k-select {
  display: none;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-numerictextbox .k-numeric-wrap {
  padding: 0;
  box-shadow: none;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .k-numerictextbox .k-numeric-wrap input {
  max-width: 100%;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .baseUnits + label:after {
  display: none;
}

.k-window.es-assessment-modal .sections .section .questions .question .edit .feetAndInches input {
  max-width: 6.4em;
}

@media all and (min-width: 768px) and (max-width: 900px) {
  .k-window.es-assessment-modal .sections .section .questions .question .edit .feetAndInches {
    margin-bottom: 24px;
  }
}

.k-window.es-assessment-modal .sections .section .questions .question .question-image {
  grid-area: image;
  font-size: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 50px;
  max-width: 300px;
  max-height: 300px;
}

@media all and (max-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question .question-image {
    display: none;
  }
}

.k-window.es-assessment-modal .sections .section .questions .question .question-image img {
  max-height: 100%;
  max-width: 100%;
}

.k-window.es-assessment-modal .sections .section .questions .question.required {
  background: none;
}

.k-window.es-assessment-modal .sections .section .questions .question.image_based.radio {
  display: flex;
}

.k-window.es-assessment-modal .sections .section .questions .question.image_based fieldset {
  width: 100%;
}

.k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
}

@media all and (max-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul {
    flex-direction: column;
    gap: 0;
  }
}

@media all and (min-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li {
    flex: 1;
    margin: 0;
  }
}

@media all and (min-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li input[type='radio']:checked + label, .k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li input[type='checkbox']:checked + label {
    border-color: #000;
  }
  .k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li input[type='radio']:checked + label:after, .k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li input[type='checkbox']:checked + label:after {
    border: none;
    transform: none;
    border-radius: 100%;
    top: 7px;
    right: 7px;
    background: #000 url("/Shared/Images/Forms/icons/checkmark-white.svg") no-repeat center center/50%;
  }
}

.k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li label {
  width: 100%;
  height: 100%;
  padding: 16px;
}

@media all and (min-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li label {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
  }
}

.k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li label:after {
  background: none;
}

.k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li label img {
  margin-bottom: 20px;
  max-height: none;
  max-width: 80px;
}

@media all and (max-width: 768px) {
  .k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li label img {
    display: none;
  }
}

.k-window.es-assessment-modal .sections .section .questions .question.image_based .edit ul li span {
  flex-grow: 2;
}

@media all and (max-width: 768px) {
  .k-window.es-assessment-modal {
    height: 100vh;
    width: 100vw;
    height: 100dvh;
    width: 100dvw;
    box-sizing: border-box;
    top: 0 !important;
    left: 0 !important;
    max-width: unset;
    max-height: unset;
    border-radius: unset;
    overflow: hidden;
  }
}

@media all and (max-height: 700px) and (min-width: 769px) {
  .k-window.es-assessment-modal {
    max-height: calc(100vh - 15%);
    top: 7.5% !important;
  }
}

.w-es-assessment {
  display: flex;
  flex: 1 1 auto;
  margin: auto;
  min-height: 100%;
  width: 100%;
}

.w-es-assessment:empty, .w-es-assessment:not([loadcomplete="true"]) {
  align-items: center;
  min-height: 48px;
  justify-content: center;
  width: auto;
}

.w-es-assessment:empty:before, .w-es-assessment:not([loadcomplete="true"]):before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: url("/Shared/Images/Forms/loader.svg");
  animation: spin 1s linear infinite;
}

.w-es-assessment:empty .form, .w-es-assessment:not([loadcomplete="true"]) .form {
  opacity: 0.20;
  pointer-events: none;
}

@media all and (max-width: 768px) {
  .w-es-assessment {
    align-items: stretch;
    min-height: auto;
    overflow: hidden;
  }
}

@media all and (min-width: 769px) {
  .w-es-assessment:not(.blocker, .blocker-partial) {
    width: 1000px;
    max-width: 100%;
  }
  .w-es-assessment:not(.blocker, .blocker-partial):empty {
    width: auto;
  }
}

.w-es-assessment * {
  box-sizing: border-box;
}

.w-es-assessment button {
  cursor: pointer;
}

.w-es-assessment .section-list {
  overflow: auto;
}

.w-es-assessment .section-list ul {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
  padding: 0;
}

.w-es-assessment .section-list li {
  list-style: none;
}

.w-es-assessment .section-list li:has(.section-selector.hidden) {
  display: none;
}

.w-es-assessment .section-list .section-selector {
  align-items: center;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 10px 8px 10px 16px;
  font-size: 16px;
}

.w-es-assessment .section-list .section-selector:hover {
  background-color: #F9F9F9;
}

.w-es-assessment .section-list .section-selector:after {
  content: url("/Shared/Images/Library/Icons/check.svg");
  position: relative;
  width: 24px;
  height: 24px;
  visibility: hidden;
}

.w-es-assessment .section-list .section-selector.disabled {
  cursor: default;
  opacity: 50%;
}

.w-es-assessment .section-list .section-selector.hidden {
  display: none;
}

.w-es-assessment .section-list .section-selector.selected {
  background: #FFF;
}

.w-es-assessment .section-list .section-selector.selected:after {
  visibility: visible;
}

.w-es-assessment .section-list .section-selector.update, .w-es-assessment .section-list .section-selector.update:hover {
  background-color: #FFCBCB;
  color: #9B0000;
}

.w-es-assessment .assessment-inline {
  display: flex;
  overflow: auto;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-inline {
    flex-grow: 2;
  }
}

.w-es-assessment .assessment-inline .form-web .top .header .title,
.w-es-assessment .assessment-inline .form-touch .top .header .title {
  text-align: center;
  font-size: 1.5rem;
}

.w-es-assessment .assessment-inline .form-web .section > .header,
.w-es-assessment .assessment-inline .form-touch .section > .header {
  text-align: center;
}

.w-es-assessment .assessment-inline .form-web .controls,
.w-es-assessment .assessment-inline .form-touch .controls {
  display: none;
}

.w-es-assessment .assessment-inline .form .top {
  display: none;
}

.w-es-assessment .assessment-inline .form .sections .section .questions {
  margin-top: 32px;
}

.w-es-assessment .assessment-inline .form .sections .section .questions .question .edit {
  flex-wrap: wrap;
}

.w-es-assessment .assessment-inline .form .sections .section .questions .question .edit .base-units {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  min-width: auto;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-inline .form .sections .section .questions .question .edit .base-units {
    margin-top: 44px;
  }
}

.w-es-assessment .assessment-inline .form .sections .section .questions .question .edit .base-units .base-unit {
  min-height: auto;
  margin: 0;
}

.w-es-assessment .assessment-inline .form .sections .section .questions .question .edit .base-units .base-unit label {
  border-radius: 128px;
  min-width: 66px;
  height: 40px;
  margin: 0;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-es-assessment .assessment-inline .form .sections .section .questions .question .edit .base-units .base-unit input:checked + label {
  background-color: #FFF;
  color: #000;
}

.w-es-assessment .assessment-inline .form .sections .section .questions .question .edit .base-units .base-unit input:not(:checked) + label:hover {
  background-color: #F5F5F5;
}

.w-es-assessment .assessment-inline .form .sections .section .questions .question .edit .k-form-error {
  flex: 1 0 auto;
  width: 100%;
}

.w-es-assessment .assessment-inline .form .sections .section .questions .question.has-base-units .edit {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0 32px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-inline .form .sections .section .questions .question.select .dropdown {
    width: 100%;
  }
}

.w-es-assessment .assessment-inline:empty, .w-es-assessment .assessment-inline:not([loadcomplete="true"]) {
  min-height: 48px;
  justify-content: center;
  align-items: center;
}

.w-es-assessment .assessment-inline:empty:before, .w-es-assessment .assessment-inline:not([loadcomplete="true"]):before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: url("/Shared/Images/Forms/loader.svg");
  animation: spin 1s linear infinite;
}

.w-es-assessment .assessment-inline:empty .form, .w-es-assessment .assessment-inline:not([loadcomplete="true"]) .form {
  opacity: 0.20;
  pointer-events: none;
}

.w-es-assessment .assessment-header {
  display: flex;
  gap: 32px;
  justify-content: flex-end;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-header {
    justify-content: space-between;
  }
}

.w-es-assessment .assessment-header > div {
  display: flex;
  align-items: center;
}

.w-es-assessment .assessment-header .header-blocker-label {
  display: none;
}

.w-es-assessment .assessment-header .header-label {
  justify-content: start;
}

.w-es-assessment .assessment-header .header-info {
  flex: 1 1 auto;
  justify-content: end;
  gap: 0 20px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-header .header-info {
    display: none;
  }
}

.w-es-assessment .assessment-header .header-buttons {
  gap: 0 20px;
  justify-content: end;
}

.w-es-assessment .assessment-header .header-buttons button {
  align-items: center;
  background: transparent;
  border: unset;
  border-radius: 15px;
  color: #FFF;
  display: flex;
  gap: 0 8px;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  padding: 0;
  line-height: 0;
}

.w-es-assessment .assessment-header .header-buttons .header-download {
  display: none;
}

.w-es-assessment .assessment-header .header-buttons .header-download .download-pdf .download-text {
  order: 1;
  color: #000;
  font-size: 14px;
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-header .header-buttons .header-download .download-pdf .download-text {
    display: none;
  }
}

.w-es-assessment .assessment-header .header-buttons .header-download .download-pdf .download-icon {
  background: url("/Shared/Images/EmployerSolution/Icons/report-download-black.svg") no-repeat center center/contain;
  display: inline-block;
  height: 20px;
  order: 0;
  width: 20px;
}

.w-es-assessment .assessment-header .header-buttons .header-close .assessment-close .close-text {
  color: #FFF;
  display: none;
  order: 1;
}

.w-es-assessment .assessment-header .header-buttons .header-close .assessment-close .close-icon {
  display: flex;
  flex: 1 1 auto;
  font-size: 12px;
  order: 0;
  border: 0;
  width: 24px;
  height: 24px;
  background: url("/Shared/Images/EmployerSolution/Icons/close-circle-black.svg");
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-header .header-buttons {
    margin-left: auto;
  }
}

.w-es-assessment .assessment-header .header-date-completed .date-completed {
  align-items: center;
  background: #DFFFE8;
  border-radius: 15px;
  color: #108330;
  display: flex;
  justify-content: center;
  height: 30px;
  padding: 0px 12px;
}

.w-es-assessment .assessment-header .header-progress {
  align-items: center;
  display: flex;
  gap: 0 6px;
}

.w-es-assessment .assessment-header .header-progress .progress-label {
  flex: 1 1 auto;
  white-space: nowrap;
}

.w-es-assessment .assessment-header .header-progress .progress-label .progress-label-text {
  display: none;
}

.w-es-assessment .assessment-header .header-progress .progress-bar {
  display: flex;
  margin: 0;
  max-width: 240px;
  width: 240px;
  height: 10px;
  border-radius: 5px;
}

.w-es-assessment .assessment-header .header-progress .progress-bar .k-state-selected {
  background-color: #000;
  border-radius: 8px;
  box-sizing: content-box;
}

.w-es-assessment .assessment-controls {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  gap: 22px;
  min-height: 32px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-controls {
    flex-grow: 0;
  }
}

.w-es-assessment .assessment-controls .controls-nav {
  align-items: flex-end;
  display: flex;
  flex-grow: 1;
  justify-content: space-around;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  user-select: none;
  white-space: nowrap;
}

.w-es-assessment .assessment-controls .controls-nav button:hover {
  /*background-color: $pearl;*/
}

.w-es-assessment .assessment-controls .controls-nav.hidden {
  display: none;
}

.w-es-assessment .assessment-controls .controls-nav.primary-nav {
  justify-content: space-between;
  gap: 1px;
}

.w-es-assessment .assessment-controls .controls-nav.primary-nav button {
  border-width: 2px;
  height: 40px;
}

.w-es-assessment .assessment-controls .controls-nav.primary-nav button:disabled {
  cursor: default;
  pointer-events: none;
}

.w-es-assessment .assessment-controls .controls-nav.primary-nav .nav-icon {
  display: none;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav {
  justify-content: flex-start;
  align-items: flex-end;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item.disabled,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item.disabled {
  display: none;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item button,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item button {
  border: 1px solid #000;
  background: #FFF;
  min-width: 94px;
  height: 40px;
  gap: 8px;
  font-weight: 700;
  color: #000;
  border-radius: 10px;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item button:hover,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item button:hover {
  background-color: #F5F5F5;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item button:active,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item button:active {
  background-color: #F5F5F5;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item button.disabled,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item button.disabled {
  cursor: pointer;
  pointer-events: none;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item button.hidden,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item button.hidden {
  display: none;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item .nav-icon,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item .nav-icon {
  width: auto;
  height: auto;
  display: none;
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item .nav-icon:after,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item .nav-icon:after {
  content: url("/Shared/Images/EmployerSolution/Icons/corner-down-left-black.svg");
}

.w-es-assessment .assessment-controls .controls-nav.secondary-nav .next-item .th_button .nav-icon,
.w-es-assessment .assessment-controls .controls-nav.secondary-nav .prev-item .th_button .nav-icon {
  display: none;
}

.w-es-assessment .assessment-controls .next-item button, .w-es-assessment .assessment-controls .prev-item button {
  cursor: pointer;
}

.w-es-assessment .assessment-controls .next-item button.hidden, .w-es-assessment .assessment-controls .prev-item button.hidden {
  display: none;
}

.w-es-assessment .assessment-controls .nav-icon {
  align-items: center;
  background: unset;
  color: #FFF;
  display: flex;
  justify-content: center;
}

.w-es-assessment .assessment-controls .nav-text {
  display: flex;
  align-items: center;
  height: 100%;
}

.w-es-assessment .assessment-controls .disabled {
  color: #C0C0C0;
  opacity: 0.5;
}

.w-es-assessment .assessment-controls.disabled {
  pointer-events: none;
}

.w-es-assessment .assessment-controls.disabled * {
  cursor: pointer;
}

.w-es-assessment .assessment-blockers {
  display: none;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-blockers {
    flex-grow: 2;
  }
}

.w-es-assessment .form {
  width: 100%;
}

.w-es-assessment .assessment-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-wrapper {
    justify-content: space-between;
  }
}

.w-es-assessment .assessment-content {
  display: flex;
  flex-direction: column;
  gap: 22px 0;
  overflow: auto;
}

.w-es-assessment .assessment-content.loading-assessment .section-list {
  visibility: hidden;
}

.w-es-assessment .assessment-content.loading-assessment .assessment-inline {
  display: none !important;
}

.w-es-assessment .assessment-content.loading-assessment .assessment-controls {
  visibility: hidden;
}

.w-es-assessment .assessment-content .mobile-list {
  display: none;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-content {
    height: 100%;
    margin: 0;
  }
  .w-es-assessment .assessment-content .desktop-list {
    display: none;
  }
  .w-es-assessment .assessment-content .mobile-list {
    display: block;
  }
}

.w-es-assessment .controls-info {
  display: flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  gap: 0.5rem;
}

.w-es-assessment .controls-info.hidden {
  display: none;
}

.w-es-assessment .controls-info .info-icon {
  width: 13px;
  height: 13px;
  background: url("/Shared/Images/Forms/Icons/arr-up.svg") no-repeat center center/contain;
}

.w-es-assessment .controls-info .info-text {
  color: #6D6D6D;
}

.w-es-assessment:not(.can-auto-progress) .controls-info {
  display: none;
}

.w-es-assessment.can-auto-progress .secondary-nav .next-item,
.w-es-assessment.can-auto-progress .secondary-nav .prev-item {
  display: none;
}

.w-es-assessment .assessment-entry {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 5px 100px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-entry {
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    gap: 0;
  }
}

.w-es-assessment .assessment-entry .entry-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 28px;
  order: 1;
  flex: 2;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-entry .entry-info {
    flex-grow: 0;
  }
}

.w-es-assessment .assessment-entry .entry-info .entry-title {
  line-height: 44px;
}

.w-es-assessment .assessment-entry .entry-info .entry-description {
  color: #000;
  font-size: 16px;
  flex-grow: 2;
}

.w-es-assessment .assessment-entry .entry-image {
  order: 0;
  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex;
  max-width: 299px;
  text-align: center;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-entry .entry-image {
    margin: 56px auto;
  }
}

.w-es-assessment .assessment-entry .entry-image img {
  width: 100%;
}

.w-es-assessment .assessment-entry .entry-nav {
  display: flex;
  flex-wrap: wrap;
  order: 2;
  gap: 20px;
  align-items: flex-end;
}

.w-es-assessment .assessment-entry .entry-nav button {
  height: 50px;
  flex: 1 0 auto;
}

.w-es-assessment .assessment-entry .entry-nav button.nav-pause {
  border: 1px solid #000;
  background: #FFF;
}

.w-es-assessment .assessment-entry .entry-nav button.nav-pause:hover {
  background-color: #F5F5F5;
}

.w-es-assessment .assessment-exit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 43px 0 20px 0;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-exit {
    padding: 0;
    height: 100%;
  }
}

.w-es-assessment .assessment-exit .exit-info {
  margin-bottom: 40px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-exit .exit-info {
    width: 100%;
    flex-grow: 2;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin: 0;
  }
}

.w-es-assessment .assessment-exit .exit-image {
  margin-bottom: 44px;
  text-align: center;
}

.w-es-assessment .assessment-exit .exit-image img {
  width: 100%;
  max-width: 272px;
}

.w-es-assessment .assessment-exit .exit-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.72px;
  margin-bottom: 10px;
}

.w-es-assessment .assessment-exit .exit-description {
  color: #000;
  text-align: center;
  font-size: 16px;
}

.w-es-assessment .assessment-exit .exit-nav {
  display: flex;
  gap: 0 15px;
  width: 100%;
}

.w-es-assessment .assessment-exit .exit-nav button {
  flex: 1 1;
  min-width: 200px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-exit .exit-nav {
    flex-direction: column;
  }
  .w-es-assessment .assessment-exit .exit-nav .th_button:not(:first-of-type) {
    margin-top: 10px;
  }
}

.w-es-assessment .assessment-closing {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 47px 0 20px 0;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-closing {
    padding: 0;
    height: 100%;
  }
}

.w-es-assessment .assessment-closing .closing-image {
  margin-bottom: 40px;
}

.w-es-assessment .assessment-closing .closing-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px 0;
  margin-bottom: 34px;
}

.w-es-assessment .assessment-closing .closing-info .closing-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.72px;
}

.w-es-assessment .assessment-closing .closing-info .closing-description {
  color: #000;
  text-align: center;
  font-size: 16px;
}

.w-es-assessment .assessment-closing .closing-loader .closing-loader-image {
  position: relative;
  width: 48px;
  height: 48px;
}

.w-es-assessment .assessment-closing .closing-loader .closing-loader-image img {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  position: absolute;
}

.w-es-assessment .assessment-finished {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 47px 0 20px 0;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-finished {
    padding: 0;
    height: 100%;
  }
}

.w-es-assessment .assessment-finished .finished-image {
  margin-bottom: 40px;
}

.w-es-assessment .assessment-finished .finished-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px 0;
  margin-bottom: 34px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-finished .finished-info {
    flex-grow: 2;
    margin: 0;
  }
}

.w-es-assessment .assessment-finished .finished-info .finished-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.72px;
}

.w-es-assessment .assessment-finished .finished-info .finished-description {
  color: #000;
  text-align: center;
  font-size: 16px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-finished .finished-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .w-es-assessment .assessment-finished .finished-nav .th_button:not(:first-of-type) {
    margin-top: 10px;
  }
}

.w-es-assessment .section-finished {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.w-es-assessment .section-finished .finished-info {
  padding: 32px 0;
  color: #000;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
}

.w-es-assessment .section-finished .finished-image {
  display: flex;
  max-width: 300px;
  max-height: 300px;
}

.w-es-assessment .section-finished .finished-image img {
  max-width: 100%;
}

@media all and (min-width: 769px) {
  .w-es-assessment .assessment-user-profile {
    min-width: 400px;
  }
}

.w-es-assessment .assessment-user-profile ul {
  display: inline-block;
  margin: 0;
  min-width: 200px;
  padding-left: 0;
}

.w-es-assessment .assessment-user-profile ul li {
  list-style: none;
  margin-left: 0;
  box-sizing: border-box;
  min-height: 50px;
}

.w-es-assessment .assessment-user-profile ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

.w-es-assessment .assessment-user-profile ul li input[type='radio'] {
  display: none;
}

.w-es-assessment .assessment-user-profile ul li input[type='radio']:checked + label {
  border-color: #000;
}

.w-es-assessment .assessment-user-profile ul li input[type='radio']:checked + label:after {
  content: '';
  position: absolute;
  right: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  line-height: 1;
  width: 18px;
  height: 18px;
  background: url("/Shared/Images/Forms/icons/checkmark.svg") no-repeat center center/contain;
}

.w-es-assessment .assessment-user-profile ul li label {
  display: block;
  position: relative;
  font-size: 16px;
  margin: 0;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
}

.w-es-assessment .assessment-user-profile ul li label:hover {
  border-color: #000;
}

.w-es-assessment .assessment-user-profile .user-profile-info {
  display: flex;
  flex-direction: column;
  gap: 15px 0px;
  margin-top: 8px;
}

.w-es-assessment .assessment-user-profile .user-profile-info .user-profile-row-title {
  margin-bottom: 8px;
  font-weight: 600;
}

.w-es-assessment .assessment-user-profile .user-profile-info .user-profile-row-error {
  background-color: #FFCBCB;
  border-radius: 6px;
  color: #9B0000;
  margin-top: 10px;
  padding: 6px;
}

.w-es-assessment .assessment-user-profile .user-profile-nav {
  display: flex;
  justify-content: center;
  gap: 0 15px;
  margin-top: 8px;
}

@media all and (max-width: 768px) {
  .w-es-assessment .assessment-user-profile .user-profile-nav {
    flex-direction: column;
    width: 100%;
  }
  .w-es-assessment .assessment-user-profile .user-profile-nav .th_button:not(:first-of-type) {
    margin-top: 10px;
  }
}

.w-es-assessment.blocker .assessment-header, .w-es-assessment.blocker .assessment-content {
  display: none;
}

.w-es-assessment.blocker .assessment-blockers {
  display: initial;
  overflow: auto;
}

.w-es-assessment.blocker-partial .partial-hidden {
  display: none !important;
}

.w-es-assessment.blocker-partial .assessment-header .header-label {
  display: none;
}

.w-es-assessment.blocker-partial .assessment-header .header-info {
  display: none;
}

.w-es-assessment.blocker-partial .assessment-header .header-buttons {
  display: initial;
}

.w-es-assessment.blocker-partial .assessment-header .header-blocker-label {
  flex: 1 1 auto;
}

.w-es-assessment.blocker-partial .assessment-header .header-blocker-label:not(.hidden) {
  display: flex;
}

.w-es-assessment.blocker-partial .assessment-header .header-blocker-label:not(.hidden) {
  display: initial;
}

.w-es-assessment.blocker-partial .assessment-content {
  display: none;
}

.w-es-assessment.blocker-partial .assessment-blockers {
  display: initial;
  overflow: auto;
}

.w-es-assessment.blocker-header-label-hidden .assessment-header .header-blocker-label:not(.hidden) {
  display: none;
}

.w-es-assessment.update .assessment-inline .form .sections .section {
  overflow: unset;
}

.w-es-assessment.update .assessment-inline .form .sections .section .questions .question .edit.k-state-disabled {
  display: none;
}

.w-es-assessment.update .assessment-inline .form .sections .section .questions .question .question-image {
  display: none;
}

.w-es-assessment.update .update-question-controls .question-controls-info .info-icon {
  width: 13px;
  height: 13px;
  background: url("/Shared/Images/Forms/Icons/arr-up.svg") no-repeat center center/contain;
}

.w-es-assessment.update .update-question-controls .question-controls-legend .legend-text {
  font-size: 14px;
}

.w-es-assessment.update .update-question-controls .question-controls-legend .legend-initial-answer {
  align-items: center;
  display: flex;
  gap: 0 10px;
}

.w-es-assessment.update .update-question-controls .question-controls-legend .legend-initial-answer .legend-icon {
  border-top: 2px dashed #000;
  display: inline-block;
  flex-shrink: 0;
  width: 30px;
}

.w-es-assessment.update .update-question-controls .question-controls-button {
  align-items: center;
  display: flex;
  gap: 0 20px;
}

.w-es-assessment.update .assessment-header {
  margin-bottom: 20px;
}

.w-es-assessment.update .assessment-header .header-progress {
  display: none;
}

.w-es-assessment.update .assessment-header .header-download {
  display: block;
}

.w-es-assessment.update .assessment-content {
  flex-direction: row;
  border-top: 1px solid #d9d9d9;
}

.w-es-assessment.update .assessment-content .section-list {
  max-width: 252px;
  padding: 20px;
  box-sizing: border-box;
  flex: 1 1 100%;
  border-right: 1px solid #d9d9d9;
  background: #F5F5F5;
}

.w-es-assessment.update .assessment-content .section-list .section-list-header {
  color: #6D6D6D;
  font-size: 14px;
  padding: 0px 0px 0px 16px;
  margin: 2px 0px 16px 0px;
  display: none;
}

.w-es-assessment.update .assessment-content .section-list ul {
  flex-direction: column;
  margin: 0;
}

.w-es-assessment.update .assessment-content .assessment-inline {
  flex: 1 1 auto;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .top {
  display: none;
  margin-bottom: 0;
  padding: 20px 0 14px 20px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .top .header .title {
  color: #000;
  font-size: 20px;
  line-height: normal;
  text-align: left;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .top .progressOuter, .w-es-assessment.update .assessment-content .assessment-inline .form .top .pageInfo {
  display: none;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section {
  border-radius: 0;
  position: relative;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section:not(.manageronly) ~ .section:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  height: 0;
  width: calc(100% - 20px);
  border-top: 1px solid #d9d9d9;
  z-index: 1;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions {
  margin-top: 0;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question {
  padding: 20px 0 20px 20px;
  display: grid;
  grid-auto-columns: 1fr auto;
  padding: 20px 0 20px 20px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question ~ .question:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  height: 0;
  width: calc(100% - 20px);
  border-top: 1px solid #d9d9d9;
  z-index: 1;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .header .title .label {
  font-size: 16px;
  font-weight: 400;
  pointer-events: none;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .header .desc:empty {
  display: none;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .edit {
  margin: 26px 26px 26px 0;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .edit .feetAndInches {
  margin-bottom: unset;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button {
  grid-area: image;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button button {
  background: unset;
  border: unset;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 7px;
  align-items: center;
  justify-content: center;
  background: none;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button button .button-text {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: Poppins, sans-serif;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button button .button-icon {
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/EmployerSolution/icons/edit-black.svg") no-repeat center center/contain;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button button:hover {
  background: unset;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer {
  align-items: center;
  border: 2px solid transparent;
  display: flex;
  gap: 0 10px;
  grid-row: 2;
  margin-top: 14px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer .answer-text {
  background: #F5F5F5;
  border: 2px solid transparent;
  border-radius: 8px;
  display: inline-block;
  padding: 8px 14px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer .answer-icon {
  width: 20px;
  height: 20px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer.error .answer-text {
  background-color: #FFCBCB;
  border-radius: 6px;
  color: #9B0000;
  margin-top: 10px;
  padding: 6px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls {
  align-items: center;
  display: none;
  grid-row: none;
  justify-content: space-between;
  flex-wrap: wrap;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-info {
  align-items: center;
  display: none;
  flex: 1 1 auto;
  gap: 0 8px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-info .info-text {
  font-size: 14px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-info .info-icon {
  background: url("/Shared/Images/Forms/Icons/arr-up.svg") no-repeat center center/contain;
  display: inline-block;
  height: 13px;
  width: 13px;
  flex-shrink: 0;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-legend {
  display: none;
  flex: 1 1 auto;
  justify-content: center;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-controls .question-controls-buttons {
  align-items: center;
  display: flex;
  gap: 0 20px;
  flex: 1 1 auto;
  justify-content: flex-end;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating {
  background-color: #F5F5F5;
  padding-right: 20px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .header .title label {
  pointer-events: unset;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.has-base-units .edit {
  row-gap: 26px;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .edit ul li input[type='radio'].initial-answer + label, .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .edit ul li input[type='checkbox'].initial-answer + label {
  border: 2px dashed #000;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .k-list-container .k-list .k-item.initial-answer {
  border: 2px dashed #000;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .update-question-answer,
.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .update-question-button {
  display: none;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating .update-question-controls {
  display: flex;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.radio .update-question-controls .question-controls-info, .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.radio .update-question-controls .question-controls-legend, .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.checkbox .update-question-controls .question-controls-info, .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.checkbox .update-question-controls .question-controls-legend {
  display: flex;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updated .update-question-button {
  opacity: 0;
  pointer-events: none;
  -webkit-animation: button-fade-in 500ms ease-in forwards;
  -moz-animation: button-fade-in 500ms ease-in forwards;
  -o-animation: button-fade-in 500ms ease-in forwards;
  animation: button-fade-in 500ms ease-in forwards;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updated .update-question-answer .answer-text {
  border-color: #000;
  -webkit-animation: border-fade-out 500ms ease-in forwards;
  -moz-animation: border-fade-out 500ms ease-in forwards;
  -o-animation: border-fade-out 500ms ease-in forwards;
  animation: border-fade-out 500ms ease-in forwards;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updated .update-question-answer .answer-icon {
  background-image: url(/shared/images/forms/icons/circle-check.svg);
  background-size: contain;
  -webkit-animation: opacity-hide 500ms ease-in forwards;
  -moz-animation: opacity-hide 500ms ease-in forwards;
  -o-animation: opacity-hide 500ms ease-in forwards;
  animation: opacity-hide 500ms ease-in forwards;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.w-es-assessment.update .assessment-content .assessment-controls {
  display: none;
}

@media all and (max-width: 768px) {
  .w-es-assessment.update .assessment-content {
    border: unset;
    flex-direction: column;
    padding-top: unset;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .top {
    padding: unset;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section ~ .section {
    border-top: 1px solid #F5F5F5;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section ~ .section:before {
    content: unset;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question {
    padding-left: unset;
    display: flex;
    flex-direction: column;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question ~ .question {
    border-top: 1px solid #F5F5F5;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question ~ .question:before {
    content: unset;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .edit {
    margin-right: unset;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-answer {
    order: 2;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question .update-question-button {
    justify-content: flex-end;
    margin-top: 20px;
    order: 3;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating {
    padding-left: 20px;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.radio .update-question-controls .question-controls-info, .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.checkbox .update-question-controls .question-controls-info {
    display: none;
  }
  .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.radio .update-question-controls .question-controls-legend, .w-es-assessment.update .assessment-content .assessment-inline .form .sections .section .questions .question.updating.checkbox .update-question-controls .question-controls-legend {
    display: none;
  }
  .w-es-assessment.update .assessment-content .section-list {
    max-width: unset;
    border: none;
    flex: inherit;
    padding: unset;
    margin-bottom: 24px;
    min-height: 47px;
  }
  .w-es-assessment.update .assessment-content .section-list .section-list-header {
    margin-bottom: 8px;
    padding: unset;
  }
  .w-es-assessment.update .assessment-content .section-list .select-list.k-dropdown {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
  }
  .w-es-assessment.update .assessment-content .section-list .select-list.k-dropdown .k-dropdown-wrap {
    border: unset;
    background: #FFF;
  }
  .w-es-assessment.update .assessment-content .section-list .select-list.k-dropdown .k-dropdown-wrap .k-input {
    height: 45px;
    padding: 10px 16px;
  }
  .w-es-assessment.update .assessment-content .section-list .select-list.k-dropdown .k-dropdown-wrap .k-select {
    background: transparent;
    border: unset;
  }
  .w-es-assessment.update .assessment-content .section-list .select-list.k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
    content: "";
    height: 16px;
    width: 12px;
    background-image: url(/Shared/Images/Forms/icons/nav_down.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: transform .3s ease-in-out;
  }
}

@media all and (min-width: 769px) {
  .w-es-assessment.update:not(.blocker, .blocker-partial) {
    width: 1300px;
  }
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-es-assessmentbanner {
  min-height: 70px;
  position: relative;
}

.w-es-assessmentbanner .banner_wrap {
  background: #000;
  max-width: 1280px;
  margin: 0 auto;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap {
    border-radius: 8px;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  height: 100%;
  box-sizing: border-box;
  gap: 32px 34px;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner {
    flex-direction: column;
    padding: 32px 20px;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner .percentage {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .percentage {
    width: 100%;
    margin: 0 auto;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner .percentage .percentage__progressbar {
  width: 111px;
  height: 111px;
  position: relative;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .percentage .percentage__progressbar {
    margin: 0 auto;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner .percentage .percentage__progressbar div[data-role="surface"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.w-es-assessmentbanner .banner_wrap .banner_inner .percentage .percentage__progressbar .k-arcgauge-label {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.w-es-assessmentbanner .banner_wrap .banner_inner .percentage .percentage__progressbar .k-arcgauge-label .percentage__value {
  color: #fff;
  font-size: 26px;
  line-height: 1;
}

.w-es-assessmentbanner .banner_wrap .banner_inner .description {
  color: #fff;
  flex: 1;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .description {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner .description .description__header {
  font-size: 20px;
  margin: 0 0 16px;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .description .description__header {
    margin-bottom: 8px;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner .description .description__text {
  font-size: 16px;
  margin: 0;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .description .description__text br {
    display: none;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner .description .description__badges {
  margin-top: 22px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .description .description__badges {
    justify-content: center;
  }
}

@media all and (max-width: 480px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .description .description__badges {
    flex-direction: column;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner .description .description__badges .wcp_badge:not(:first-of-type) {
  margin-left: 14px;
}

@media all and (max-width: 480px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .description .description__badges .wcp_badge:not(:first-of-type) {
    margin: 14px auto 0 auto;
    min-width: 194px;
  }
}

.w-es-assessmentbanner .banner_wrap .banner_inner .actions {
  flex-shrink: 0;
  margin-left: 24px;
}

@media all and (max-width: 900px) {
  .w-es-assessmentbanner .banner_wrap .banner_inner .actions {
    margin: 0;
  }
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-es-assessmentstatus {
  color: #000;
  min-height: 70px;
  position: relative;
}

.w-es-assessmentstatus * {
  box-sizing: border-box;
}

.w-es-assessmentstatus .assessment_status_wrap {
  max-width: 1215px;
  margin: 0 auto;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_header {
  font-size: 20px;
  margin-bottom: 16px;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item {
  padding: 24px;
  flex: 0 0 calc(50% - 12px);
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 24px;
}

@media all and (max-width: 768px) {
  .w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item {
    width: 100%;
    background: none !important;
  }
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:first-child:last-child {
  flex: 0 0 100%;
  background-image: url("/Shared/Images/Forms/Background/status-complete.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:first-child:last-child .item__progress {
  display: grid;
  grid-template-areas: 'progress_text progress_actions' 'progress_visual progress_actions';
  grid-template-columns: 40% auto;
  justify-content: space-between;
  align-items: flex-end;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:first-child:last-child .item__progress .item__progress .progress__text {
  margin-bottom: 0;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:first-child:last-child .item__actions {
  margin-top: 0;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:first-child:last-child .item__actions .th_button {
  max-width: 240px;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:nth-last-child(1):nth-child(2), .w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:last-child {
  margin-bottom: 0;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:nth-last-child(2):nth-child(1), .w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item:nth-last-child(1):nth-child(1) {
  margin-bottom: 0;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__days {
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 14px;
  color: #525252;
  margin: 0;
  font-weight: 600;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__header {
  font-size: 36px;
  font-weight: 400;
  margin: 46px 0 0;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress {
  margin-top: 36px;
}

@media all and (max-width: 768px) {
  .w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress {
    display: flex !important;
    flex-direction: column !important;
    background: none !important;
  }
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  margin-bottom: 18px;
  font-size: 20px;
  grid-area: progress_text;
}

@media all and (max-width: 768px) {
  .w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__text {
    width: 100%;
  }
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__text .progress__percentage {
  font-size: 26px;
  font-weight: 600;
  margin: 0;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__text .progress__completeness {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__visual {
  font-size: 0;
  grid-area: progress_visual;
}

@media all and (max-width: 768px) {
  .w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__visual {
    width: 100%;
    margin-bottom: 32px;
  }
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__visual .progress__bar {
  height: 6px;
  border-radius: 6px;
  border-color: transparent;
  background: #F2F2F2;
  width: 100%;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__visual .progress__bar--completed {
  background: rgba(68, 220, 43, 0.2);
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__visual .progress__bar--completed .k-state-selected {
  background: #44DC2B;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__visual .progress__bar--progress {
  background: rgba(255, 202, 65, 0.2);
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__visual .progress__bar--progress .k-state-selected {
  background: #FFCA41;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__progress .progress__visual .progress__bar .k-state-selected {
  border-color: transparent;
  box-sizing: content-box;
  border-radius: 6px;
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__actions {
  margin-top: 36px;
  grid-area: progress_actions;
}

@media all and (max-width: 768px) {
  .w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__actions {
    width: 100%;
  }
}

.w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__actions .th_button {
  width: 100%;
}

@media all and (max-width: 768px) {
  .w-es-assessmentstatus .assessment_status_wrap .assessment_status_content .assessment_item .item__actions .th_button {
    max-width: none !important;
  }
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-challenge-dashboard {
  font-family: Poppins, sans-serif;
  font-size: 16px;
}

.w-challenge-dashboard * {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.w-challenge-dashboard .challenge-dashboard {
  width: 100%;
}

.w-challenge-dashboard .challenge-dashboard__nav-section {
  background-color: #F5F5F5;
  width: 320px;
  height: 65px;
  margin: 0 auto 80px auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 0 16px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.06);
  -moz-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.06);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.06);
}

@media all and (max-width: 450px) {
  .w-challenge-dashboard .challenge-dashboard__nav-section {
    width: 100%;
    margin: 0 0 40px 0;
    background-color: unset;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
}

.w-challenge-dashboard .challenge-dashboard__nav-section li {
  text-align: center;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 0;
  cursor: pointer;
}

.w-challenge-dashboard .challenge-dashboard__nav-section li.active:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px inset #0F0F0F;
}

.w-challenge-dashboard .challenge-dashboard__nav-section li.active button {
  color: #0F0F0F;
}

.w-challenge-dashboard .challenge-dashboard__nav-section li.active button.nav-status {
  background: url("/Shared/Images/Challenge/status_active.svg") no-repeat top center;
}

.w-challenge-dashboard .challenge-dashboard__nav-section li.active button.nav-library {
  background: url("/Shared/Images/Challenge/library_active.svg") no-repeat top center;
}

.w-challenge-dashboard .challenge-dashboard__nav-section li.active button.nav-devices {
  background: url("/Shared/Images/Challenge/watch_active.svg") no-repeat top center;
}

.w-challenge-dashboard .challenge-dashboard__nav-section button {
  background-size: 24px 24px;
  border: none;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #525252;
  height: 50px;
  padding-top: 30px;
  cursor: pointer;
}

.w-challenge-dashboard .challenge-dashboard__nav-section button.nav-status {
  background: url("/Shared/Images/Challenge/status.svg") no-repeat top center;
}

.w-challenge-dashboard .challenge-dashboard__nav-section button.nav-library {
  background: url("/Shared/Images/Challenge/library.svg") no-repeat top center;
}

.w-challenge-dashboard .challenge-dashboard__nav-section button.nav-devices {
  background: url("/Shared/Images/Challenge/watch.svg") no-repeat top center;
}

.w-challenge-dashboard .challenge-dashboard__page-section {
  width: 100%;
}

.w-challenge-dashboard .challenge-dashboard__page.status {
  /* GAL-2095 design request for this page to be full width - SK*/
  width: 100%;
  margin: 0 auto;
}

@media all and (max-width: 1024px) {
  .w-challenge-dashboard .challenge-dashboard__page.status {
    width: 80%;
  }
}

@media all and (max-width: 850px) {
  .w-challenge-dashboard .challenge-dashboard__page.status {
    width: 90%;
  }
}

.w-challenge-dashboard .challenge-dashboard__page.library {
  width: 100%;
}

@media all and (max-width: 450px) {
  .widget-dock:has(.w-challenge-dashboard) {
    padding: 0;
  }
}



@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-challenge-devices {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #000;
  margin-bottom: 80px;
  width: 100%;
}

.w-challenge-devices * {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.w-challenge-devices h1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.w-challenge-devices h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.w-challenge-devices .chal-devices {
  width: 100%;
  margin-bottom: 16px;
}

.w-challenge-devices .chal-devices__heading {
  margin-bottom: 0;
}

.w-challenge-devices .chal-devices__text-content {
  border-bottom: 1px solid #E5E5E5;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #525252;
  line-height: 20px;
  padding-bottom: 20px;
  width: 100%;
}

.w-challenge-devices .chal-devices__subheading {
  margin: 32px 0 16px 0;
}

.w-challenge-devices .chal-devices__devices-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

@media all and (max-width: 850px) {
  .w-challenge-devices .chal-devices__devices-wrapper {
    flex-direction: column;
  }
}

.w-challenge-devices .chal-devices__subsection {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 50%;
  min-height: 286px;
}

@media all and (max-width: 850px) {
  .w-challenge-devices .chal-devices__subsection {
    width: 100%;
  }
}

.w-challenge-devices .chal-devices__subsection.right-side {
  border: 1px solid #E5E5E5;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  padding: 12px;
}

.w-challenge-devices .chal-devices__subsection.right-side .chal-devices__container-validic + .chal-devices__container-connected {
  margin-top: auto;
}

.w-challenge-devices .chal-devices__subsection.left-side {
  gap: 12px;
}

.w-challenge-devices .chal-devices__container-validic, .w-challenge-devices .chal-devices__container-connected {
  width: 100%;
}

.w-challenge-devices .chal-devices__container-connected {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 16px 16px 0 16px;
  background-color: #F5F5F5;
}

.w-challenge-devices .chal-devices__device {
  width: 100%;
}

.w-challenge-devices .chal-devices__device.google-fit, .w-challenge-devices .chal-devices__device.fitbit, .w-challenge-devices .chal-devices__device.apple-health, .w-challenge-devices .chal-devices__device.android-health, .w-challenge-devices .chal-devices__device.garmin {
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  padding: 12px;
}

.w-challenge-devices .chal-devices__device.validic, .w-challenge-devices .chal-devices__device.apple-health, .w-challenge-devices .chal-devices__device.android-health {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.w-challenge-devices .chal-devices__device.connected {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.w-challenge-devices .chal-devices__device.fitbit {
  display: flex;
  flex-direction: column;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.w-challenge-devices .chal-devices__device.apple-health a, .w-challenge-devices .chal-devices__device.android-health a {
  background-color: #000;
  border: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #FFF;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  letter-spacing: 0.04em;
  line-height: 20px;
  position: relative;
  color: #FFF !important;
  text-decoration: none;
}

.w-challenge-devices .chal-devices__image-device {
  width: auto;
  height: 60px;
  background-color: #FFF;
}

.w-challenge-devices .chal-devices__image-device.garmin {
  max-width: 100px;
}

.w-challenge-devices .chal-devices__btn-connect {
  background-color: #000;
  border: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #FFF;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  letter-spacing: 0.04em;
  line-height: 20px;
  position: relative;
}

.w-challenge-devices .chal-devices__text-validic {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  width: 100%;
}

.w-challenge-devices .chal-devices__heading-connected {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}

.w-challenge-devices .chal-devices__google-fit, .w-challenge-devices .chal-devices__fitbit, .w-challenge-devices .chal-devices__garmin {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.w-challenge-devices .chal-devices__google-fit label, .w-challenge-devices .chal-devices__fitbit label, .w-challenge-devices .chal-devices__garmin label {
  background-color: #000;
  border: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #FFF;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  letter-spacing: 0.04em;
  line-height: 20px;
  position: relative;
}

.w-challenge-devices .chal-devices__google-fit label#lblGoogle, .w-challenge-devices .chal-devices__google-fit label#lblFitBit, .w-challenge-devices .chal-devices__google-fit label#lblGarmin, .w-challenge-devices .chal-devices__fitbit label#lblGoogle, .w-challenge-devices .chal-devices__fitbit label#lblFitBit, .w-challenge-devices .chal-devices__fitbit label#lblGarmin, .w-challenge-devices .chal-devices__garmin label#lblGoogle, .w-challenge-devices .chal-devices__garmin label#lblFitBit, .w-challenge-devices .chal-devices__garmin label#lblGarmin {
  text-decoration: none !important;
  color: #FFF !important;
}

.w-challenge-devices .chal-devices__google-fit label.connected, .w-challenge-devices .chal-devices__fitbit label.connected, .w-challenge-devices .chal-devices__garmin label.connected {
  background-color: transparent;
  color: #34A853 !important;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none !important;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-challenge-devices .chal-devices__google-fit label.connected:after, .w-challenge-devices .chal-devices__fitbit label.connected:after, .w-challenge-devices .chal-devices__garmin label.connected:after {
  background: none;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-challenge-library {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  color: #000;
  margin-bottom: 80px;
}

.w-challenge-library * {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.w-challenge-library .chal-library {
  width: 100%;
}

.w-challenge-library .chal-library__section {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  min-height: 1200px;
}

@media all and (max-width: 1440px) {
  .w-challenge-library .chal-library__section {
    width: 90%;
    margin: 0 auto;
  }
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__section {
    flex-direction: column;
    justify-content: start;
    min-height: unset;
  }
}

.w-challenge-library .chal-library__nav {
  max-width: 282px;
  background-color: #F5F5F5;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  padding: 32px 16px;
  min-height: inherit;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__nav {
    background-color: transparent;
    width: 100%;
    max-width: unset;
    padding: 0;
    min-height: unset;
    border-radius: 0 !important;
  }
}

.w-challenge-library .chal-library__challenge-search {
  font-family: Lato, sans-serif;
}

.w-challenge-library .chal-library__challenge-search label {
  position: relative;
  display: block;
  width: 100%;
}

.w-challenge-library .chal-library__challenge-search label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  z-index: 1;
  background: url("/Shared/Images/Challenge/search.svg") no-repeat center center/contain;
}

.w-challenge-library .chal-library__challenge-search #challenge-search-input {
  font-family: inherit;
  width: 100%;
  height: auto;
  padding: 10px 14px 10px 44px;
}

.w-challenge-library .chal-library__challenge-search #challenge-search-input::placeholder {
  color: #A3A3A3;
}

.w-challenge-library .chal-library__filters-wrapper {
  padding: 8px 0;
}

@media all and (min-width: 1025px) {
  .w-challenge-library .chal-library__filters-wrapper {
    display: block !important;
  }
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__filters-wrapper {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 24px 12px;
    background: #F5F5F5;
    max-width: 512px;
    height: 100%;
    z-index: 9999;
    overflow: auto;
  }
}

.w-challenge-library .chal-library__challenge-filter-toggle.toggle-close {
  display: none;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  border: 0;
  background: url("/Shared/Images/Challenge/x-close.svg") no-repeat center center/contain;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__challenge-filter-toggle.toggle-close {
    display: block;
  }
}

.w-challenge-library .chal-library__header-filter {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E5E5E5;
  display: none;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__header-filter {
    display: none;
  }
}

.w-challenge-library .chal-library__header-content {
  padding: 16px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
}

.w-challenge-library .chal-library__header-value {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #737373;
}

.w-challenge-library .chal-library__filter-item {
  padding-top: 16px;
}

.w-challenge-library .chal-library__filter-header {
  color: #000;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}

.w-challenge-library .chal-library__filters-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.w-challenge-library .chal-library__category-item.k-checkbox-item, .w-challenge-library .chal-library__type-item.k-checkbox-item, .w-challenge-library .chal-library__status-item.k-checkbox-item {
  padding: 0;
}

.w-challenge-library .chal-library__category-item.k-checkbox-item input[type=checkbox], .w-challenge-library .chal-library__type-item.k-checkbox-item input[type=checkbox], .w-challenge-library .chal-library__status-item.k-checkbox-item input[type=checkbox] {
  display: none;
}

.w-challenge-library .chal-library__category-item.k-checkbox-item input[type=checkbox]:checked + label, .w-challenge-library .chal-library__type-item.k-checkbox-item input[type=checkbox]:checked + label, .w-challenge-library .chal-library__status-item.k-checkbox-item input[type=checkbox]:checked + label {
  background-color: #FFF;
}

.w-challenge-library .chal-library__category-item.k-checkbox-item input[type=checkbox]:checked + label:after, .w-challenge-library .chal-library__type-item.k-checkbox-item input[type=checkbox]:checked + label:after, .w-challenge-library .chal-library__status-item.k-checkbox-item input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("/Shared/Images/Challenge/check.svg") no-repeat center center/contain;
}

.w-challenge-library .chal-library__category-item.k-checkbox-item label, .w-challenge-library .chal-library__type-item.k-checkbox-item label, .w-challenge-library .chal-library__status-item.k-checkbox-item label {
  display: block;
  width: 100%;
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  line-height: 24px;
  padding: 8px 40px 8px 12px;
  margin: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.w-challenge-library .chal-library__content {
  width: calc(100% - 282px - 40px);
  min-height: inherit;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__content {
    width: 100%;
    min-height: unset;
  }
}

.w-challenge-library .chal-library__challenges-content {
  min-height: 1140px;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__challenges-content {
    min-height: unset;
  }
}

.w-challenge-library .chal-library__challenges-settings {
  text-align: right;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__challenges-settings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
  }
}

.w-challenge-library .chal-library__settings-handler {
  background-color: transparent;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.04em;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 1px solid #737373;
  padding: 10px 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__settings-handler {
    width: 50%;
    min-width: unset;
  }
}

.w-challenge-library .chal-library__sort-placeholder {
  vertical-align: middle;
  color: #C5C5C5;
  margin-right: 4px;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__sort-placeholder {
    color: #737373;
  }
  .w-challenge-library .chal-library__sort-placeholder span {
    display: none;
  }
}

.w-challenge-library .chal-library__challenge-sort {
  text-align: start;
  font-size: inherit;
  background-color: #FFF;
  width: auto;
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap {
  width: 100%;
  border: 0;
  color: inherit;
  background: none;
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap.k-state-focused {
  box-shadow: none;
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap.k-state-active .k-select .k-icon:before {
  transform: rotate(0);
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap.k-state-hover {
  background-color: #FFF;
  color: #525252;
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap.k-state-focused {
  box-shadow: none;
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap.k-state-active.k-select .k-i-arrow-60-down:before {
  transform: rotate(180deg);
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap .k-input {
  padding: 0;
  height: auto;
  margin-right: 14px;
  color: #525252;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap .k-input {
    display: none;
  }
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap .k-select {
  background-color: transparent;
  padding: 0;
  width: auto;
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap .k-icon {
  padding: 0;
  width: 20px;
  height: 20px;
}

.w-challenge-library .chal-library__challenge-sort .k-dropdown-wrap .k-icon:before {
  content: url("/Shared/Images/EmployerSolution/Icons/chevron-up-black.svg");
  transform: rotate(180deg);
}

.w-challenge-library .chal-library__challenge-filter-toggle {
  display: none;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #737373;
}

.w-challenge-library .chal-library__challenge-filter-toggle:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url("/Shared/Images/Challenge/filter-lines.svg") no-repeat center center/contain;
}

@media all and (max-width: 1024px) {
  .w-challenge-library .chal-library__challenge-filter-toggle {
    display: flex;
  }
}

.w-challenge-library .chal-library__challenges-list {
  border: none;
  padding: 32px 0;
  background-color: transparent;
}

.w-challenge-library .chal-library__challenges-list .k-listview-content {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 42px;
  flex-wrap: wrap;
  padding-bottom: 18px;
}

.w-challenge-library .chal-library__card {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  flex: 1 1;
  flex-basis: 30%;
  -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  -moz-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  max-width: 31%;
  overflow: hidden;
}

@media all and (max-width: 850px) {
  .w-challenge-library .chal-library__card {
    flex-basis: 47%;
    max-width: unset;
    min-width: 256px;
  }
}

@media all and (max-width: 450px) {
  .w-challenge-library .chal-library__card {
    flex-basis: 100%;
    min-width: unset;
  }
}

.w-challenge-library .chal-library__card.non-member-completed a, .w-challenge-library .chal-library__card.upcoming a {
  pointer-events: none;
}

.w-challenge-library .chal-library__visual-content {
  width: 100%;
  height: 48%;
  min-height: 150px;
  position: relative;
}

@media all and (max-width: 450px) {
  .w-challenge-library .chal-library__visual-content {
    min-height: 190px;
  }
}

.w-challenge-library .chal-library__link-image {
  color: #000;
}

.w-challenge-library .chal-library__container-tags {
  position: absolute;
  z-index: 1;
  display: flex;
  margin: 16px;
  gap: 16px;
}

.w-challenge-library .chal-library__tag {
  min-width: 84px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.79);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  font-size: 13px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-challenge-library .chal-library__card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform .3s;
}

.w-challenge-library .chal-library__card-img:hover {
  transition: transform .3s;
  transform: scale(1.1);
}

.w-challenge-library .chal-library__card-text-content {
  min-height: 160px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #FFF;
}

@media all and (max-width: 450px) {
  .w-challenge-library .chal-library__card-text-content {
    min-height: 190px;
  }
}

.w-challenge-library .chal-library__card-title {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-transform: capitalize;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.w-challenge-library .chal-library__card-desc {
  width: 100%;
  font-family: Lato, sans-serif;
  color: #525252;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.w-challenge-library .chal-library__card-progress {
  width: 100%;
}

.w-challenge-library .chal-library__card-link {
  position: relative;
  font-family: Poppins, sans-serif;
  font-weight: 600 !important;
  font-size: 14px;
  letter-spacing: 0.04em;
  cursor: pointer;
  text-transform: capitalize;
  color: #0F0F0F !important;
  align-self: end;
  padding-right: 20px;
}

.w-challenge-library .chal-library__card-link:hover {
  text-decoration: none;
}

.w-challenge-library .chal-library__pager-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.w-challenge-library .chal-library__pager {
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 20px;
  border: 0;
  border-top: 1px solid #E5E5E5;
  background-color: transparent;
}

.w-challenge-library .chal-library__pager:after {
  display: none !important;
}

.w-challenge-library .chal-library__pager .k-pager-numbers-wrap {
  width: auto;
  justify-content: center;
}

@media all and (max-width: 850px) {
  .w-challenge-library .chal-library__pager .k-pager-numbers-wrap {
    display: none;
  }
}

.w-challenge-library .chal-library__pager .k-pager-numbers .k-link {
  font-family: Lato, sans-serif;
  color: #0F0F0F;
  font-weight: 500;
  width: 40px;
  height: 40px;
  transition: background-color .3s;
  border-radius: 100%;
}

.w-challenge-library .chal-library__pager .k-pager-numbers .k-link:hover {
  background: #F9F9F9;
  text-decoration: none;
  transition: background-color .3s;
}

.w-challenge-library .chal-library__pager .k-pager-numbers .k-link.k-state-selected {
  background: #F9F9F9;
}

.w-challenge-library .chal-library__pager .k-pager-first, .w-challenge-library .chal-library__pager .k-pager-last {
  display: none;
}

.w-challenge-library .chal-library__pager .k-pager-nav {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #737373;
  letter-spacing: 0.04em;
  position: relative;
  padding: 0;
}

@media all and (max-width: 850px) {
  .w-challenge-library .chal-library__pager .k-pager-nav .chal-library__nav-title {
    display: none;
  }
  .w-challenge-library .chal-library__pager .k-pager-nav.chal-library__nav-next {
    margin-left: auto;
  }
  .w-challenge-library .chal-library__pager .k-pager-nav.k-link.chal-library__nav-prev, .w-challenge-library .chal-library__pager .k-pager-nav.k-link.chal-library__nav-next {
    border: 1px solid #737373;
    padding: 10px 8px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
}

.w-challenge-library .chal-library__pager .k-pager-nav .k-i-arrow-60-left:before,
.w-challenge-library .chal-library__pager .k-pager-nav .k-i-arrow-60-right:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 20px;
  height: 20px;
}

.w-challenge-library .chal-library__pager .k-pager-nav .k-i-arrow-60-left {
  margin-right: 8px;
}

.w-challenge-library .chal-library__pager .k-pager-nav .k-i-arrow-60-left:before {
  background: url("/Shared/Images/Challenge/arrow-left.svg") no-repeat center center/contain;
}

@media all and (max-width: 850px) {
  .w-challenge-library .chal-library__pager .k-pager-nav .k-i-arrow-60-left {
    margin-right: 0;
  }
}

.w-challenge-library .chal-library__pager .k-pager-nav .k-i-arrow-60-right {
  margin-left: 8px;
}

.w-challenge-library .chal-library__pager .k-pager-nav .k-i-arrow-60-right:before {
  background: url("/Shared/Images/Challenge/arrow-right.svg") no-repeat center center/contain;
}

@media all and (max-width: 850px) {
  .w-challenge-library .chal-library__pager .k-pager-nav .k-i-arrow-60-right {
    margin-left: 0;
  }
}

.w-challenge-library .chal-library__page-info {
  display: none;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #344054;
}

@media all and (max-width: 850px) {
  .w-challenge-library .chal-library__page-info {
    display: block;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

#challenge-sort-list {
  top: 20px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#challenge-sort-list .k-list .k-item {
  padding: 11px 16px;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-challenge-my-status {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  color: #000;
  margin-bottom: 80px;
}

.w-challenge-my-status * {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.w-challenge-my-status .my-status-chal {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.w-challenge-my-status .my-status-chal__active-subsection, .w-challenge-my-status .my-status-chal__upcoming-subsection {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.w-challenge-my-status .my-status-chal__featured-subsection {
  width: 100%;
  height: 380px;
  display: flex;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  -moz-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  overflow: hidden;
}

@media all and (max-width: 1090px) {
  .w-challenge-my-status .my-status-chal__featured-subsection {
    height: 420px;
  }
}

@media all and (max-width: 850px) {
  .w-challenge-my-status .my-status-chal__featured-subsection {
    height: 550px;
    flex-direction: column;
  }
}

@media all and (max-width: 450px) {
  .w-challenge-my-status .my-status-chal__featured-subsection {
    height: 600px;
  }
}

@media all and (max-width: 375px) {
  .w-challenge-my-status .my-status-chal__featured-subsection {
    height: 720px;
  }
}

.w-challenge-my-status .my-status-chal__featured-link-image {
  color: #000;
  width: 50%;
  height: 100%;
}

@media all and (max-width: 850px) {
  .w-challenge-my-status .my-status-chal__featured-link-image {
    width: 100%;
    height: 40%;
  }
}

@media all and (max-width: 450px) {
  .w-challenge-my-status .my-status-chal__featured-link-image {
    height: 30%;
    max-height: 200px;
  }
}

.w-challenge-my-status .my-status-chal__featured-content {
  width: 50%;
  height: 100%;
}

@media all and (max-width: 850px) {
  .w-challenge-my-status .my-status-chal__featured-content {
    width: 100%;
  }
}

.w-challenge-my-status .my-status-chal__featured-visual-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.w-challenge-my-status .my-status-chal__featured-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform .3s;
}

.w-challenge-my-status .my-status-chal__featured-img:hover {
  transition: transform .3s;
  transform: scale(1.1);
}

.w-challenge-my-status .my-status-chal__featured-content {
  flex: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

@media all and (max-width: 850px) {
  .w-challenge-my-status .my-status-chal__featured-content {
    padding: 20px;
    height: 70%;
  }
}

@media all and (max-width: 450px) {
  .w-challenge-my-status .my-status-chal__featured-content {
    padding: 16px;
  }
}

.w-challenge-my-status .my-status-chal__featured-content span, .w-challenge-my-status .my-status-chal__featured-content p {
  margin: 0;
}

.w-challenge-my-status .my-status-chal__featured-title {
  width: 100%;
  font-weight: 700;
  font-size: 26px;
}

.w-challenge-my-status .my-status-chal__featured-desc {
  width: 100%;
  font-family: Lato, sans-serif;
  line-height: 24px;
  min-height: 48px;
  color: #525252;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media all and (max-width: 450px) {
  .w-challenge-my-status .my-status-chal__featured-desc {
    min-height: 72px;
    -webkit-line-clamp: 3;
  }
}

.w-challenge-my-status .my-status-chal__featured-progress {
  width: 100%;
}

.w-challenge-my-status .my-status-chal__featured-link {
  margin: auto 0 0 0;
  width: 70px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #0F0F0F !important;
  cursor: pointer;
  padding: 0;
  text-transform: uppercase;
  align-self: end;
}

.w-challenge-my-status .my-status-chal__header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.w-challenge-my-status .my-status-chal__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}

.w-challenge-my-status .my-status-chal__section-link {
  width: 85px;
  font-weight: 600;
  font-size: 14px;
  font-family: Poppins, sans-serif;
  background-color: unset;
  border: none;
  cursor: pointer;
  padding: 0;
  background: url("/Shared/Images/Challenge/chevron-left.svg") no-repeat 65px center/20px;
}

.w-challenge-my-status .my-status-chal__list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 42px;
  padding-left: 0;
}

.w-challenge-my-status .my-status-chal__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
  flex-basis: 30%;
  -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  -moz-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  max-width: 30%;
  overflow: hidden;
}

.w-challenge-my-status .my-status-chal__card.upcoming a {
  pointer-events: none;
}

@media all and (max-width: 850px) {
  .w-challenge-my-status .my-status-chal__card {
    max-width: 47%;
    flex-basis: 40%;
  }
}

@media all and (max-width: 450px) {
  .w-challenge-my-status .my-status-chal__card {
    max-width: 100%;
    flex-basis: 47%;
  }
}

.w-challenge-my-status .my-status-chal__link-image {
  color: #000;
}

.w-challenge-my-status .my-status-chal__card-visual-content {
  width: 100%;
  height: 48%;
  min-height: 216px;
  position: relative;
}

@media all and (max-width: 450px) {
  .w-challenge-my-status .my-status-chal__card-visual-content {
    min-height: 190px;
  }
}

.w-challenge-my-status .my-status-chal__card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.w-challenge-my-status .my-status-chal__card-img:hover {
  transition: transform .3s;
  transform: scale(1.1);
}

.w-challenge-my-status .my-status-chal__container-tags {
  position: absolute;
  z-index: 1;
  display: flex;
  margin: 16px;
  gap: 16px;
}

.w-challenge-my-status .my-status-chal__tag {
  min-width: 84px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.79);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  font-size: 13px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-challenge-my-status .my-status-chal__card-text-content {
  min-height: 160px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

@media all and (max-width: 450px) {
  .w-challenge-my-status .my-status-chal__card-text-content {
    min-height: 190px;
  }
}

.w-challenge-my-status .my-status-chal__card-title {
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-transform: capitalize;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.w-challenge-my-status .my-status-chal__card-desc.upcoming {
  width: 100%;
  font-family: Lato, sans-serif;
  color: #525252;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.w-challenge-my-status .my-status-chal__card-link {
  align-self: end;
  display: block;
  width: 70px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #0F0F0F !important;
  cursor: pointer;
  padding: 0;
  background: url("/Shared/Images/Challenge/chevron-left.svg") no-repeat 50px center/15px;
  text-transform: capitalize;
}

.w-challenge-my-status .my-status-chal__card-active-progress {
  width: 100%;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-es-homepage {
  margin: 0 auto;
  padding: 0 3%;
  font-family: Lato, sans-serif;
}

@media all and (max-width: 768px) {
  .w-es-homepage {
    padding: 0;
  }
}

.w-es-homepage * {
  box-sizing: border-box;
}

.w-es-homepage .home_page_wrap {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding-bottom: 16px;
}

.w-es-homepage .home_page_wrap .home_page_section .section_header {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
}

.w-es-homepage .home_page_wrap .home_page_section .section_header .see_more {
  position: relative;
  color: #000 !important;
  font-family: Poppins, sans-serif;
  font-size: 16px !important;
  font-weight: 600;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner {
  background-color: #EAEAFF;
  border: 1px solid #CCCCFF;
  border-radius: 1rem;
  box-sizing: border-box;
  display: flex;
  gap: 32px;
  padding: 1.5em 2.81rem 1.5rem 1.5rem;
  position: relative;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner .banner-image {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  z-index: 10;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner .banner-image img {
  max-height: 70px;
  max-width: 70px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner .banner-content {
  flex-grow: 1;
  z-index: 10;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner .banner-content .banner-text {
  color: #0B0B0B;
  display: flex;
  flex-direction: column;
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  gap: 0.5rem;
  line-height: 1.75rem;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner .banner-content .banner-text strong {
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner .banner-content .banner-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner .banner-action {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  z-index: 10;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner {
    border-radius: 0.5rem;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }
  .w-es-homepage .home_page_wrap .home_page_section .my_rewards .rewards-banner .banner-content .banner-text {
    text-align: center;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards.completed .rewards-banner .banner-image:not(.threshold-icon) > * {
  max-width: 8.125rem;
  max-height: 8.125rem;
}

@media all and (min-width: 769px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_rewards.completed .rewards-banner {
    min-height: 8.125rem;
  }
  .w-es-homepage .home_page_wrap .home_page_section .my_rewards.completed .rewards-banner .banner-image:not(.threshold-icon) {
    width: 8.125rem;
  }
  .w-es-homepage .home_page_wrap .home_page_section .my_rewards.completed .rewards-banner .banner-image:not(.threshold-icon) > * {
    max-width: 8.125rem;
    max-height: 8.125rem;
    position: absolute;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards.completed .rewards-banner .banner-content {
  align-items: center;
  display: flex;
}

.w-es-homepage .home_page_wrap .home_page_section .my_rewards.completed .rewards-banner .banner-content .banner-description {
  display: none;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-assessmentbanner .banner_wrap {
  max-width: 1280px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-statusbanner .banner_header {
  display: none;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-statusbanner .banner_wrap {
  max-width: 1280px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-assessmentstatus .assessment_status_header {
  display: none;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-assessmentstatus .assessment_status_wrap {
  max-width: 1280px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-mystatus {
  max-width: none;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-mystatus .status_message {
  display: none;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-mystatus .status_wrap .status_section:nth-of-type(2) {
  display: none;
}

.w-es-homepage .home_page_wrap .home_page_section .my_status .w-es-mystatus .status_wrap .status_section .section_header {
  display: none;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 32px;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_programs {
    flex-direction: column;
    gap: 16px;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program {
  flex: 3 1;
  border-radius: 16px;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program {
  gap: 40px;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program {
    flex-direction: column;
    gap: 0;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__image {
  max-width: 435px;
  position: relative;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__image {
    flex: auto;
    width: 100%;
    max-width: none;
    height: 25vh;
    max-height: 200px;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__image .program__category {
  position: absolute;
  top: 24px;
  left: 24px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text {
  padding: 32px 32px 32px 0;
  gap: 24px;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text {
    padding: 16px;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__sessions {
  font-size: 14px;
  font-weight: 700;
  font-family: Poppins, sans-serif;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__progress .progress_value {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.8px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__progress .progress_bar {
  width: 100%;
  background: #F2F2F2;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__progress .progress_bar .progress_line {
  height: inherit;
  background: #2BDC5D;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__title {
  font-size: 26px;
  font-weight: 700;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__description {
  font-size: 16px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__actions .start_btn {
  font-family: Poppins, sans-serif;
  position: relative;
  background: #000;
  border-radius: 10px;
  padding: 10px 14px 10px 42px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.8px;
  cursor: pointer;
  border: 0;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_programs .featured_program .program .program__text .program__actions .start_btn {
    font-size: 12px;
    padding: 8px 8px 8px 33px;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 305px;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs {
    width: auto;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .popular_programs__header {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  margin: 0;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .programs {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 34px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .program {
  align-items: stretch;
  gap: 8px;
  height: auto;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .program .program__category {
  background: rgba(164, 164, 252, 0.2);
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .program .program__image {
  align-self: center;
  border-radius: 7px;
  height: 115px;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  width: 115px;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .program .program__image {
    flex: none;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .program .program__text {
  flex: 1.6 0;
  gap: 8px;
  height: auto;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .program .program__text .program__sessions {
  font-size: 12px;
  color: #525252;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .program .program__text .program__title {
  align-items: center;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  flex: 1;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .popular_programs .program .program__text .program__description {
  display: none;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .program {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .program .program__category {
  font-size: 12px;
  line-height: 18px;
  padding: 4px 16px;
  border-radius: 5px;
  background: #FFF;
  margin: 0 auto 0 0;
  max-width: 100%;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .program .program__image {
  background-image: url("/Shared/images/library/thumbnails/placeholder.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1 0;
  height: 100%;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .program .program__text {
  flex: 1.05 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.w-es-homepage .home_page_wrap .home_page_section .my_programs .program .program__text .program__title {
  font-family: Poppins, sans-serif;
  margin: 0;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 42px;
}

@media all and (max-width: 768px) {
  .w-es-homepage .home_page_wrap .home_page_section .my_articles {
    flex-direction: column;
  }
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  border-radius: 16px;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  max-width: 400px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article .article_image {
  background-image: url("/Shared/images/library/thumbnails/placeholder.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 225px;
  position: relative;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article .article_image .play_button {
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: url("/Shared/Images/Library/Icons/play-btn.png") no-repeat center center/contain;
  z-index: 1;
  cursor: pointer;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article .article_text {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 2;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article .article_text .item_duration {
  color: #525252;
  line-height: 24px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article .article_text .article_title {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  flex: 1;
  margin: 0;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article .article_text .article_title:empty + .article_actions {
  margin-top: auto;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article .article_text .article_actions {
  margin-top: 8px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_articles .article .article_text .article_actions button {
  cursor: pointer;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  background: none;
  border: none;
  letter-spacing: 0.8px;
  padding: 0;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 32px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other .assessment_card {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  border-radius: 16px;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  max-width: 400px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other .assessment_card .assessment_image {
  height: 225px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other .assessment_card .assessment_image img {
  height: 225px;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other .assessment_card .assessment_text {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 2;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other .assessment_card .assessment_text .assessment_title {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin: auto 0 0;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other .assessment_card .assessment_text .assessment_description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other .assessment_card .assessment_text .assessment_actions {
  margin-top: 8px;
}

.w-es-homepage .home_page_wrap .home_page_section .my_other .assessment_card .assessment_text .assessment_actions button {
  cursor: pointer;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  background: none;
  border: none;
  letter-spacing: 0.8px;
  padding: 0;
}

.k-panelbar {
  border: none !important;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.wellscore-incentive {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.wellscore-incentive .wellscore-banner {
  background-color: #F7F7FF;
  border: 1px solid #EAEAFF;
  border-radius: 1rem;
  box-sizing: border-box;
  display: grid;
  gap: 1rem 2rem;
  grid-template-areas: 'img content' 'img progress';
  grid-template-columns: min-content 1fr;
  padding: 1.5rem 2.5rem;
  position: relative;
}

.wellscore-incentive .wellscore-banner .banner-image {
  align-items: center;
  display: flex;
  grid-area: img;
  justify-content: center;
}

.wellscore-incentive .wellscore-banner .banner-image img {
  max-height: 4.18188rem;
  max-width: 4.18188rem;
}

.wellscore-incentive .wellscore-banner .banner-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  grid-area: content;
}

.wellscore-incentive .wellscore-banner .banner-content .banner-text {
  color: #0B0B0B;
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.wellscore-incentive .wellscore-banner .banner-content .banner-text strong {
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.wellscore-incentive .wellscore-banner .banner-content .banner-description {
  font-size: 1rem;
  line-height: 1.5rem;
}

.wellscore-incentive .wellscore-banner .banner-progress {
  align-items: center;
  display: flex;
  gap: 1rem;
  grid-area: progress;
}

.wellscore-incentive .wellscore-banner .banner-progress .banner-progress-bar {
  background-color: #FFF;
  border-radius: 0.5rem;
  flex-grow: 1;
  height: 1rem;
}

.wellscore-incentive .wellscore-banner .banner-progress .banner-progress-fill {
  background-color: #C1C1FF;
  border-radius: 0.5rem;
  height: 1rem;
}

.wellscore-incentive .wellscore-banner .banner-progress .banner-progress-text {
  flex-shrink: 0;
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.wellscore-incentive .wellscore-banner.completed {
  min-height: 8.125rem;
}

.wellscore-incentive .wellscore-banner.completed .banner-image:not(.threshold-icon) {
  width: 8.125rem;
}

.wellscore-incentive .wellscore-banner.completed .banner-image:not(.threshold-icon) > * {
  max-width: 8.125rem;
  max-height: 8.125rem;
  position: absolute;
}

@media all and (max-width: 768px) {
  .wellscore-incentive .wellscore-banner {
    border-radius: 0.5rem;
    grid-template-areas: 'img progress' 'content content';
    gap: 1rem;
    padding: 1rem;
  }
  .wellscore-incentive .wellscore-banner .banner-image img {
    max-width: 2.938rem;
    max-height: 2.938rem;
  }
  .wellscore-incentive .wellscore-banner .banner-content {
    text-align: center;
  }
  .wellscore-incentive .wellscore-banner .banner-content .banner-message {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .wellscore-incentive .wellscore-banner .banner-content .banner-message strong {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .wellscore-incentive .wellscore-banner .banner-content .banner-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .wellscore-incentive .wellscore-banner .banner-progress {
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 0.5rem;
    justify-content: flex-end;
  }
  .wellscore-incentive .wellscore-banner .banner-progress .banner-progress-bar {
    flex-grow: 0;
  }
  .wellscore-incentive .wellscore-banner .banner-progress .banner-progress-text {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-align: right;
  }
  .wellscore-incentive .wellscore-banner.completed .banner-image:not(.threshold-icon) {
    width: 4.063rem;
    height: 4.063rem;
  }
  .wellscore-incentive .wellscore-banner.completed .banner-image:not(.threshold-icon) > * {
    max-width: 4.063rem;
    max-height: 4.063rem;
  }
}

.wellscore-incentive .wellscore-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.wellscore-incentive .wellscore-items .wellscore-item {
  align-items: center;
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 0.9375rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: min-content auto max-content 244px;
  padding: 0.75rem;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-image {
  align-items: center;
  background-color: #EEEEFF;
  border-radius: 0.5rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  height: 3.125rem;
  padding: .313em;
  width: 3.125rem;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-description {
  flex-grow: 1;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-points {
  display: flex;
  flex-direction: column;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-points .points-summary {
  align-items: center;
  display: flex;
  gap: 0 0.5em;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-points .points-icon {
  align-items: center;
  display: flex;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-points .points-earned, .wellscore-incentive .wellscore-items .wellscore-item .item-points .points-max {
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.40625rem;
  letter-spacing: -0.00625rem;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-points .points-max {
  color: #A3A3A3;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-points .points-label {
  color: #3F3B3C;
  font-family: Lato, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.92625rem;
  letter-spacing: 0.1125rem;
  text-transform: uppercase;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-points .points-value {
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #A3A3A3;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-action {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.wellscore-incentive .wellscore-items .wellscore-item .item-completed {
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  gap: 0.75rem;
  line-height: 1.5rem;
}

.wellscore-incentive .wellscore-items .wellscore-item.completed {
  background-color: #EAFCEF;
  border: 1px solid #2BDC5D;
  border-radius: 0.9375rem;
}

.wellscore-incentive .wellscore-items .wellscore-item.completed .item-image {
  background-color: #BDF4CD;
}

@media all and (max-width: 768px) {
  .wellscore-incentive .wellscore-items .wellscore-item {
    border-radius: 0.5rem;
    display: grid;
    gap: 0.5rem 0;
    grid-template-areas: 'img pts action' 'img desc desc';
    grid-template-columns: min-content auto min-content;
    padding: 1rem;
  }
  .wellscore-incentive .wellscore-items .wellscore-item .item-image {
    grid-area: img;
    margin-right: 1rem;
  }
  .wellscore-incentive .wellscore-items .wellscore-item .item-points {
    flex-direction: row;
    grid-area: pts;
    justify-content: flex-start;
  }
  .wellscore-incentive .wellscore-items .wellscore-item .item-points .points-value {
    display: none;
  }
  .wellscore-incentive .wellscore-items .wellscore-item .item-points .points-label {
    font-size: 0.625rem;
    line-height: 0.77188rem;
    letter-spacing: 0.09375rem;
  }
  .wellscore-incentive .wellscore-items .wellscore-item .item-description {
    grid-area: desc;
  }
  .wellscore-incentive .wellscore-items .wellscore-item .item-action {
    grid-area: action;
  }
  .wellscore-incentive .wellscore-items .wellscore-item .item-action .item-link, .wellscore-incentive .wellscore-items .wellscore-item .item-action .item-text {
    display: none;
  }
  .wellscore-incentive .wellscore-items .wellscore-item:not(.completed) {
    cursor: pointer;
  }
}

/* need to do this because .th_button is defined under the ID #page-content which overrides non-ID styles */
#page-content .wellscore-incentive .wellscore-items .wellscore-item .item-action .item-link .th_button {
  letter-spacing: 0.04em;
  padding: 0.625rem 0.875rem;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-loginform .es-login {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 90002;
  overflow: auto;
}

.w-loginform .es-login * {
  box-sizing: border-box;
}

.w-loginform .es-login .hidden {
  display: none !important;
}

.w-loginform .es-login strong {
  font-weight: 600;
}

.w-loginform .es-login a:not(.btn) {
  font-weight: 500 !important;
  color: #0F0F0F !important;
}

.w-loginform .es-login a:not(.btn):hover {
  color: #6C6C6C !important;
}

.w-loginform .es-login .es-login_wrap {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 162px;
  background: #FFF;
  overflow: auto;
}

@media all and (max-width: 1024px) {
  .w-loginform .es-login .es-login_wrap {
    gap: 0;
  }
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap {
    flex-direction: column;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_aside {
  width: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 30px;
  background: url("/Shared/Images/EmployerSolution/WelcomeUser/people.png") no-repeat bottom 43px center/331px, #F5F8FF;
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_aside {
    display: none;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_aside .aside__content {
  margin-top: 300px;
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_aside .aside__content {
    margin: 0;
  }
}

@media all and (max-height: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_aside .aside__content {
    margin-top: 180px;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_aside .aside__content .aside__content_header {
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 24px;
  line-height: 1;
}

.w-loginform .es-login .es-login_wrap .es-login_aside .aside__content .aside__content_list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.w-loginform .es-login .es-login_wrap .es-login_aside .aside__content .aside__content_list li {
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 24px;
  gap: 12px;
}

.w-loginform .es-login .es-login_wrap .es-login_aside .aside__content .aside__content_list li:before {
  content: url("/Shared/Images/EmployerSolution/Icons/checkmark-purple.svg");
  width: 24px;
  height: 24px;
}

.w-loginform .es-login .es-login_wrap .es-login_main {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 45px;
  padding: 100px 0;
}

@media all and (max-width: 1024px) {
  .w-loginform .es-login .es-login_wrap .es-login_main {
    padding: 34px;
  }
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_main {
    padding: 40px 20px;
    width: 100%;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main:before {
  content: '';
  position: fixed;
  top: 47px;
  left: 35px;
  background: url("/Shared/Images/Logos/CoreHealth.svg") no-repeat center center/contain;
  width: 142px;
  height: 60px;
  z-index: 2;
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_main:before {
    position: static;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__progress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  max-width: 400px;
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_main .main__progress {
    justify-content: center;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__progress .progress_bar {
  width: 100%;
  height: 5px;
  background: #DCDCDC;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__progress .progress_bar--filled {
  background: #000;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content {
  display: none;
  width: 100%;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_header {
  font-weight: 700 !important;
  font-size: 42px;
  margin: 0;
  line-height: 1;
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_header {
    text-align: center;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_sub {
  font-weight: 500;
  font-size: 24px;
  margin: 24px 0;
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_sub {
    text-align: center;
    margin: 16px 0;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_desc {
  font-size: 18px;
  max-width: 485px;
  margin: 0;
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_desc {
    text-align: center;
    margin: 0 auto;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 50px;
  width: 100%;
  max-width: 400px;
}

@media all and (max-width: 800px) {
  .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form {
    max-width: none;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form.form_widget {
  max-width: 800px;
  padding-right: 112px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form.form_widget .form_field input {
  display: initial;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form.form_widget .form_field label {
  margin: 0;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form.form_widget .form_buttons {
  margin: 0;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form.form_widget .form_buttons .btn {
  width: auto;
  margin-left: auto;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="text"], .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="password"], .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="number"], .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .btn {
  font-family: inherit;
  width: 100%;
  font-size: 16px;
  padding: 12px 12px;
  border: none;
  box-sizing: border-box;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="text"]::-ms-reveal, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="text"]::-ms-clear, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="password"]::-ms-reveal, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="password"]::-ms-clear, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="number"]::-ms-reveal, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="number"]::-ms-clear, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .btn::-ms-reveal, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .btn::-ms-clear {
  display: none;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="checkbox"] {
  display: none;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form input[type="checkbox"]:checked + label:before, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field .input_wrap input[type="checkbox"]:checked + label:before {
  background: #000 url("/Shared/Images/Forms/Icons/checkmark-white.svg") no-repeat center center/50%;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field.otc_field .input_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media all and (max-width: 1024px) {
  .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field.otc_field .input_wrap {
    gap: 10px;
  }
}

@media all and (min-width: 430px) and (max-width: 1024px) {
  .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field.otc_field .input_wrap {
    justify-content: flex-start;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"] {
  width: 50px;
  height: 50px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #000;
  text-align: center;
  max-width: 50px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"]::-webkit-outer-spin-button, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media all and (max-width: 1024px) {
  .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"] {
    width: calc(100%/ 8);
    height: auto;
  }
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field .input_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field label {
  color: #525252;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
  position: relative;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field label.for_checkbox {
  padding-left: 37px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field label.for_checkbox:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 4px;
  border: 1px solid #000;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field label.w-passwordRequirements {
  font-size: 14px;
  margin: inherit;
  line-height: 24px;
  background-image: url("/Shared/Images/EmployerSolution/Icons/info-default.svg");
  background-size: contain;
  padding-left: 30px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field input[type="text"], .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field input[type="password"] {
  box-shadow: 0 1px 2px 0 #1018280D;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  height: 50px;
  line-height: 24px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field input[type="text"].k-invalid, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field input[type="password"].k-invalid {
  border-color: #FE4A49;
  outline: none;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field input[type="text"].k-invalid:focus, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field input[type="password"].k-invalid:focus {
  outline: none;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field .valid_mark {
  display: none;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_field .valid_mark:after {
  content: '';
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -28px;
  width: 17px;
  height: 17px;
  background: url("/Shared/Images/EmployerSolution/Icons/checkmark-green.svg") no-repeat center center/contain;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_buttons {
  margin-top: 26px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_buttons--no_margins {
  margin: 0;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_buttons button, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_buttons a {
  text-align: center;
  display: block;
  background: #000;
  color: #FFF !important;
  border-radius: 10px;
  font-weight: 500;
  width: 100%;
  border: none;
  cursor: pointer;
  box-shadow: none;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_buttons button:disabled, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_buttons a:disabled {
  background: #DCDCDC !important;
  cursor: default;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_buttons button:hover, .w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .form_buttons a:hover {
  text-decoration: none;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__notification {
  max-width: 400px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__notification span {
  font-size: 14px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__notification span.error {
  color: #FE4A49;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__notification span.success {
  color: #108330;
}

.w-loginform .es-login .es-login_wrap .es-login_aside {
  width: 400px;
  background: url("/Shared/Images/EmployerSolution/Login/sneaker.png") no-repeat bottom 43px center/280px, #F5F8FF;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content {
  display: block;
  margin-top: 45px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_desc {
  margin-top: 24px;
}

.w-loginform .es-login .es-login_wrap .es-login_main .main__content .main__content_form .input_wrap .k-textbox {
  width: 100%;
  border: 0;
  box-shadow: none;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-es-mystatus {
  color: #000;
  max-width: 1215px;
  margin: 0 auto;
  min-height: 70px;
  position: relative;
  width: 100%;
  font-family: Lato, sans-serif;
}

.w-es-mystatus * {
  box-sizing: border-box;
}

.w-es-mystatus .status_message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  width: 100%;
  margin: 0 auto 64px;
  border-radius: 8px;
}

@media all and (max-width: 768px) {
  .w-es-mystatus .status_message {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto 40px;
    border-radius: 0;
  }
}

.w-es-mystatus .status_message--0 {
  background: #F0FFEE;
  color: #076521;
}

.w-es-mystatus .status_message--5 {
  background: #F0FFEE;
  color: #076521;
}

.w-es-mystatus .status_message--25 {
  background: #F0FFEE;
  color: #076521;
}

.w-es-mystatus .status_message--50 {
  background: #FFEFC4;
  color: #906800;
}

.w-es-mystatus .status_message--75 {
  background: #FFD9C4;
  color: #BE4400;
}

.w-es-mystatus .status_message--100 {
  background: #FFCBCB;
  color: #9B0000;
}

.w-es-mystatus .status_message .status_message_close {
  display: block;
  height: 20px;
  min-width: 20px;
  border: none;
  line-height: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  background: url("/Shared/Images/Forms/Icons/close.svg") no-repeat center center/contain;
}

@media all and (max-width: 768px) {
  .w-es-mystatus .status_message .status_message_close {
    position: absolute;
    top: 18px;
    right: 12px;
  }
}

.w-es-mystatus .financial.status_message--100 {
  background: #F0FFEE;
  color: #076521;
}

.w-es-mystatus .financial.status_message--75 {
  background: #F0FFEE;
  color: #076521;
}

.w-es-mystatus .financial.status_message--50 {
  background: #FFEFC4;
  color: #906800;
}

.w-es-mystatus .financial.status_message--25 {
  background: #FFD9C4;
  color: #BE4400;
}

.w-es-mystatus .financial.status_message--5 {
  background: #FFCBCB;
  color: #9B0000;
}

.w-es-mystatus .financial.status_message--0 {
  background: #FFCBCB;
  color: #9B0000;
}

.w-es-mystatus .status_wrap {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

@media all and (max-width: 768px) {
  .w-es-mystatus .status_wrap {
    gap: 40px;
  }
}

.w-es-mystatus .status_wrap .status_section .section_header {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}

.w-es-mystatus .status_wrap .status_section .section_content.section_content_items {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 32px;
}

@media all and (max-width: 768px) {
  .w-es-mystatus .status_wrap .status_section .section_content.section_content_items {
    flex-direction: column;
  }
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item {
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(16, 24, 40, 0.1);
  padding: 20px;
  max-width: 592px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 2;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_title span {
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 14px;
  font-weight: 600;
  color: #525252;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_header {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
  line-height: 1;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_header.header_age {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_header.header_age img.icon--down {
  transform: rotate(180deg);
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_header.header_age img.icon--right {
  transform: rotate(90deg);
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_header.header_age .age-diff {
  font-size: 16px;
  font-weight: 400;
  font-family: Lato, sans-serif;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_header.header_age .age-current {
  flex-grow: 2;
  font-size: 16px;
  font-weight: 400;
  text-align: right;
  font-family: Lato, sans-serif;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_bar {
  height: 8px;
  border-radius: 8px;
  background: #E5E5E5;
  width: 100%;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_bar--static .k-state-selected {
  background: #000;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_bar--100 .k-state-selected {
  background: #FF5757;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_bar--75 .k-state-selected {
  background: #FF8541;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_bar--50 .k-state-selected {
  background: #FFDE30;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_bar--25 .k-state-selected {
  background: #2BDC5D;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_bar--5 .k-state-selected {
  background: #2BDC5D;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .item_bar .k-state-selected {
  border-radius: 8px;
  border-color: transparent;
  box-sizing: content-box;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .reverse.item_bar--5 .k-state-selected {
  background: #FF5757;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .reverse.item_bar--25 .k-state-selected {
  background: #FF8541;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .reverse.item_bar--50 .k-state-selected {
  background: #FFDE30;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .reverse.item_bar--75 .k-state-selected {
  background: #2BDC5D;
}

.w-es-mystatus .status_wrap .status_section .section_content .content_item .reverse.item_bar--100 .k-state-selected {
  background: #2BDC5D;
}

.w-es-mystatus .status_wrap .status_section .section_content .section_info {
  font-size: 14px;
  color: #525252;
  margin-bottom: 16px;
}

.w-es-mystatus .status_wrap .status_section .section_content .chart_wrap {
  background-color: #FFF;
  border-radius: 16px;
  box-shadow: 0 0 8px 0 rgba(16, 24, 40, 0.1);
  padding: 20px;
}

@media all and (max-width: 768px) {
  .w-es-mystatus .status_wrap .status_section .section_content .chart_wrap {
    padding: 12px;
    border-radius: 8px;
  }
}

.w-es-mystatus .status_wrap .status_section .section_content .chart_wrap .section_chart text {
  color: #424242;
}

.w-es-mystatus .status_wrap.financial .status_section .section_content .content_item .item_bar--5 .k-state-selected, .w-es-mystatus .status_wrap.psychological .status_section .section_content .content_item .item_bar--5 .k-state-selected {
  background: #FF5757;
}

.w-es-mystatus .status_wrap.financial .status_section .section_content .content_item .item_bar--25 .k-state-selected, .w-es-mystatus .status_wrap.psychological .status_section .section_content .content_item .item_bar--25 .k-state-selected {
  background: #FF8541;
}

.w-es-mystatus .status_wrap.financial .status_section .section_content .content_item .item_bar--50 .k-state-selected, .w-es-mystatus .status_wrap.psychological .status_section .section_content .content_item .item_bar--50 .k-state-selected {
  background: #FFDE30;
}

.w-es-mystatus .status_wrap.financial .status_section .section_content .content_item .item_bar--75 .k-state-selected, .w-es-mystatus .status_wrap.psychological .status_section .section_content .content_item .item_bar--75 .k-state-selected {
  background: #2BDC5D;
}

.w-es-mystatus .status_wrap.financial .status_section .section_content .content_item .item_bar--100 .k-state-selected, .w-es-mystatus .status_wrap.psychological .status_section .section_content .content_item .item_bar--100 .k-state-selected {
  background: #2BDC5D;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.reminder-window.w-assessment-multi {
  align-items: normal;
  justify-content: normal;
}

@media all and (min-width: 769px) {
  .reminder-window {
    width: 520px !important;
  }
}

.reminder-window:before {
  display: none;
}

@media all and (max-width: 768px) {
  .reminder-window .multi-assessment {
    height: 100%;
  }
}

.reminder-window .multi-assessment .assessment-multi-exit .exit-image img {
  width: auto !important;
}

.reminder-window .multi-assessment .assessment-multi-exit .exit-description {
  width: 90%;
  margin: 0 auto;
}

.reminder-window .multi-assessment .assessment-multi-exit .exit-description .description__badges {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: center;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-es-potentialrisks {
  color: #000;
  min-height: 70px;
  position: relative;
  font-family: Lato, sans-serif;
}

.w-es-potentialrisks .potential_risks_wrap {
  width: 100%;
  max-width: 1215px;
  margin: 0 auto;
}

.w-es-potentialrisks .potential_risks_wrap * {
  box-sizing: border-box;
}

.w-es-potentialrisks .potential_risks_wrap > div ~ div {
  margin-top: 30px;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content {
  position: relative;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content_header {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 2;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview {
  border: 0;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements {
    width: 100%;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements a {
  position: relative;
  top: auto;
  left: auto;
  display: block !important;
  height: 100%;
  opacity: 1;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements a.k-scrollview-next .k-icon {
  transform: rotate(180deg);
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements a.disabled {
  opacity: .2;
  cursor: default;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements a .k-icon {
  width: 40px;
  height: 40px;
  background: url("/Shared/Images/Library/Icons/arrow-circle-left.svg") no-repeat center center/contain;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements a .k-icon:before {
  display: none;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements .slider__info {
  color: #6D6D6D;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: Lato, sans-serif;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements .slider__info .current_page {
  display: flex;
  align-items: center;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements .slider__info .current_page:after {
  content: '';
  border-bottom: 1px solid #535353;
  display: inline-block;
  width: 35px;
  margin: auto 8px;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements .slider__info .total_pages {
  color: #C5C5C5;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .k-widget.k-scrollview .k-scrollview-elements .slider__info .total_pages.last_page {
  color: #000;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider {
  padding-top: 56px;
  height: 100%;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider {
    height: 510px;
    padding-bottom: 40px;
  }
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 30px;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section {
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 0 8px 0 rgba(16, 24, 40, 0.1);
  margin: 6px 6px 20px 6px;
  width: 100%;
  max-width: 375px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section {
    max-width: none;
  }
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section .section_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section .section_title .title_name {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #525252;
  width: 90%;
  white-space: normal;
  font-family: Lato, sans-serif;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section .section_title img {
  width: 24px;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section .section_name {
  font-size: 26px;
  font-weight: 600;
  margin: 0;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section .section_comment {
  flex-grow: 2;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section .section_comment p {
  background: #F5F5F5;
  color: #0F0F0F;
  border-radius: 8px;
  padding: 20px;
  margin: 0;
  white-space: normal;
  line-height: 24px;
  overflow: hidden;
  font-size: 16px;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section .section_comment p:not(:last-of-type) {
  margin-bottom: 8px;
}

.w-es-potentialrisks .potential_risks_wrap .potential_risks_content .content__slider .slide .slide__wrap .section .section_btn {
  min-width: 0;
  align-self: flex-end;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_header {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  display: flex;
  align-items: center;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner {
  border: 0;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section {
  border: 0;
  padding: 22px 0;
  border-bottom: 1px solid #E5E5E5;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section {
    padding: 12px 0;
  }
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link {
  align-items: center;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  gap: 16px;
  justify-content: space-between;
  padding: 0;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link {
    align-items: flex-start;
  }
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link.k-state-selected {
  background: transparent;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link.k-state-selected .k-panelbar-collapse {
  display: block;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link.k-state-hover {
  background: transparent;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .k-icon {
  width: 24px;
  height: 24px;
  margin-left: 48px;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .k-icon {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .k-icon:before {
  content: '';
  width: 15px;
  height: 15px;
  background: url("/Shared/Images/Forms/Icons/arr-expand-down.svg") no-repeat center center/contain;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .k-icon.k-panelbar-collapse:before {
  transform: rotate(180deg);
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .section_name {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 20px;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .section_name {
    flex-wrap: wrap;
  }
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .section_name > span.section_title {
  color: #000;
  width: 35%;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .section_name > span.section_title {
    width: 100%;
  }
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .section_name > span.section_risk {
  width: 153px;
  color: #525252;
  font-weight: 400;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .section_name > span.section_risk {
    width: 136px;
    order: 2;
    text-align: left;
  }
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .section_name > span.section_risk_bar {
  width: 50%;
}

@media all and (max-width: 768px) {
  .w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .k-link .section_name > span.section_risk_bar {
    width: calc(100% - 152px);
  }
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .section_comment {
  color: #000;
  padding-top: 16px;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .section_comment .comment_header {
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 16px 0;
  display: none;
  /* NOS-1811 */
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .section_comment .comment_text {
  line-height: 24px;
  font-size: 16px;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .section_comment .comment_text ul {
  list-style-type: disc;
}

.w-es-potentialrisks .potential_risks_wrap .all_risks_content .content_inner .section .section_comment .comment_text p {
  margin: 0;
}

.w-es-potentialrisks .potential_risks_wrap .section_risk_bar {
  height: 8px;
  border-radius: 8px;
  background: #E5E5E5;
  width: 100%;
}

.w-es-potentialrisks .potential_risks_wrap .section_risk_bar--100 .k-state-selected {
  background: #FF5757;
}

.w-es-potentialrisks .potential_risks_wrap .section_risk_bar--75 .k-state-selected {
  background: #FF8541;
}

.w-es-potentialrisks .potential_risks_wrap .section_risk_bar--50 .k-state-selected {
  background: #FFDE30;
}

.w-es-potentialrisks .potential_risks_wrap .section_risk_bar--25 .k-state-selected {
  background: #2BDC5D;
}

.w-es-potentialrisks .potential_risks_wrap .section_risk_bar--5 .k-state-selected {
  background: #2BDC5D;
}

.w-es-potentialrisks .potential_risks_wrap .section_risk_bar .k-state-selected {
  border-radius: 8px;
  box-sizing: content-box;
  border-color: transparent;
}

.w-es-potentialrisks .potential_risks_wrap.financial .section_risk_bar--100 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.psychological .section_risk_bar--100 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.resilience .section_risk_bar--100 .k-state-selected {
  background: #2BDC5D;
}

.w-es-potentialrisks .potential_risks_wrap.financial .section_risk_bar--75 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.psychological .section_risk_bar--75 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.resilience .section_risk_bar--75 .k-state-selected {
  background: #2BDC5D;
}

.w-es-potentialrisks .potential_risks_wrap.financial .section_risk_bar--50 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.psychological .section_risk_bar--50 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.resilience .section_risk_bar--50 .k-state-selected {
  background: #FFDE30;
}

.w-es-potentialrisks .potential_risks_wrap.financial .section_risk_bar--25 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.psychological .section_risk_bar--25 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.resilience .section_risk_bar--25 .k-state-selected {
  background: #FF8541;
}

.w-es-potentialrisks .potential_risks_wrap.financial .section_risk_bar--5 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.psychological .section_risk_bar--5 .k-state-selected, .w-es-potentialrisks .potential_risks_wrap.resilience .section_risk_bar--5 .k-state-selected {
  background: #FF5757;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-es-priorities {
  color: #000;
  max-width: 1215px;
  margin: 0 auto;
  min-height: 70px;
  position: relative;
  font-family: Lato, sans-serif;
}

.w-es-priorities * {
  box-sizing: border-box;
}

.w-es-priorities .priorities_header {
  margin-bottom: 16px;
  font-size: 20px;
}

.w-es-priorities .priorities_wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 32px;
}

@media all and (max-width: 768px) {
  .w-es-priorities .priorities_wrap {
    flex-direction: column;
  }
}

.w-es-priorities .priorities_wrap .priority_card {
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 0 8px 0 rgba(16, 24, 40, 0.1);
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

@media all and (max-width: 768px) {
  .w-es-priorities .priorities_wrap .priority_card {
    width: 100%;
  }
}

.w-es-priorities .priorities_wrap .priority_card .priority_title {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  line-height: 1;
}

.w-es-priorities .priorities_wrap .priority_card .priority_img {
  font-size: 0;
  text-align: center;
}

.w-es-priorities .priorities_wrap .priority_card .priority_img img {
  width: 100%;
  max-width: 250px;
}

.w-es-priorities .priorities_wrap .priority_card .priority_header {
  font-size: 42px;
  font-weight: 600;
  margin: 0;
  line-height: 1;
  font-family: Poppins, sans-serif;
}

.w-es-priorities .priorities_wrap .priority_card .priority_text {
  margin: 0;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-recoverpassword .es-recoverpassword {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 90002;
  overflow: auto;
}

.w-recoverpassword .es-recoverpassword * {
  box-sizing: border-box;
}

.w-recoverpassword .es-recoverpassword .hidden {
  display: none !important;
}

.w-recoverpassword .es-recoverpassword strong {
  font-weight: 600;
}

.w-recoverpassword .es-recoverpassword a:not(.btn) {
  font-weight: 500 !important;
  color: #0F0F0F !important;
}

.w-recoverpassword .es-recoverpassword a:not(.btn):hover {
  color: #6C6C6C !important;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 162px;
  background: #FFF;
  overflow: auto;
}

@media all and (max-width: 1024px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap {
    gap: 0;
  }
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap {
    flex-direction: column;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside {
  width: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 30px;
  background: url("/Shared/Images/EmployerSolution/WelcomeUser/people.png") no-repeat bottom 43px center/331px, #F5F8FF;
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside {
    display: none;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside .aside__content {
  margin-top: 300px;
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside .aside__content {
    margin: 0;
  }
}

@media all and (max-height: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside .aside__content {
    margin-top: 180px;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside .aside__content .aside__content_header {
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 24px;
  line-height: 1;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside .aside__content .aside__content_list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside .aside__content .aside__content_list li {
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 24px;
  gap: 12px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside .aside__content .aside__content_list li:before {
  content: url("/Shared/Images/EmployerSolution/Icons/checkmark-purple.svg");
  width: 24px;
  height: 24px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 45px;
  padding: 100px 0;
}

@media all and (max-width: 1024px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main {
    padding: 34px;
  }
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main {
    padding: 40px 20px;
    width: 100%;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main:before {
  content: '';
  position: fixed;
  top: 47px;
  left: 35px;
  background: url("/Shared/Images/Logos/CoreHealth.svg") no-repeat center center/contain;
  width: 142px;
  height: 60px;
  z-index: 2;
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main:before {
    position: static;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__progress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  max-width: 400px;
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__progress {
    justify-content: center;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__progress .progress_bar {
  width: 100%;
  height: 5px;
  background: #DCDCDC;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__progress .progress_bar--filled {
  background: #000;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content {
  display: none;
  width: 100%;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_header {
  font-weight: 700 !important;
  font-size: 42px;
  margin: 0;
  line-height: 1;
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_header {
    text-align: center;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_sub {
  font-weight: 500;
  font-size: 24px;
  margin: 24px 0;
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_sub {
    text-align: center;
    margin: 16px 0;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_desc {
  font-size: 18px;
  max-width: 485px;
  margin: 0;
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_desc {
    text-align: center;
    margin: 0 auto;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 50px;
  width: 100%;
  max-width: 400px;
}

@media all and (max-width: 800px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form {
    max-width: none;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form.form_widget {
  max-width: 800px;
  padding-right: 112px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form.form_widget .form_field input {
  display: initial;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form.form_widget .form_field label {
  margin: 0;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form.form_widget .form_buttons {
  margin: 0;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form.form_widget .form_buttons .btn {
  width: auto;
  margin-left: auto;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="text"], .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="password"], .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="number"], .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .btn {
  font-family: inherit;
  width: 100%;
  font-size: 16px;
  padding: 12px 12px;
  border: none;
  box-sizing: border-box;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="text"]::-ms-reveal, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="text"]::-ms-clear, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="password"]::-ms-reveal, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="password"]::-ms-clear, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="number"]::-ms-reveal, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="number"]::-ms-clear, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .btn::-ms-reveal, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .btn::-ms-clear {
  display: none;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="checkbox"] {
  display: none;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form input[type="checkbox"]:checked + label:before, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field .input_wrap input[type="checkbox"]:checked + label:before {
  background: #000 url("/Shared/Images/Forms/Icons/checkmark-white.svg") no-repeat center center/50%;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media all and (max-width: 1024px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap {
    gap: 10px;
  }
}

@media all and (min-width: 430px) and (max-width: 1024px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap {
    justify-content: flex-start;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"] {
  width: 50px;
  height: 50px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #000;
  text-align: center;
  max-width: 50px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"]::-webkit-outer-spin-button, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media all and (max-width: 1024px) {
  .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"] {
    width: calc(100%/ 8);
    height: auto;
  }
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field .input_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field label {
  color: #525252;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
  position: relative;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field label.for_checkbox {
  padding-left: 37px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field label.for_checkbox:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 4px;
  border: 1px solid #000;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field label.w-passwordRequirements {
  font-size: 14px;
  margin: inherit;
  line-height: 24px;
  background-image: url("/Shared/Images/EmployerSolution/Icons/info-default.svg");
  background-size: contain;
  padding-left: 30px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field input[type="text"], .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field input[type="password"] {
  box-shadow: 0 1px 2px 0 #1018280D;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  height: 50px;
  line-height: 24px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field input[type="text"].k-invalid, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field input[type="password"].k-invalid {
  border-color: #FE4A49;
  outline: none;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field input[type="text"].k-invalid:focus, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field input[type="password"].k-invalid:focus {
  outline: none;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field .valid_mark {
  display: none;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field .valid_mark:after {
  content: '';
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -28px;
  width: 17px;
  height: 17px;
  background: url("/Shared/Images/EmployerSolution/Icons/checkmark-green.svg") no-repeat center center/contain;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_buttons {
  margin-top: 26px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_buttons--no_margins {
  margin: 0;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_buttons button, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_buttons a {
  text-align: center;
  display: block;
  background: #000;
  color: #FFF !important;
  border-radius: 10px;
  font-weight: 500;
  width: 100%;
  border: none;
  cursor: pointer;
  box-shadow: none;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_buttons button:disabled, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_buttons a:disabled {
  background: #DCDCDC !important;
  cursor: default;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_buttons button:hover, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_buttons a:hover {
  text-decoration: none;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__notification {
  max-width: 400px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__notification span {
  font-size: 14px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__notification span.error {
  color: #FE4A49;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__notification span.success {
  color: #108330;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_aside {
  width: 400px;
  background: url("/Shared/Images/EmployerSolution/Login/sneaker.png") no-repeat bottom 43px center/280px, #F5F8FF;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content {
  display: block;
  margin-top: 45px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content#success, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content#error {
  display: none;
  position: relative;
  padding-top: 120px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content#success:before, .w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content#error:before {
  content: '';
  background: url("/Shared/Images/EmployerSolution/Login/mail.png") no-repeat center center/contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 144px;
  height: 87px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field.captcha {
  display: none;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .form_field .form_link {
  text-align: center;
  margin: 0;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_desc {
  margin-top: 24px;
}

.w-recoverpassword .es-recoverpassword .es-recoverpassword_wrap .es-recoverpassword_main .main__content .main__content_form .input_wrap .k-textbox {
  width: 100%;
  border: 0;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-resetpassword .es-resetpassword {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 90002;
  overflow: auto;
}

.w-resetpassword .es-resetpassword * {
  box-sizing: border-box;
}

.w-resetpassword .es-resetpassword .hidden {
  display: none !important;
}

.w-resetpassword .es-resetpassword strong {
  font-weight: 600;
}

.w-resetpassword .es-resetpassword a:not(.btn) {
  font-weight: 500 !important;
  color: #0F0F0F !important;
}

.w-resetpassword .es-resetpassword a:not(.btn):hover {
  color: #6C6C6C !important;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 162px;
  background: #FFF;
  overflow: auto;
}

@media all and (max-width: 1024px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap {
    gap: 0;
  }
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap {
    flex-direction: column;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside {
  width: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 30px;
  background: url("/Shared/Images/EmployerSolution/WelcomeUser/people.png") no-repeat bottom 43px center/331px, #F5F8FF;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside {
    display: none;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside .aside__content {
  margin-top: 300px;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside .aside__content {
    margin: 0;
  }
}

@media all and (max-height: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside .aside__content {
    margin-top: 180px;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside .aside__content .aside__content_header {
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 24px;
  line-height: 1;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside .aside__content .aside__content_list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside .aside__content .aside__content_list li {
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 24px;
  gap: 12px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside .aside__content .aside__content_list li:before {
  content: url("/Shared/Images/EmployerSolution/Icons/checkmark-purple.svg");
  width: 24px;
  height: 24px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 45px;
  padding: 100px 0;
}

@media all and (max-width: 1024px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main {
    padding: 34px;
  }
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main {
    padding: 40px 20px;
    width: 100%;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main:before {
  content: '';
  position: fixed;
  top: 47px;
  left: 35px;
  background: url("/Shared/Images/Logos/CoreHealth.svg") no-repeat center center/contain;
  width: 142px;
  height: 60px;
  z-index: 2;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main:before {
    position: static;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__progress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  max-width: 400px;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__progress {
    justify-content: center;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__progress .progress_bar {
  width: 100%;
  height: 5px;
  background: #DCDCDC;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__progress .progress_bar--filled {
  background: #000;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content {
  display: none;
  width: 100%;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_header {
  font-weight: 700 !important;
  font-size: 42px;
  margin: 0;
  line-height: 1;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_header {
    text-align: center;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_sub {
  font-weight: 500;
  font-size: 24px;
  margin: 24px 0;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_sub {
    text-align: center;
    margin: 16px 0;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_desc {
  font-size: 18px;
  max-width: 485px;
  margin: 0;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_desc {
    text-align: center;
    margin: 0 auto;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 50px;
  width: 100%;
  max-width: 400px;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form {
    max-width: none;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form.form_widget {
  max-width: 800px;
  padding-right: 112px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form.form_widget .form_field input {
  display: initial;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form.form_widget .form_field label {
  margin: 0;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form.form_widget .form_buttons {
  margin: 0;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form.form_widget .form_buttons .btn {
  width: auto;
  margin-left: auto;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="text"], .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="password"], .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="number"], .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .btn {
  font-family: inherit;
  width: 100%;
  font-size: 16px;
  padding: 12px 12px;
  border: none;
  box-sizing: border-box;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="text"]::-ms-reveal, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="text"]::-ms-clear, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="password"]::-ms-reveal, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="password"]::-ms-clear, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="number"]::-ms-reveal, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="number"]::-ms-clear, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .btn::-ms-reveal, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .btn::-ms-clear {
  display: none;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="checkbox"] {
  display: none;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form input[type="checkbox"]:checked + label:before, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field .input_wrap input[type="checkbox"]:checked + label:before {
  background: #000 url("/Shared/Images/Forms/Icons/checkmark-white.svg") no-repeat center center/50%;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media all and (max-width: 1024px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap {
    gap: 10px;
  }
}

@media all and (min-width: 430px) and (max-width: 1024px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap {
    justify-content: flex-start;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"] {
  width: 50px;
  height: 50px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #000;
  text-align: center;
  max-width: 50px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"]::-webkit-outer-spin-button, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media all and (max-width: 1024px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"] {
    width: calc(100%/ 8);
    height: auto;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field .input_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field label {
  color: #525252;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
  position: relative;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field label.for_checkbox {
  padding-left: 37px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field label.for_checkbox:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 4px;
  border: 1px solid #000;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field label.w-passwordRequirements {
  font-size: 14px;
  margin: inherit;
  line-height: 24px;
  background-image: url("/Shared/Images/EmployerSolution/Icons/info-default.svg");
  background-size: contain;
  padding-left: 30px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field input[type="text"], .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field input[type="password"] {
  box-shadow: 0 1px 2px 0 #1018280D;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  height: 50px;
  line-height: 24px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field input[type="text"].k-invalid, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field input[type="password"].k-invalid {
  border-color: #FE4A49;
  outline: none;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field input[type="text"].k-invalid:focus, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field input[type="password"].k-invalid:focus {
  outline: none;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field .valid_mark {
  display: none;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_field .valid_mark:after {
  content: '';
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -28px;
  width: 17px;
  height: 17px;
  background: url("/Shared/Images/EmployerSolution/Icons/checkmark-green.svg") no-repeat center center/contain;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_buttons {
  margin-top: 26px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_buttons--no_margins {
  margin: 0;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_buttons button, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_buttons a {
  text-align: center;
  display: block;
  background: #000;
  color: #FFF !important;
  border-radius: 10px;
  font-weight: 500;
  width: 100%;
  border: none;
  cursor: pointer;
  box-shadow: none;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_buttons button:disabled, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_buttons a:disabled {
  background: #DCDCDC !important;
  cursor: default;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_buttons button:hover, .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .form_buttons a:hover {
  text-decoration: none;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__notification {
  max-width: 400px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__notification span {
  font-size: 14px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__notification span.error {
  color: #FE4A49;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__notification span.success {
  color: #108330;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_aside {
  background: url("/Shared/Images/EmployerSolution/Login/sneaker.png") no-repeat bottom 43px center/280px, #F5F8FF;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content {
  display: block;
  margin-top: 45px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content#success {
  display: none;
  padding-top: 120px;
  position: relative;
}

@media all and (max-width: 800px) {
  .w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content#success {
    padding-top: 0;
  }
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .form_field .input_wrap .k-form-error {
  display: none;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_desc {
  margin-top: 24px;
}

.w-resetpassword .es-resetpassword .es-resetpassword_wrap .es-resetpassword_main .main__content .main__content_form .input_wrap .k-textbox {
  width: 100%;
  border: 0;
}

.w-es-riskcategories {
  color: #000;
  max-width: 1215px;
  margin: 0 auto;
  min-height: 70px;
  position: relative;
}

.w-es-riskcategories * {
  box-sizing: border-box;
}

.w-es-riskcategories .categories_status {
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 48px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-column-gap: 16px;
  justify-items: center;
  align-items: center;
}

.w-es-riskcategories .categories_status .status_message {
  grid-column-start: 2;
  margin: 0 auto;
}

.w-es-riskcategories .categories_status button {
  justify-self: end;
}

@media all and (max-width: 1024px) {
  .w-es-riskcategories .categories_status {
    grid-template-columns: auto;
  }
  .w-es-riskcategories .categories_status button {
    position: static;
    transform: none;
    margin: 16px auto 0;
  }
  .w-es-riskcategories .categories_status .status_message {
    grid-column-start: unset;
  }
}

.w-es-riskcategories .categories_wrap .categories_header {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}

.w-es-riskcategories .categories_wrap .categories_content {
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 0 8px 0 rgba(16, 24, 40, 0.1);
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media all and (max-width: 768px) {
  .w-es-riskcategories .categories_wrap .categories_content {
    padding: 10px;
    gap: 12px;
  }
}

.w-es-riskcategories .categories_wrap .categories_content .categories_info {
  align-items: center;
  color: #424242;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}

.w-es-riskcategories .categories_wrap .categories_content .categories_info img {
  width: 16px;
}

.w-es-riskcategories .categories_wrap .categories_content .categories_info span {
  font-size: 12px;
}

.w-es-riskcategories .categories_wrap .categories_content .categories_chart text {
  color: #424242;
}

.w-es-riskcategories .categories_widget {
  margin-bottom: 48px;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-es-statusbanner {
  min-height: 70px;
  position: relative;
}

.w-es-statusbanner * {
  box-sizing: border-box;
}

.w-es-statusbanner .banner_wrap {
  max-width: 1280px;
  margin: 0 auto;
}

.w-es-statusbanner .banner_wrap .banner_header {
  font-size: 20px;
  margin-bottom: 16px;
}

.w-es-statusbanner .banner_wrap .banner_content {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-areas: "risks message" "risks recommendations";
  align-items: stretch;
  justify-content: space-between;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.05);
  padding: 20px;
}

@media all and (max-width: 820px) {
  .w-es-statusbanner .banner_wrap .banner_content {
    display: block;
  }
}

.w-es-statusbanner .banner_wrap .banner_content h2 {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks {
  grid-area: risks;
  width: 384px;
  position: relative;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media all and (max-width: 820px) {
  .w-es-statusbanner .banner_wrap .banner_content .content__risks {
    min-width: auto;
    border: 0;
    padding: 0;
    width: 100%;
  }
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__tooltip {
  position: absolute;
  top: 0;
  right: 16px;
  cursor: pointer;
  display: none;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress {
  width: 100%;
  flex-grow: 2;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress h2 {
  font-weight: 600;
}

@media all and (max-width: 820px) {
  .w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress h2 {
    margin-bottom: 42px;
  }
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress .progress_graph {
  width: 170px;
  height: 170px;
  position: relative;
  margin: 0 auto;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress .progress_graph .progress_bar {
  fill: none;
  stroke-width: 6.5;
  stroke-dasharray: 0, 1000;
  transition: stroke-dasharray .5s ease, stroke .5s ease;
  stroke-linecap: round;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress .progress_graph .progress_bar_bg {
  stroke: #F2F2F2;
  fill: none;
  stroke-width: 6.5;
  stroke-dasharray: 0;
  stroke-linecap: round;
  opacity: 0.2;
  transition: stroke-dasharray .5s ease, stroke .5s ease;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress .progress_graph .progress_dot {
  fill: #fff;
  transform-origin: center;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress .progress_graph .progress_text {
  display: flex;
  font-size: 12px;
  font-weight: 600;
  text-anchor: middle;
  dominant-baseline: middle;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress .progress_graph image {
  width: 13px;
  height: 13px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__progress .progress_graph .tick_group {
  fill: none;
  stroke: #ddd;
  stroke-width: 2;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
  position: relative;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk {
  border: 1px solid #EBEBEB;
  border-radius: 10px;
  padding: 8px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk__header .risk_title {
  text-transform: uppercase;
  letter-spacing: 0.8px;
  width: 70%;
  font-size: 12px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk__header .risk_icon {
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk_value {
  margin: 6px 0 2px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk_visual {
  font-size: 0;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk_visual .risk_bar {
  height: 6px;
  border-radius: 6px;
  background: #F2F2F2;
  width: 100%;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk_visual .risk_bar--low {
  color: #000;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk_visual .risk_bar--low .k-state-selected {
  background: #44DC2B;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk_visual .risk_bar--moderate .k-state-selected {
  background: #FFCA41;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk_visual .risk_bar--high .k-state-selected {
  background: #FF8541;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__list .list_wrap .risk .risk_visual .risk_bar--veryhigh .k-state-selected {
  background: #FF5757;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__actions {
  margin-top: 20px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__risks .risks__actions button {
  width: 100%;
  padding: 12px 16px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message {
  grid-area: message;
  padding-left: 20px;
}

@media all and (max-width: 820px) {
  .w-es-statusbanner .banner_wrap .banner_content .content__message {
    padding: 0;
    margin-bottom: 20px;
  }
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner, .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next {
  padding: 20px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid #000;
}

@media all and (max-width: 820px) {
  .w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner, .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next {
    padding: 10px;
  }
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner .message_icon, .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_icon {
  margin-right: 20px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  text-align: center;
}

@media all and (max-width: 820px) {
  .w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner .message_icon, .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_icon {
    display: none;
  }
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner .message_icon img, .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_icon img {
  max-width: 100%;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner .message_text h2, .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_text h2 {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner .message_text p, .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_text p {
  font-size: 16px;
  margin: 0;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner.message--risk-neutral, .w-es-statusbanner .banner_wrap .banner_content .content__message .message--risk-neutral.message_next {
  background: #F2FBFF;
  color: #000;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner.message--risk-none, .w-es-statusbanner .banner_wrap .banner_content .content__message .message--risk-none.message_next, .w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner.message--risk-low, .w-es-statusbanner .banner_wrap .banner_content .content__message .message--risk-low.message_next {
  background: #F0FFEE;
  color: #076521;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner.message--risk-moderate, .w-es-statusbanner .banner_wrap .banner_content .content__message .message--risk-moderate.message_next {
  background: #FFEFC4;
  color: #906800;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner.message--risk-high, .w-es-statusbanner .banner_wrap .banner_content .content__message .message--risk-high.message_next {
  background: #FFD9C4;
  color: #BE4400;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message__inner.message--risk-veryhigh, .w-es-statusbanner .banner_wrap .banner_content .content__message .message--risk-veryhigh.message_next {
  background: #FFCBCB;
  color: #9B0000;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message_next {
  border: 1px solid #000;
  margin-top: 20px;
  background: transparent;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_icon {
  width: 60px;
  height: 60px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_text ul {
  margin: 0 0 10px;
  padding-left: 30px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_text .message_badges {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}

@media all and (max-width: 500px) {
  .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_text .message_badges {
    flex-direction: column;
  }
}

@media all and (max-width: 500px) {
  .w-es-statusbanner .banner_wrap .banner_content .content__message .message_next .message_text .message_badges .wcp_badge {
    width: 100%;
    max-width: 196px;
  }
}

.w-es-statusbanner .banner_wrap .banner_content .content__recommendations {
  grid-area: recommendations;
  padding-left: 20px;
  align-self: end;
}

@media all and (max-width: 820px) {
  .w-es-statusbanner .banner_wrap .banner_content .content__recommendations {
    align-self: auto;
    padding: 0;
    margin-top: 20px;
  }
}

.w-es-statusbanner .banner_wrap .banner_content .content__recommendations .recommendations__inner .recommendation {
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.w-es-statusbanner .banner_wrap .banner_content .content__recommendations .recommendations__inner .recommendation:not(:last-of-type) {
  margin-bottom: 10px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__recommendations .recommendations__inner .recommendation .recommendation_icon {
  margin-right: 14px;
  width: 20px;
  height: 20px;
}

.w-es-statusbanner .banner_wrap .banner_content .content__recommendations .recommendations__inner .recommendation .recommendation_text {
  width: 100%;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.w-welcomeuser {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 90002;
  overflow: auto;
}

.w-welcomeuser * {
  box-sizing: border-box;
}

.w-welcomeuser .hidden {
  display: none !important;
}

.w-welcomeuser strong {
  font-weight: 600;
}

.w-welcomeuser a:not(.btn) {
  font-weight: 500 !important;
  color: #0F0F0F !important;
}

.w-welcomeuser a:not(.btn):hover {
  color: #6C6C6C !important;
}

.w-welcomeuser .welcome_wrap {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 162px;
  background: #FFF;
  overflow: auto;
}

@media all and (max-width: 1024px) {
  .w-welcomeuser .welcome_wrap {
    gap: 0;
  }
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap {
    flex-direction: column;
  }
}

.w-welcomeuser .welcome_wrap .welcome_aside {
  width: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 30px;
  background: url("/Shared/Images/EmployerSolution/WelcomeUser/people.png") no-repeat bottom 43px center/331px, #F5F8FF;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_aside {
    display: none;
  }
}

.w-welcomeuser .welcome_wrap .welcome_aside .aside__content {
  margin-top: 300px;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_aside .aside__content {
    margin: 0;
  }
}

@media all and (max-height: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_aside .aside__content {
    margin-top: 180px;
  }
}

.w-welcomeuser .welcome_wrap .welcome_aside .aside__content .aside__content_header {
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 24px;
  line-height: 1;
}

.w-welcomeuser .welcome_wrap .welcome_aside .aside__content .aside__content_list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.w-welcomeuser .welcome_wrap .welcome_aside .aside__content .aside__content_list li {
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 24px;
  gap: 12px;
}

.w-welcomeuser .welcome_wrap .welcome_aside .aside__content .aside__content_list li:before {
  content: url("/Shared/Images/EmployerSolution/Icons/checkmark-purple.svg");
  width: 24px;
  height: 24px;
}

.w-welcomeuser .welcome_wrap .welcome_main {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 45px;
  padding: 100px 0;
}

@media all and (max-width: 1024px) {
  .w-welcomeuser .welcome_wrap .welcome_main {
    padding: 34px;
  }
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_main {
    padding: 40px 20px;
    width: 100%;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main:before {
  content: '';
  position: fixed;
  top: 47px;
  left: 35px;
  background: url("/Shared/Images/Logos/CoreHealth.svg") no-repeat center center/contain;
  width: 142px;
  height: 60px;
  z-index: 2;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_main:before {
    position: static;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main .main__progress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  max-width: 400px;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_main .main__progress {
    justify-content: center;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main .main__progress .progress_bar {
  width: 100%;
  height: 5px;
  background: #DCDCDC;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__progress .progress_bar--filled {
  background: #000;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content {
  display: none;
  width: 100%;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_header {
  font-weight: 700 !important;
  font-size: 42px;
  margin: 0;
  line-height: 1;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_header {
    text-align: center;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_sub {
  font-weight: 500;
  font-size: 24px;
  margin: 24px 0;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_sub {
    text-align: center;
    margin: 16px 0;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_desc {
  font-size: 18px;
  max-width: 485px;
  margin: 0;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_desc {
    text-align: center;
    margin: 0 auto;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 50px;
  width: 100%;
  max-width: 400px;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form {
    max-width: none;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form.form_widget {
  max-width: 800px;
  padding-right: 112px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form.form_widget .form_field input {
  display: initial;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form.form_widget .form_field label {
  margin: 0;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form.form_widget .form_buttons {
  margin: 0;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form.form_widget .form_buttons .btn {
  width: auto;
  margin-left: auto;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="text"], .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="password"], .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="number"], .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .btn {
  font-family: inherit;
  width: 100%;
  font-size: 16px;
  padding: 12px 12px;
  border: none;
  box-sizing: border-box;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="text"]::-ms-reveal, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="text"]::-ms-clear, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="password"]::-ms-reveal, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="password"]::-ms-clear, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="number"]::-ms-reveal, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="number"]::-ms-clear, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .btn::-ms-reveal, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .btn::-ms-clear {
  display: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="checkbox"] {
  display: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form input[type="checkbox"]:checked + label:before, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field .input_wrap input[type="checkbox"]:checked + label:before {
  background: #000 url("/Shared/Images/Forms/Icons/checkmark-white.svg") no-repeat center center/50%;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field.otc_field .input_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media all and (max-width: 1024px) {
  .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field.otc_field .input_wrap {
    gap: 10px;
  }
}

@media all and (min-width: 430px) and (max-width: 1024px) {
  .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field.otc_field .input_wrap {
    justify-content: flex-start;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"] {
  width: 50px;
  height: 50px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #000;
  text-align: center;
  max-width: 50px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"]::-webkit-outer-spin-button, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media all and (max-width: 1024px) {
  .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field.otc_field .input_wrap input[type="number"] {
    width: calc(100%/ 8);
    height: auto;
  }
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field .input_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field label {
  color: #525252;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
  position: relative;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field label.for_checkbox {
  padding-left: 37px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field label.for_checkbox:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 4px;
  border: 1px solid #000;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field label.w-passwordRequirements {
  font-size: 14px;
  margin: inherit;
  line-height: 24px;
  background-image: url("/Shared/Images/EmployerSolution/Icons/info-default.svg");
  background-size: contain;
  padding-left: 30px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field input[type="text"], .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field input[type="password"] {
  box-shadow: 0 1px 2px 0 #1018280D;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  height: 50px;
  line-height: 24px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field input[type="text"].k-invalid, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field input[type="password"].k-invalid {
  border-color: #FE4A49;
  outline: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field input[type="text"].k-invalid:focus, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field input[type="password"].k-invalid:focus {
  outline: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field .valid_mark {
  display: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_field .valid_mark:after {
  content: '';
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -28px;
  width: 17px;
  height: 17px;
  background: url("/Shared/Images/EmployerSolution/Icons/checkmark-green.svg") no-repeat center center/contain;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_buttons {
  margin-top: 26px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_buttons--no_margins {
  margin: 0;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_buttons button, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_buttons a {
  text-align: center;
  display: block;
  background: #000;
  color: #FFF !important;
  border-radius: 10px;
  font-weight: 500;
  width: 100%;
  border: none;
  cursor: pointer;
  box-shadow: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_buttons button:disabled, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_buttons a:disabled {
  background: #DCDCDC !important;
  cursor: default;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_buttons button:hover, .w-welcomeuser .welcome_wrap .welcome_main .main__content .main__content_form .form_buttons a:hover {
  text-decoration: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__notification {
  max-width: 400px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__notification span {
  font-size: 14px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__notification span.error {
  color: #FE4A49;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__notification span.success {
  color: #108330;
}

.edit-mode .w-welcomeuser {
  position: static;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 400px;
  width: 100%;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions .main__resend_code {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions .main__resend_code .resend-message {
  font-size: 14px;
  text-align: center;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions .main__resend_code .resend-message:empty {
  display: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions .main__resend_code.waiting {
  cursor: progress;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions .main__resend_code.waiting .resend_code {
  pointer-events: none;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions .main__resend_code.waiting .resend_code .icon {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions button {
  all: unset;
  align-items: center;
  color: #0F0F0F;
  cursor: pointer;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  letter-spacing: 0.56px;
  line-height: 20px;
}

.w-welcomeuser .welcome_wrap .welcome_main .main__actions button.resend_code .icon {
  content: url("/Shared/Images/EmployerSolution/Icons/refresh.svg");
  height: 20px;
  width: 20px;
}

.w-welcomeuser .welcome_confirmation {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
}

.w-welcomeuser .welcome_confirmation .confetti_canvas {
  background: #FFF;
}

.w-welcomeuser .welcome_confirmation .confirmation_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 330px;
  height: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: url("/Shared/Images/EmployerSolution/WelcomeUser/champion.png") no-repeat top center/auto;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_confirmation .confirmation_content {
    background-position: top 20px center;
    background-size: auto 60%;
    height: 100vh;
    max-height: 700px;
    padding: 20px;
  }
}

.w-welcomeuser .welcome_confirmation .confirmation_content .confirmation_content_header {
  font-size: 42px;
  font-weight: 700;
  margin: 0;
}

@media all and (max-width: 800px) {
  .w-welcomeuser .welcome_confirmation .confirmation_content .confirmation_content_header {
    font-size: 38px;
  }
}

.w-welcomeuser .welcome_confirmation .confirmation_content .confirmation_content_desc {
  font-size: 18px;
  margin: 12px 0 0;
  text-align: center;
}

.pwrqTooltip h3 {
  color: #FFF;
}

@-webkit-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-moz-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-o-keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@keyframes menu-open {
  from {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
  to {
    background-image: none;
  }
}

@-webkit-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open-top {
  from {
    top: 1px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-o-keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open-bottom {
  from {
    top: 19px;
  }
  49% {
    top: 40%;
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  to {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-moz-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-o-keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@keyframes menu-close {
  from {
    background-image: none;
  }
  to {
    background-image: url("/Shared/templates/StarterTheme/Images/menu-bg.png");
  }
}

@-webkit-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-top {
  from {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 1px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close-bottom {
  from {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
  }
  60% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 40%;
  }
  65% {
    top: 40%;
  }
  to {
    top: 19px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-moz-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-o-keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@keyframes float-bubbles {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
  }
  66% {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  to {
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
}

@-webkit-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-moz-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-o-keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@keyframes float-bubbles-horiz {
  from {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
  }
}

@-webkit-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-moz-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-o-keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes move-plant {
  from {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@-webkit-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom {
  from {
    background-size: 110%;
    background-position: 50% -30%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-top-left {
  from {
    background-size: 110%;
    background-position: 800% 100%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-bottom-left {
  from {
    background-size: 110%;
    background-position: 800% -5%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-moz-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-o-keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@keyframes btn-from-center {
  from {
    background-size: 0%;
    background-position: 50% 50%;
  }
  to {
    background-size: 110%;
    background-position: 50% 50%;
  }
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-moz-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-o-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  60% {
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-o-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FFF, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-center {
  from {
    -webkit-transform: translate(0, -100%) scale(0);
    -moz-transform: translate(0, -100%) scale(0);
    -ms-transform: translate(0, -100%) scale(0);
    transform: translate(0, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-top-left {
  from {
    -webkit-transform: translate(-100%, -100%) scale(0);
    -moz-transform: translate(-100%, -100%) scale(0);
    -ms-transform: translate(-100%, -100%) scale(0);
    transform: translate(-100%, -100%) scale(0);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@-o-keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@keyframes move-from-center {
  from {
    -webkit-transform: translate(0, 0) scale(0.4);
    -moz-transform: translate(0, 0) scale(0.4);
    -ms-transform: translate(0, 0) scale(0.4);
    transform: translate(0, 0) scale(0.4);
  }
  to {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

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

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

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

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

@-webkit-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes confetti {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-moz-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-o-keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@keyframes button-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}

@-webkit-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@-moz-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@-o-keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

@keyframes border-fade-out {
  0% {
    border-color: #5bc9ff;
  }
  100% {
    border-color: rgba(91, 201, 255, 0);
  }
}

.employersolution_default_aspx {
  background-color: #FFF;
}

#employer-solution-wellness #wellness .w-es-wellness {
  margin: 30px 0;
}

.w-es-wellness {
  min-height: 70px;
  position: relative;
  scrollbar-width: none;
}

.w-es-wellness, .w-es-wellness button {
  font-family: "Open Sans", sans-serif;
}

.w-es-wellness .employer-solution-wellness .wellness-widgets {
  margin-top: 30px;
  position: relative;
}

.w-es-wellness .employer-solution-wellness .wellness-widgets .widget-group > .widget ~ .widget {
  margin-top: 30px;
}

.w-es-wellness .employer-solution-wellness .wellness-widgets .section-widgets, .w-es-wellness .employer-solution-wellness .wellness-widgets .widget-group {
  position: relative;
}

.w-es-wellness .employer-solution-wellness .wellness-widgets .section-widgets.showing, .w-es-wellness .employer-solution-wellness .wellness-widgets .widget-group.showing {
  position: absolute;
  visibility: hidden;
  width: 100%;
}

.w-es-wellness .wellness-nav {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 48px 0;
  justify-content: center;
  margin-bottom: 48px;
  position: relative;
}

.w-es-wellness .wellness-nav button {
  background-color: unset;
  border: unset;
  color: #525252;
  cursor: pointer;
  display: flex;
  font-size: 12px;
}

.w-es-wellness .wellness-nav .nav-sections {
  align-items: flex-start;
  border-radius: 20px;
  background-color: #F5F5F5;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
  position: relative;
}

.w-es-wellness .wellness-nav .nav-sections.hidden {
  display: none;
}

.w-es-wellness .wellness-nav .nav-sections ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  gap: 4px;
}

.w-es-wellness .wellness-nav .nav-sections ul li {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 4px;
  position: relative;
  text-align: center;
}

.w-es-wellness .wellness-nav .nav-sections ul li button {
  border-radius: 16px;
  padding: 8px 36px;
}

.w-es-wellness .wellness-nav .nav-sections ul li.is-active button, .w-es-wellness .wellness-nav .nav-sections ul li:hover button {
  background-color: #000;
  color: #FFF;
}

.w-es-wellness .wellness-nav .nav-sections ul li.hidden {
  display: none;
}

.w-es-wellness .wellness-nav .nav-subsections {
  background-color: #F5F5F5;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 0 20px;
  position: relative;
}

.w-es-wellness .wellness-nav .nav-subsections ul {
  display: flex;
  align-items: stretch;
  margin: 0 auto;
  padding: 0;
  gap: 44px;
}

@media (max-width: 480px) {
  .w-es-wellness .wellness-nav .nav-subsections ul {
    gap: 8px;
  }
}

.w-es-wellness .wellness-nav .nav-subsections ul li {
  text-align: center;
  list-style: none;
  position: relative;
  flex-direction: column;
  padding: 8px 0;
}

.w-es-wellness .wellness-nav .nav-subsections ul li:not(.hidden) {
  display: flex;
}

.w-es-wellness .wellness-nav .nav-subsections ul li.is-active:before, .w-es-wellness .wellness-nav .nav-subsections ul li:hover:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px inset #000;
}

.w-es-wellness .wellness-nav .nav-subsections ul li.is-active button, .w-es-wellness .wellness-nav .nav-subsections ul li:hover button {
  color: #000 !important;
}

.w-es-wellness .wellness-nav .nav-subsections ul li.is-active button.nav-my-status .icon, .w-es-wellness .wellness-nav .nav-subsections ul li:hover button.nav-my-status .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-mystatus-active.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li.is-active button.nav-my-risks .icon, .w-es-wellness .wellness-nav .nav-subsections ul li:hover button.nav-my-risks .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-myrisks-active.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li.is-active button.nav-reports .icon, .w-es-wellness .wellness-nav .nav-subsections ul li:hover button.nav-reports .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-reports-active.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li.is-active button.nav-take-action .icon, .w-es-wellness .wellness-nav .nav-subsections ul li:hover button.nav-take-action .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-takeaction-active.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li.is-active button.nav-assessments .icon, .w-es-wellness .wellness-nav .nav-subsections ul li:hover button.nav-assessments .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-assessments-active.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li button {
  align-items: center;
  flex-direction: column;
  gap: 8px;
  min-height: 50px;
}

.w-es-wellness .wellness-nav .nav-subsections ul li button .icon {
  background-position: top center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  height: 25px;
  width: 25px;
}

.w-es-wellness .wellness-nav .nav-subsections ul li button.nav-my-status .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-mystatus.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li button.nav-my-risks .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-myrisks.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li button.nav-reports .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-reports.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li button.nav-take-action .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-takeaction.svg");
}

.w-es-wellness .wellness-nav .nav-subsections ul li button.nav-assessments .icon {
  background-image: url("/Shared/Images/Forms/Icons/nav-assessments.svg");
}

.w-myprogress * {
  box-sizing: border-box;
}

.w-myprogress .widgetHeader {
  font-size: 1.6rem;
  margin-left: 1.2rem;
}

.w-myprogress .tabstrip.k-tabstrip.k-header {
  background-color: transparent;
}

.w-myprogress .tabstrip .k-tabstrip-items {
  text-align: center;
}

.w-myprogress .tabstrip .k-tabstrip-items .k-item {
  font-size: 1.3rem;
  background-color: transparent;
  border-color: transparent;
  border-width: 0px;
}

.w-myprogress .tabstrip .k-tabstrip-items .k-item.k-state-active {
  background-color: transparent;
  border-width: 0px 0 3px 0;
  border-color: #0A7CAE;
}

.w-myprogress .tabstrip .k-tabstrip-items .k-item .k-loading, .w-myprogress .tabstrip .k-tabstrip-items .k-item .k-link {
  border-width: 0px;
}

.w-myprogress .tabstrip .k-content {
  background-color: transparent;
}

.w-myprogress .section {
  text-align: center;
}

.w-myprogress .section .card {
  width: 47%;
  min-width: 180px;
  display: inline-block;
  margin: 1%;
  max-width: 100%;
  text-align: center;
  padding: 1rem 0;
  background-color: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 14px -6px #000000;
  -moz-box-shadow: 0px 0px 14px -6px #000000;
  box-shadow: 0px 0px 14px -6px #000000;
}

.w-myprogress .section .card .title,
.w-myprogress .section .card .data {
  margin-bottom: 1.3rem;
  font-size: 1.2rem;
}

.w-myprogress .section .card .data .count {
  font-size: 1.4rem;
}

.jsonWidget .w-myprogress .widgetHeader {
  display: none;
}

.w-mywellnessscore {
  margin-top: 55px;
  text-align: center;
}

.w-mywellnessscore * {
  box-sizing: border-box;
}

.w-mywellnessscore .widgetHeader {
  font-size: 1.6rem;
  margin-left: 1.2rem;
}

.w-mywellnessscore .section {
  display: inline-block;
  width: calc(50% - 0.7rem);
  height: 400px;
  vertical-align: top;
  margin-bottom: 1%;
  margin-top: 1%;
}

.w-mywellnessscore .section.left {
  margin-right: 0.7rem;
}

.w-mywellnessscore .section .card {
  position: relative;
  text-align: center;
  width: 100%;
  min-width: 180px;
  padding: 1rem 0;
  background-color: #a94b66;
  border-radius: 10px;
  color: #fff;
  -webkit-box-shadow: 0 0 10px -4px #000;
  -moz-box-shadow: 0 0 10px -4px #000;
  box-shadow: 0 0 10px -4px #000;
}

.w-mywellnessscore .section .card.left {
  height: 400px;
  background-image: url(/shared/templates/Konnected/IMG/challenges.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.w-mywellnessscore .section .card.right {
  height: calc(200px - 0.35rem);
}

.w-mywellnessscore .section .card.right.top {
  margin-bottom: 0.7rem;
}

.w-mywellnessscore .section .card .title {
  font-size: 1.7rem;
}

.w-mywellnessscore .section .card .data,
.w-mywellnessscore .section .card .k-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.w-mywellnessscore .section .card .data {
  bottom: 75px;
  font-size: 1.5rem;
}

.w-mywellnessscore .section .card .data .points {
  font-size: 2.4rem;
}

.w-mywellnessscore .section .card .k-button {
  max-width: 140px;
  bottom: 30px;
  border-radius: 30px;
  border-color: #fff;
  background-color: #fff;
  color: #0A7CAE;
}

.jsonWidget .w-mywellnessscore .widgetHeader {
  display: none;
}