/* Minification failed. Returning unminified contents.
(3313,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-image'
 */
.ink-blue {
  color: #0070F0 !important; }

.bg-blue {
  background: #0070F0; }

.ink-ruby {
  color: #E01071; }

.page .v-application .green--text {
  color: #2E872E !important; }

.page .v-application .red--text {
  color: #CC3429 !important; }

[data-card-name='pending-survey'] {
  background: linear-gradient(to bottom right, #ffad33, #cc7a00); }
  [data-card-name='pending-survey']:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 10px 30px rgba(255, 173, 51, 0.5); }

[data-card-name='gross-hours'] {
  background: linear-gradient(to bottom right, #7db9fb, #1b85f7); }
  [data-card-name='gross-hours']:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 10px 30px rgba(125, 185, 251, 0.5); }

[data-card-name='pending-exception-approvals'] {
  background: linear-gradient(to bottom right, #8e73e7, #4c23d1); }
  [data-card-name='pending-exception-approvals']:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 10px 30px rgba(142, 115, 231, 0.5); }

[data-card-name='pending-user-change-approvals'] {
  background: linear-gradient(to bottom right, #d379ec, #b51fe0); }
  [data-card-name='pending-user-change-approvals']:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 10px 30px rgba(211, 121, 236, 0.5); }

[data-card-name='my-exceptions'] {
  background: linear-gradient(to bottom right, #d379ec, #b51fe0); }
  [data-card-name='my-exceptions']:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 10px 30px rgba(211, 121, 236, 0.5); }

[data-card-name='shift-change'] {
  background: linear-gradient(to bottom right, #717adf, #2c37be); }
  [data-card-name='shift-change']:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 10px 30px rgba(113, 122, 223, 0.5); }

[data-card-name='pending-document'] {
  background: linear-gradient(to bottom right, #27defa, #049fb7); }
  [data-card-name='pending-document']:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 10px 30px rgba(39, 222, 250, 0.5); }

.vis-current-time {
  background-color: #000000 !important;
  z-index: 2 !important;
  height: 80% !important; }

.vis-grid.vis-major {
  border-color: green !important; }

.vis-item {
  height: 20px !important; }
  .vis-item:hover {
    border: 1px solid rgba(0, 0, 0, 0.54) !important;
    color: rgba(0, 0, 0, 0.87) !important; }
    .vis-item:hover::after, .vis-item:hover::before {
      display: none !important; }

.vis-item-content {
  padding: 0 !important; }

.vis-labelset .vis-label {
  border-bottom: none !important; }

.vis-foreground .vis-group {
  border-bottom: none !important; }

.vis-timeline {
  border: none !important; }

.vis-label-text {
  font-size: 12px;
  display: inline;
  vertical-align: top;
  padding-left: 4px;
  position: relative; }

.vis-timeline-label {
  background-color: #000000;
  color: #FFFFFF;
  width: 74px;
  height: 20px;
  font-size: 10px;
  padding-top: 3px;
  text-align: center;
  position: relative;
  top: 95%;
  left: -37px;
  border-radius: 2px;
  display: block;
  z-index: 1; }

.vis-time-axis .vis-grid.vis-vertical.vis-odd {
  border-left: 1px dashed rgba(0, 0, 0, 0.12) !important; }

.vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  box-sizing: border-box;
  white-space: nowrap;
  margin-left: -20px;
  background-color: #FFFFFF; }
  .vis-text.vis-minor {
    font-family: Roboto;
    font-weight: 400;
    font-size: 10px; }
    .vis-text.vis-minor.vis-today.vis-odd {
      visibility: hidden; }
    .vis-text.vis-minor.vis-today.vis-even {
      padding-left: 8px !important; }

.vis-panel.vis-bottom {
  border-left: none !important; }

.vis-panel.vis-center {
  border-left-style: none !important; }

.vis-inner {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 12px; }

.vis-group {
  height: 30px !important;
  margin-bottom: 5px !important; }

.vis-tooltip {
  position: absolute !important;
  top: 0px !important;
  padding: 10px !important; }

body.page {
  background-color: #0C0F2D; }
  body.page:after {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
    background-image: url(/Images/dashboard-background.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    opacity: .4; }

body.page #layout {
  height: 100%;
  overflow: auto; }

.no-underline:hover {
  text-decoration: none; }

.scorecard {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  height: 100%; }

.banner {
  min-height: 100%;
  max-height: 100%; }

.scorecard-text:only-child {
  padding: 60px 0 !important; }

.scorecard-icon {
  font-size: .35em; }

.scorecard-text {
  font-size: 0.8em; }

.widget-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: right;
  background-position-y: center; }
  .widget-background.referral {
    background-image: url("/Images/Redesign/referral-banner@2x.jpg"); }
  .widget-background.knowledge {
    background-image: url("/Images/Redesign/kb-banner@2x.jpg"); }
  .widget-background.answers {
    background-image: url("/Images/Redesign/answers-banner@2x.jpg"); }
  .widget-background.events {
    background-image: url("/Images/Redesign/events-banner@2x.jpg"); }

.pay-period-summary .btn {
  border: 1px solid #CFD8DC; }

.pay-period-summary .btn-group.outline {
  border: 1px solid #CFD8DC;
  border-radius: 5px; }

.pay-period-summary .btn-group .btn {
  border: unset; }

.pay-period-summary .btn-group .btn:not(:last-of-type) {
  border-right: 1px solid #CFD8DC; }

.pay-period-summary .day {
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #B0BEC5; }
  .pay-period-summary .day:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .pay-period-summary .day:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .pay-period-summary .day:not(:last-of-type) {
    border-right: unset; }
  .pay-period-summary .day.today {
    background: rgba(29, 133, 255, 0.08);
    border: 1px solid #1974E1 !important; }
    .pay-period-summary .day.today + .day {
      border-left: unset; }
  .pay-period-summary .day.off {
    background-color: #F5F5F5; }
    .pay-period-summary .day.off .hours {
      color: #65727C;
      font-style: italic;
      font-weight: 400;
      font-size: 0.75rem !important; }
  .pay-period-summary .day.future .hours {
    font-family: Roboto;
    color: #65727C;
    font-size: 0.75rem !important; }

.pay-period-summary .week {
  position: relative;
  overflow: hidden;
  align-items: stretch;
  height: 100%; }

.adherence-marker {
  border: 2px solid #F44336 !important;
  border-radius: 20px !important;
  height: 4px;
  position: absolute;
  width: 100%;
  top: -8px; }

.adherence-dot {
  height: 4px;
  width: 4px;
  background-color: #F44336;
  border-radius: 50%;
  position: relative;
  top: -8px; }

.rounded-left {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.rounded-right {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

[data-card-name='pending-exception-approvals']:hover,
[data-card-name='pending-user-change-approvals']:hover,
[data-card-name='my-exceptions']:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 10px 30px rgba(196, 76, 230, 0.5); }

[data-card-name='shift-change']:hover,
[data-card-name='gross-hours']:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 10px 30px rgba(40, 240, 255, 0.5); }

.banner-widget {
  min-height: 308px; }
  .banner-widget .banner-widget__title {
    font-size: 1.75rem !important;
    line-height: 1.15 !important;
    font-weight: 600 !important; }
  .banner-widget .banner-widget__content {
    color: #FFFFFF;
    align-items: flex-start; }
    .banner-widget .banner-widget__content.referral {
      color: #693610;
      background-color: #D3820C; }
  .banner-widget .banner-widget__button {
    color: #FFFFFF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border-width: 1px;
    border-style: solid;
    border-color: #0037A4;
    background-color: #1974E1; }
    .banner-widget .banner-widget__button:hover {
      color: #FFFFFF;
      border-color: #0048C2;
      background-color: #4C9FF9; }

.follow-up-table .follow-up-table__actions span {
  display: none; }

.text-18 {
  font-size: 18px !important; }

.popup-tray {
  width: 365px;
  padding-right: 35px;
  right: 0;
  top: 100px;
  position: fixed;
  z-index: 2000;
  pointer-events: none;
  max-height: calc(100% - 80px);
  overflow: auto; }
  .popup-tray::-webkit-scrollbar {
    display: none; }
  .popup-tray button,
  .popup-tray .popup {
    pointer-events: all; }
  .popup-tray .container-fluid {
    min-height: calc(100vh - 10px); }

.popup .close, .popup .close:hover {
  font-size: 16px;
  color: #FFFFFF;
  opacity: 1;
  text-shadow: unset;
  font-size: 24px;
  font-weight: 300; }

.popup .close:focus {
  outline: none; }

.hidden {
  visibility: hidden; }

#dismiss-all {
  position: relative;
  overflow: hidden; }

#dismiss-opacity {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #241588; }

.notification-container .close,
.notification-container .close:hover {
  color: unset; }

.notification-container,
.mood-slider-container {
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.5); }

.mood-slider-text {
  padding: 24px 16px 0 16px !important; }

.toggle {
  text-transform: none !important;
  color: #65727C !important;
  background: #FFFFFF !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }
  .toggle.selected {
    background: #1974E1 !important;
    color: #FFFFFF !important; }

.follow-up-table {
  border: 1px rgba(0, 0, 0, 0.04); }
  .follow-up-table .v-data-table-header {
    background: #FAFAFA; }

.table-date {
  min-width: 350px;
  font-style: unset;
  color: rgba(0, 0, 0, 0.5); }

.hoverable:hover {
  Background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer; }

.red-text {
  color: #CC3429 !important; }

@media screen and (max-width: 1280px) {
  .widget-background.referral {
    background-image: url("/Images/Redesign/referral-banner-2col@2x.jpg"); }
  .widget-background.knowledge {
    background-image: url("/Images/Redesign/kb-banner-2col@2x.jpg"); }
  .widget-background.answers {
    background-image: url("/Images/Redesign/answers-banner-2col@2x.jpg"); }
  .widget-background.events {
    background-image: url("/Images/Redesign/events-banner-2col@2x.jpg"); } }

@media screen and (min-width: 1366px) {
  .row.score-card__list .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; } }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), url("/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto"), url("/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto"), url("/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local("Roboto"), url("/fonts/roboto/Roboto-Black.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local("Roboto"), url("/fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto"), url("/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'PulpDisplay';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/PulpDisplay/WOFF2/PulpDisplay-Regular.woff2") format("woff2"), url("/fonts/PulpDisplay/WOFF/PulpDisplay-Regular.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'PulpDisplay';
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/PulpDisplay/WOFF2/PulpDisplay-RegularItalic.woff2") format("woff2"), url("/fonts/PulpDisplay/WOFF/PulpDisplay-RegularItalic.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'PulpDisplay';
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/PulpDisplay/WOFF2/PulpDisplay-Light.woff2") format("woff2"), url("/fonts/PulpDisplay/WOFF/PulpDisplay-Light.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'PulpDisplay';
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/PulpDisplay/WOFF2/PulpDisplay-Medium.woff2") format("woff2"), url("/fonts/PulpDisplay/WOFF/PulpDisplay-Medium.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'PulpDisplay';
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/PulpDisplay/WOFF2/PulpDisplay-Bold.woff2") format("woff2"), url("/fonts/PulpDisplay/WOFF/PulpDisplay-Bold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'PulpDisplay';
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/PulpDisplay/WOFF2/PulpDisplay-SemiBold.woff2") format("woff2"), url("/fonts/PulpDisplay/WOFF/PulpDisplay-SemiBold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: Material Design Icons;
  src: url("/fonts/MaterialDesign/materialdesignicons-webfont.woff2") format("woff2"), url("/fonts/MaterialDesign/materialdesignicons-webfont.woff") format("woff"); }

.roboto-light {
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: 300; }

.roboto {
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: 400; }

.roboto-medium {
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: 500; }

.roboto-bold {
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: 700; }

.roboto-black {
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: 900; }

.pulp-light {
  font-family: PulpDisplay, Helvetica, sans-serif;
  font-weight: 300; }

.pulp {
  font-family: PulpDisplay, Helvetica, sans-serif;
  font-weight: 400; }

.pulp-medium {
  font-family: PulpDisplay, Helvetica, sans-serif;
  font-weight: 500; }

.pulp-semi-bold {
  font-family: PulpDisplay, Helvetica, sans-serif;
  font-weight: 600; }

.pulp-bold {
  font-family: PulpDisplay, Helvetica, sans-serif;
  font-weight: 700; }

.f-18 {
  font-size: 1.125rem !important;
  line-height: 21px; }

.f-16 {
  font-size: 1rem !important;
  line-height: 24px; }

.f-24 {
  font-size: 1.5rem !important; }

.f-14 {
  font-size: 0.875rem !important;
  line-height: 18px; }

.f-13 {
  font-size: 0.8125rem !important; }

.f-12 {
  font-size: 0.75rem !important;
  line-height: 21px; }

.f-11 {
  font-size: 0.6785rem;
  line-height: normal; }

.f-60, .h-1 {
  font-size: 3.625rem !important; }

.f-10 {
  font-size: 0.625rem; }

.font-body-13 {
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.8125rem !important;
  line-height: 18px; }

.font-body-14 {
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.875rem !important;
  line-height: 18px; }

.heading-14 {
  font-family: 'PulpDisplay', Helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem !important;
  line-height: 18px; }

.heading-18, .heading-18-spaced {
  font-family: 'PulpDisplay', Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.125rem !important;
  line-height: 21px; }
  .heading-18-spaced {
    letter-spacing: 0.7px; }

@font-face {
  font-family: 'laivly';
  src: url("/fonts/LaivlyIconFont/laivly.eot?jqyd9c");
  src: url("/fonts/LaivlyIconFont/laivly.eot?jqyd9c#iefix") format("embedded-opentype"), url("/fonts/LaivlyIconFont/laivly.woff2?jqyd9c") format("woff2"), url("/fonts/LaivlyIconFont/laivly.ttf?jqyd9c") format("truetype"), url("/fonts/LaivlyIconFont/laivly.woff?jqyd9c") format("woff"), url("/fonts/LaivlyIconFont/laivly.svg?jqyd9c#laivly") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'sp-sidebar';
  src: url("/fonts/LaivlyIconFont/sp-sidebar.eot?3wsmi3");
  src: url("/fonts/LaivlyIconFont/sp-sidebar.eot?3wsmi3#iefix") format("embedded-opentype"), url("/fonts/LaivlyIconFont/sp-sidebar.woff2?3wsmi3") format("woff2"), url("/fonts/LaivlyIconFont/sp-sidebar.ttf?3wsmi3") format("truetype"), url("/fonts/LaivlyIconFont/sp-sidebar.woff?3wsmi3") format("woff"), url("/fonts/LaivlyIconFont/sp-sidebar.svg?3wsmi3#sp-sidebar") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.l-icon,
.laivly-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "laivly" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .l-icon::before,
  .laivly-icon::before {
    font-size: inherit !important; }
  .l-icon.icon-unlink:before,
  .laivly-icon.icon-unlink:before {
    content: "\e95f"; }
  .l-icon.icon-signature:before,
  .laivly-icon.icon-signature:before {
    content: "\e94a"; }
  .l-icon.icon-layers-alt:before,
  .laivly-icon.icon-layers-alt:before {
    content: "\e940"; }
  .l-icon.icon-presentation:before,
  .laivly-icon.icon-presentation:before {
    content: "\e941"; }
  .l-icon.icon-threads:before,
  .laivly-icon.icon-threads:before {
    content: "\e943"; }
  .l-icon.icon-unread:before,
  .laivly-icon.icon-unread:before {
    content: "\e944"; }
  .l-icon.icon-sp-chat:before,
  .laivly-icon.icon-sp-chat:before {
    content: "\e934"; }
  .l-icon.icon-expresspay:before,
  .laivly-icon.icon-expresspay:before {
    content: "\e92d"; }
  .l-icon.icon-referrals:before,
  .laivly-icon.icon-referrals:before {
    content: "\e92e"; }
  .l-icon.icon-answers:before,
  .laivly-icon.icon-answers:before {
    content: "\e930"; }
  .l-icon.icon-sp-icon:before,
  .laivly-icon.icon-sp-icon:before {
    content: "\e929"; }
  .l-icon.icon-sidd-logo:before,
  .laivly-icon.icon-sidd-logo:before {
    content: "\e92a"; }
  .l-icon.icon-sidd:before,
  .laivly-icon.icon-sidd:before {
    content: "\e92b"; }
  .l-icon.icon-anchor:before,
  .laivly-icon.icon-anchor:before {
    content: "\e952"; }
  .l-icon.icon-code-block:before,
  .laivly-icon.icon-code-block:before {
    content: "\e953"; }
  .l-icon.icon-link:before,
  .laivly-icon.icon-link:before {
    content: "\ea00"; }
  .l-icon.icon-ruler:before,
  .laivly-icon.icon-ruler:before {
    content: "\f1bb"; }
  .l-icon.icon-spellcheck:before,
  .laivly-icon.icon-spellcheck:before {
    content: "\f1d1"; }
  .l-icon.icon-quickreply:before,
  .laivly-icon.icon-quickreply:before {
    content: "\e954"; }
  .l-icon.icon-chat-alert:before,
  .laivly-icon.icon-chat-alert:before {
    content: "\f25a"; }
  .l-icon.icon-chat-text:before,
  .laivly-icon.icon-chat-text:before {
    content: "\f25b"; }
  .l-icon.icon-chat:before,
  .laivly-icon.icon-chat:before {
    content: "\f25c"; }
  .l-icon.icon-chat-dots:before,
  .laivly-icon.icon-chat-dots:before {
    content: "\f260"; }
  .l-icon.icon-chat-outline:before,
  .laivly-icon.icon-chat-outline:before {
    content: "\f261"; }
  .l-icon.icon-chat-alt:before,
  .laivly-icon.icon-chat-alt:before {
    content: "\f265"; }
  .l-icon.icon-chat-alt-text:before,
  .laivly-icon.icon-chat-alt-text:before {
    content: "\f263"; }
  .l-icon.icon-chat-remove:before,
  .laivly-icon.icon-chat-remove:before {
    content: "\e936"; }
  .l-icon.icon-chats:before,
  .laivly-icon.icon-chats:before {
    content: "\f266"; }
  .l-icon.icon-table:before,
  .laivly-icon.icon-table:before {
    content: "\f22b"; }
  .l-icon.icon-copy:before,
  .laivly-icon.icon-copy:before {
    content: "\f237"; }
  .l-icon.icon-cut:before,
  .laivly-icon.icon-cut:before {
    content: "\f1bc"; }
  .l-icon.icon-crop:before,
  .laivly-icon.icon-crop:before {
    content: "\f238"; }
  .l-icon.icon-align-left:before,
  .laivly-icon.icon-align-left:before {
    content: "\f23b"; }
  .l-icon.icon-align-center:before,
  .laivly-icon.icon-align-center:before {
    content: "\f239"; }
  .l-icon.icon-align-right:before,
  .laivly-icon.icon-align-right:before {
    content: "\f23c"; }
  .l-icon.icon-justify:before,
  .laivly-icon.icon-justify:before {
    content: "\f23a"; }
  .l-icon.icon-justify-left:before,
  .laivly-icon.icon-justify-left:before {
    content: "\f24e"; }
  .l-icon.icon-clear-list:before,
  .laivly-icon.icon-clear-list:before {
    content: "\f23e"; }
  .l-icon.icon-bold:before,
  .laivly-icon.icon-bold:before {
    content: "\f23d"; }
  .l-icon.icon-italic:before,
  .laivly-icon.icon-italic:before {
    content: "\f245"; }
  .l-icon.icon-underline:before,
  .laivly-icon.icon-underline:before {
    content: "\f24f"; }
  .l-icon.icon-strikethrough:before,
  .laivly-icon.icon-strikethrough:before {
    content: "\f24c"; }
  .l-icon.icon-clear-styles:before,
  .laivly-icon.icon-clear-styles:before {
    content: "\f23f"; }
  .l-icon.icon-fill-color:before,
  .laivly-icon.icon-fill-color:before {
    content: "\f240"; }
  .l-icon.icon-line-color:before,
  .laivly-icon.icon-line-color:before {
    content: "\f22e"; }
  .l-icon.icon-text-color:before,
  .laivly-icon.icon-text-color:before {
    content: "\f242"; }
  .l-icon.icon-highlight-color:before,
  .laivly-icon.icon-highlight-color:before {
    content: "\f16a"; }
  .l-icon.icon-copy-styles:before,
  .laivly-icon.icon-copy-styles:before {
    content: "\f1ba"; }
  .l-icon.icon-indent-minus:before,
  .laivly-icon.icon-indent-minus:before {
    content: "\f243"; }
  .l-icon.icon-indent-plus:before,
  .laivly-icon.icon-indent-plus:before {
    content: "\f244"; }
  .l-icon.icon-line-height:before,
  .laivly-icon.icon-line-height:before {
    content: "\f246"; }
  .l-icon.icon-bulleted-list:before,
  .laivly-icon.icon-bulleted-list:before {
    content: "\f247"; }
  .l-icon.icon-numbered-list:before,
  .laivly-icon.icon-numbered-list:before {
    content: "\f248"; }
  .l-icon.icon-text-wrapping:before,
  .laivly-icon.icon-text-wrapping:before {
    content: "\f259"; }
  .l-icon.icon-paragraph-right:before,
  .laivly-icon.icon-paragraph-right:before {
    content: "\f249"; }
  .l-icon.icon-paragraph-left:before,
  .laivly-icon.icon-paragraph-left:before {
    content: "\f24a"; }
  .l-icon.icon-text-size:before,
  .laivly-icon.icon-text-size:before {
    content: "\f24b"; }
  .l-icon.icon-align-bottom:before,
  .laivly-icon.icon-align-bottom:before {
    content: "\f250"; }
  .l-icon.icon-align-middle:before,
  .laivly-icon.icon-align-middle:before {
    content: "\f251"; }
  .l-icon.icon-align-top:before,
  .laivly-icon.icon-align-top:before {
    content: "\f252"; }
  .l-icon.icon-space:before,
  .laivly-icon.icon-space:before {
    content: "\f255"; }
  .l-icon.icon-text-color1:before,
  .laivly-icon.icon-text-color1:before {
    content: "\f256"; }
  .l-icon.icon-switch:before,
  .laivly-icon.icon-switch:before {
    content: "\f257"; }
  .l-icon.icon-undo:before,
  .laivly-icon.icon-undo:before {
    content: "\f258"; }
  .l-icon.icon-redo:before,
  .laivly-icon.icon-redo:before {
    content: "\f253"; }
  .l-icon.icon-pin-alt:before,
  .laivly-icon.icon-pin-alt:before {
    content: "\e900"; }
  .l-icon.icon-unpin-alt:before,
  .laivly-icon.icon-unpin-alt:before {
    content: "\e901"; }
  .l-icon.icon-clear-all:before,
  .laivly-icon.icon-clear-all:before {
    content: "\f267"; }
  .l-icon.icon-check:before,
  .laivly-icon.icon-check:before {
    content: "\f26b"; }
  .l-icon.icon-check-circle:before,
  .laivly-icon.icon-check-circle:before {
    content: "\f269"; }
  .l-icon.icon-check-circle-outline:before,
  .laivly-icon.icon-check-circle-outline:before {
    content: "\e93f"; }
  .l-icon.icon-circle:before,
  .laivly-icon.icon-circle:before {
    content: "\f26d"; }
  .l-icon.icon-circle-outline:before,
  .laivly-icon.icon-circle-outline:before {
    content: "\f26c"; }
  .l-icon.icon-radio-on:before,
  .laivly-icon.icon-radio-on:before {
    content: "\f26f"; }
  .l-icon.icon-minus-circle-outline:before,
  .laivly-icon.icon-minus-circle-outline:before {
    content: "\f270"; }
  .l-icon.icon-minus-circle:before,
  .laivly-icon.icon-minus-circle:before {
    content: "\f271"; }
  .l-icon.icon-indeterminate-checkbox:before,
  .laivly-icon.icon-indeterminate-checkbox:before {
    content: "\f272"; }
  .l-icon.icon-checkbox:before,
  .laivly-icon.icon-checkbox:before {
    content: "\f26a"; }
  .l-icon.icon-empty-checkbox:before,
  .laivly-icon.icon-empty-checkbox:before {
    content: "\f279"; }
  .l-icon.icon-close:before,
  .laivly-icon.icon-close:before {
    content: "\f136"; }
  .l-icon.icon-close-circle-outline:before,
  .laivly-icon.icon-close-circle-outline:before {
    content: "\f134"; }
  .l-icon.icon-close-circle:before,
  .laivly-icon.icon-close-circle:before {
    content: "\f135"; }
  .l-icon.icon-no:before,
  .laivly-icon.icon-no:before {
    content: "\f119"; }
  .l-icon.icon-add-circle-outline:before,
  .laivly-icon.icon-add-circle-outline:before {
    content: "\f275"; }
  .l-icon.icon-add-circle:before,
  .laivly-icon.icon-add-circle:before {
    content: "\f276"; }
  .l-icon.icon-add-box:before,
  .laivly-icon.icon-add-box:before {
    content: "\f277"; }
  .l-icon.icon-add:before,
  .laivly-icon.icon-add:before {
    content: "\f278"; }
  .l-icon.icon-subtract:before,
  .laivly-icon.icon-subtract:before {
    content: "\f273"; }
  .l-icon.icon-star-0:before,
  .laivly-icon.icon-star-0:before {
    content: "\f27c"; }
  .l-icon.icon-star-1:before,
  .laivly-icon.icon-star-1:before {
    content: "\f27b"; }
  .l-icon.icon-star-2:before,
  .laivly-icon.icon-star-2:before {
    content: "\f27d"; }
  .l-icon.icon-star-alt:before,
  .laivly-icon.icon-star-alt:before {
    content: "\e932"; }
  .l-icon.icon-star-circle:before,
  .laivly-icon.icon-star-circle:before {
    content: "\f27a"; }
  .l-icon.icon-chart-pie:before,
  .laivly-icon.icon-chart-pie:before {
    content: "\f130"; }
  .l-icon.icon-chart-donut:before,
  .laivly-icon.icon-chart-donut:before {
    content: "\e992"; }
  .l-icon.icon-chart-trend-down:before,
  .laivly-icon.icon-chart-trend-down:before {
    content: "\e902"; }
  .l-icon.icon-chart-trend-up:before,
  .laivly-icon.icon-chart-trend-up:before {
    content: "\e903"; }
  .l-icon.icon-chart-bar-box:before,
  .laivly-icon.icon-chart-bar-box:before {
    content: "\f131"; }
  .l-icon.icon-chart-bar-box-outline:before,
  .laivly-icon.icon-chart-bar-box-outline:before {
    content: "\e9e4"; }
  .l-icon.icon-chart-line:before,
  .laivly-icon.icon-chart-line:before {
    content: "\f372"; }
  .l-icon.icon-code-settings:before,
  .laivly-icon.icon-code-settings:before {
    content: "\f138"; }
  .l-icon.icon-code:before,
  .laivly-icon.icon-code:before {
    content: "\f13a"; }
  .l-icon.icon-trash:before,
  .laivly-icon.icon-trash:before {
    content: "\f154"; }
  .l-icon.icon-edit-alt:before,
  .laivly-icon.icon-edit-alt:before {
    content: "\e937"; }
  .l-icon.icon-edit:before,
  .laivly-icon.icon-edit:before {
    content: "\f158"; }
  .l-icon.icon-hide:before,
  .laivly-icon.icon-hide:before {
    content: "\f15b"; }
  .l-icon.icon-show:before,
  .laivly-icon.icon-show:before {
    content: "\f15c"; }
  .l-icon.icon-heart-outline:before,
  .laivly-icon.icon-heart-outline:before {
    content: "\f15e"; }
  .l-icon.icon-heart:before,
  .laivly-icon.icon-heart:before {
    content: "\f15f"; }
  .l-icon.icon-filter-alt:before,
  .laivly-icon.icon-filter-alt:before {
    content: "\e9b0"; }
  .l-icon.icon-filter-circle:before,
  .laivly-icon.icon-filter-circle:before {
    content: "\e931"; }
  .l-icon.icon-filter:before,
  .laivly-icon.icon-filter:before {
    content: "\f160"; }
  .l-icon.icon-filter-ascending:before,
  .laivly-icon.icon-filter-ascending:before {
    content: "\f1cd"; }
  .l-icon.icon-filter-descending:before,
  .laivly-icon.icon-filter-descending:before {
    content: "\f1ce"; }
  .l-icon.icon-lit:before,
  .laivly-icon.icon-lit:before {
    content: "\f161"; }
  .l-icon.icon-flag:before,
  .laivly-icon.icon-flag:before {
    content: "\f162"; }
  .l-icon.icon-formula:before,
  .laivly-icon.icon-formula:before {
    content: "\f16e"; }
  .l-icon.icon-scribble:before,
  .laivly-icon.icon-scribble:before {
    content: "\f170"; }
  .l-icon.icon-language:before,
  .laivly-icon.icon-language:before {
    content: "\f171"; }
  .l-icon.icon-globe-lock:before,
  .laivly-icon.icon-globe-lock:before {
    content: "\f172"; }
  .l-icon.icon-globe:before,
  .laivly-icon.icon-globe:before {
    content: "\f173"; }
  .l-icon.icon-http:before,
  .laivly-icon.icon-http:before {
    content: "\f17c"; }
  .l-icon.icon-bookmark-outline:before,
  .laivly-icon.icon-bookmark-outline:before {
    content: "\f11d"; }
  .l-icon.icon-bookmark:before,
  .laivly-icon.icon-bookmark:before {
    content: "\f11e"; }
  .l-icon.icon-bookmarks:before,
  .laivly-icon.icon-bookmarks:before {
    content: "\e942"; }
  .l-icon.icon-label-important-outline:before,
  .laivly-icon.icon-label-important-outline:before {
    content: "\e9f5"; }
  .l-icon.icon-label-important:before,
  .laivly-icon.icon-label-important:before {
    content: "\e9f4"; }
  .l-icon.icon-tag-outline:before,
  .laivly-icon.icon-tag-outline:before {
    content: "\f184"; }
  .l-icon.icon-tag:before,
  .laivly-icon.icon-tag:before {
    content: "\f185"; }
  .l-icon.icon-tag-off:before,
  .laivly-icon.icon-tag-off:before {
    content: "\e9f6"; }
  .l-icon.icon-tag-alt:before,
  .laivly-icon.icon-tag-alt:before {
    content: "\f1db"; }
  .l-icon.icon-backspace:before,
  .laivly-icon.icon-backspace:before {
    content: "\f1d9"; }
  .l-icon.icon-backspace-dots:before,
  .laivly-icon.icon-backspace-dots:before {
    content: "\f1da"; }
  .l-icon.icon-unlock-outline:before,
  .laivly-icon.icon-unlock-outline:before {
    content: "\f18f"; }
  .l-icon.icon-lock-outline:before,
  .laivly-icon.icon-lock-outline:before {
    content: "\f190"; }
  .l-icon.icon-lock:before,
  .laivly-icon.icon-lock:before {
    content: "\f191"; }
  .l-icon.icon-unlock:before,
  .laivly-icon.icon-unlock:before {
    content: "\e904"; }
  .l-icon.icon-lock-off:before,
  .laivly-icon.icon-lock-off:before {
    content: "\ea1a"; }
  .l-icon.icon-key:before,
  .laivly-icon.icon-key:before {
    content: "\f183"; }
  .l-icon.icon-money:before,
  .laivly-icon.icon-money:before {
    content: "\f198"; }
  .l-icon.icon-dollar:before,
  .laivly-icon.icon-dollar:before {
    content: "\f19a"; }
  .l-icon.icon-dollar-off:before,
  .laivly-icon.icon-dollar-off:before {
    content: "\f199"; }
  .l-icon.icon-dollar-circle:before,
  .laivly-icon.icon-dollar-circle:before {
    content: "\ea11"; }
  .l-icon.icon-more-vert:before,
  .laivly-icon.icon-more-vert:before {
    content: "\f19b"; }
  .l-icon.icon-more-hori:before,
  .laivly-icon.icon-more-hori:before {
    content: "\f19c"; }
  .l-icon.icon-pending:before,
  .laivly-icon.icon-pending:before {
    content: "\e955"; }
  .l-icon.icon-menu:before,
  .laivly-icon.icon-menu:before {
    content: "\f197"; }
  .l-icon.icon-sort-az:before,
  .laivly-icon.icon-sort-az:before {
    content: "\f1cf"; }
  .l-icon.icon-sort-za:before,
  .laivly-icon.icon-sort-za:before {
    content: "\f1d0"; }
  .l-icon.icon-signature-solid1:before,
  .laivly-icon.icon-signature-solid1:before {
    content: "\e94b"; }
  .l-icon.icon-source-branch:before,
  .laivly-icon.icon-source-branch:before {
    content: "\e938"; }
  .l-icon.icon-file-chart:before,
  .laivly-icon.icon-file-chart:before {
    content: "\e905"; }
  .l-icon.icon-file-excel:before,
  .laivly-icon.icon-file-excel:before {
    content: "\e906"; }
  .l-icon.icon-file-pdf:before,
  .laivly-icon.icon-file-pdf:before {
    content: "\e907"; }
  .l-icon.icon-file-photo:before,
  .laivly-icon.icon-file-photo:before {
    content: "\e908"; }
  .l-icon.icon-file-word:before,
  .laivly-icon.icon-file-word:before {
    content: "\e909"; }
  .l-icon.icon-inventory:before,
  .laivly-icon.icon-inventory:before {
    content: "\e9e9"; }
  .l-icon.icon-download-box:before,
  .laivly-icon.icon-download-box:before {
    content: "\f105"; }
  .l-icon.icon-clipboard:before,
  .laivly-icon.icon-clipboard:before {
    content: "\f109"; }
  .l-icon.icon-clipboard-check:before,
  .laivly-icon.icon-clipboard-check:before {
    content: "\f108"; }
  .l-icon.icon-clipboard-notes:before,
  .laivly-icon.icon-clipboard-notes:before {
    content: "\f10c"; }
  .l-icon.icon-attachment:before,
  .laivly-icon.icon-attachment:before {
    content: "\f10d"; }
  .l-icon.icon-attachment-alt:before,
  .laivly-icon.icon-attachment-alt:before {
    content: "\f10e"; }
  .l-icon.icon-book:before,
  .laivly-icon.icon-book:before {
    content: "\f11c"; }
  .l-icon.icon-books:before,
  .laivly-icon.icon-books:before {
    content: "\f13c"; }
  .l-icon.icon-files:before,
  .laivly-icon.icon-files:before {
    content: "\e9ab"; }
  .l-icon.icon-images-outline:before,
  .laivly-icon.icon-images-outline:before {
    content: "\f13f"; }
  .l-icon.icon-images:before,
  .laivly-icon.icon-images:before {
    content: "\f140"; }
  .l-icon.icon-duplicate:before,
  .laivly-icon.icon-duplicate:before {
    content: "\f14b"; }
  .l-icon.icon-pdfs:before,
  .laivly-icon.icon-pdfs:before {
    content: "\f14d"; }
  .l-icon.icon-add-files:before,
  .laivly-icon.icon-add-files:before {
    content: "\f14e"; }
  .l-icon.icon-notes:before,
  .laivly-icon.icon-notes:before {
    content: "\f150"; }
  .l-icon.icon-videos:before,
  .laivly-icon.icon-videos:before {
    content: "\f151"; }
  .l-icon.icon-database:before,
  .laivly-icon.icon-database:before {
    content: "\f156"; }
  .l-icon.icon-databases:before,
  .laivly-icon.icon-databases:before {
    content: "\f1d2"; }
  .l-icon.icon-promo-tag:before,
  .laivly-icon.icon-promo-tag:before {
    content: "\f187"; }
  .l-icon.icon-read:before,
  .laivly-icon.icon-read:before {
    content: "\f18d"; }
  .l-icon.icon-search-in-file:before,
  .laivly-icon.icon-search-in-file:before {
    content: "\f1c0"; }
  .l-icon.icon-search-box:before,
  .laivly-icon.icon-search-box:before {
    content: "\f1c1"; }
  .l-icon.icon-search-refresh:before,
  .laivly-icon.icon-search-refresh:before {
    content: "\f1c2"; }
  .l-icon.icon-search:before,
  .laivly-icon.icon-search:before {
    content: "\f1c3"; }
  .l-icon.icon-zoom-in:before,
  .laivly-icon.icon-zoom-in:before {
    content: "\f1ee"; }
  .l-icon.icon-zoom-out:before,
  .laivly-icon.icon-zoom-out:before {
    content: "\f1ef"; }
  .l-icon.icon-cloud:before,
  .laivly-icon.icon-cloud:before {
    content: "\f21f"; }
  .l-icon.icon-cloud-outline:before,
  .laivly-icon.icon-cloud-outline:before {
    content: "\f21d"; }
  .l-icon.icon-cloud-off:before,
  .laivly-icon.icon-cloud-off:before {
    content: "\f21b"; }
  .l-icon.icon-cloud-alt-outline:before,
  .laivly-icon.icon-cloud-alt-outline:before {
    content: "\f21c"; }
  .l-icon.icon-cloud-check:before,
  .laivly-icon.icon-cloud-check:before {
    content: "\f219"; }
  .l-icon.icon-cloud-download:before,
  .laivly-icon.icon-cloud-download:before {
    content: "\f21a"; }
  .l-icon.icon-cloud-upload:before,
  .laivly-icon.icon-cloud-upload:before {
    content: "\f21e"; }
  .l-icon.icon-cloud-circle:before,
  .laivly-icon.icon-cloud-circle:before {
    content: "\f218"; }
  .l-icon.icon-file-outline:before,
  .laivly-icon.icon-file-outline:before {
    content: "\e94d"; }
  .l-icon.icon-check-file:before,
  .laivly-icon.icon-check-file:before {
    content: "\e94e"; }
  .l-icon.icon-file:before,
  .laivly-icon.icon-file:before {
    content: "\f223"; }
  .l-icon.icon-text-file:before,
  .laivly-icon.icon-text-file:before {
    content: "\f222"; }
  .l-icon.icon-add-file:before,
  .laivly-icon.icon-add-file:before {
    content: "\f221"; }
  .l-icon.icon-note:before,
  .laivly-icon.icon-note:before {
    content: "\ea1c"; }
  .l-icon.icon-folder-outline:before,
  .laivly-icon.icon-folder-outline:before {
    content: "\f224"; }
  .l-icon.icon-folder-move:before,
  .laivly-icon.icon-folder-move:before {
    content: "\e997"; }
  .l-icon.icon-folder:before,
  .laivly-icon.icon-folder:before {
    content: "\f228"; }
  .l-icon.icon-folder-new:before,
  .laivly-icon.icon-folder-new:before {
    content: "\e979"; }
  .l-icon.icon-roomservice:before,
  .laivly-icon.icon-roomservice:before {
    content: "\ea3f"; }
  .l-icon.icon-gavel:before,
  .laivly-icon.icon-gavel:before {
    content: "\e9cd"; }
  .l-icon.icon-restaurant:before,
  .laivly-icon.icon-restaurant:before {
    content: "\ea3e"; }
  .l-icon.icon-dine-in:before,
  .laivly-icon.icon-dine-in:before {
    content: "\f153"; }
  .l-icon.icon-school:before,
  .laivly-icon.icon-school:before {
    content: "\f174"; }
  .l-icon.icon-shopping:before,
  .laivly-icon.icon-shopping:before {
    content: "\f195"; }
  .l-icon.icon-apartment:before,
  .laivly-icon.icon-apartment:before {
    content: "\e922"; }
  .l-icon.icon-city:before,
  .laivly-icon.icon-city:before {
    content: "\f132"; }
  .l-icon.icon-tower:before,
  .laivly-icon.icon-tower:before {
    content: "\f133"; }
  .l-icon.icon-gas-station:before,
  .laivly-icon.icon-gas-station:before {
    content: "\f16f"; }
  .l-icon.icon-home:before,
  .laivly-icon.icon-home:before {
    content: "\f175"; }
  .l-icon.icon-hospital:before,
  .laivly-icon.icon-hospital:before {
    content: "\f177"; }
  .l-icon.icon-parking:before,
  .laivly-icon.icon-parking:before {
    content: "\f1a5"; }
  .l-icon.icon-shopping-bag:before,
  .laivly-icon.icon-shopping-bag:before {
    content: "\f1c9"; }
  .l-icon.icon-247-store:before,
  .laivly-icon.icon-247-store:before {
    content: "\f1d3"; }
  .l-icon.icon-store:before,
  .laivly-icon.icon-store:before {
    content: "\f1d4"; }
  .l-icon.icon-pizza:before,
  .laivly-icon.icon-pizza:before {
    content: "\f1ac"; }
  .l-icon.icon-traffic-light:before,
  .laivly-icon.icon-traffic-light:before {
    content: "\f1e2"; }
  .l-icon.icon-map:before,
  .laivly-icon.icon-map:before {
    content: "\f196"; }
  .l-icon.icon-directions:before,
  .laivly-icon.icon-directions:before {
    content: "\f1e7"; }
  .l-icon.icon-navigate:before,
  .laivly-icon.icon-navigate:before {
    content: "\f1a1"; }
  .l-icon.icon-navigate-circle:before,
  .laivly-icon.icon-navigate-circle:before {
    content: "\e935"; }
  .l-icon.icon-unpin:before,
  .laivly-icon.icon-unpin:before {
    content: "\f1aa"; }
  .l-icon.icon-pin:before,
  .laivly-icon.icon-pin:before {
    content: "\f1ab"; }
  .l-icon.icon-location:before,
  .laivly-icon.icon-location:before {
    content: "\f299"; }
  .l-icon.icon-location-off:before,
  .laivly-icon.icon-location-off:before {
    content: "\f29a"; }
  .l-icon.icon-locating:before,
  .laivly-icon.icon-locating:before {
    content: "\f29b"; }
  .l-icon.icon-airplane-off:before,
  .laivly-icon.icon-airplane-off:before {
    content: "\f102"; }
  .l-icon.icon-airplane-on:before,
  .laivly-icon.icon-airplane-on:before {
    content: "\f103"; }
  .l-icon.icon-ferry:before,
  .laivly-icon.icon-ferry:before {
    content: "\f11a"; }
  .l-icon.icon-train:before,
  .laivly-icon.icon-train:before {
    content: "\f1d5"; }
  .l-icon.icon-bus:before,
  .laivly-icon.icon-bus:before {
    content: "\f121"; }
  .l-icon.icon-tram:before,
  .laivly-icon.icon-tram:before {
    content: "\f1b3"; }
  .l-icon.icon-taxi:before,
  .laivly-icon.icon-taxi:before {
    content: "\f123"; }
  .l-icon.icon-carwash:before,
  .laivly-icon.icon-carwash:before {
    content: "\f124"; }
  .l-icon.icon-car:before,
  .laivly-icon.icon-car:before {
    content: "\f125"; }
  .l-icon.icon-commute:before,
  .laivly-icon.icon-commute:before {
    content: "\e96f"; }
  .l-icon.icon-shuttle:before,
  .laivly-icon.icon-shuttle:before {
    content: "\e91d"; }
  .l-icon.icon-truck:before,
  .laivly-icon.icon-truck:before {
    content: "\f1e6"; }
  .l-icon.icon-screen-share:before,
  .laivly-icon.icon-screen-share:before {
    content: "\e945"; }
  .l-icon.icon-stop-screen-share:before,
  .laivly-icon.icon-stop-screen-share:before {
    content: "\e946"; }
  .l-icon.icon-printer:before,
  .laivly-icon.icon-printer:before {
    content: "\f1b0"; }
  .l-icon.icon-headset-mic:before,
  .laivly-icon.icon-headset-mic:before {
    content: "\f29c"; }
  .l-icon.icon-headset:before,
  .laivly-icon.icon-headset:before {
    content: "\f29d"; }
  .l-icon.icon-laptop:before,
  .laivly-icon.icon-laptop:before {
    content: "\f2a5"; }
  .l-icon.icon-devices:before,
  .laivly-icon.icon-devices:before {
    content: "\f295"; }
  .l-icon.icon-devices-off:before,
  .laivly-icon.icon-devices-off:before {
    content: "\f294"; }
  .l-icon.icon-end-call:before,
  .laivly-icon.icon-end-call:before {
    content: "\f2b4"; }
  .l-icon.icon-phone-call:before,
  .laivly-icon.icon-phone-call:before {
    content: "\f2be"; }
  .l-icon.icon-radar:before,
  .laivly-icon.icon-radar:before {
    content: "\f2bf"; }
  .l-icon.icon-no-radar:before,
  .laivly-icon.icon-no-radar:before {
    content: "\f2c0"; }
  .l-icon.icon-radar-alt:before,
  .laivly-icon.icon-radar-alt:before {
    content: "\f2c1"; }
  .l-icon.icon-phone:before,
  .laivly-icon.icon-phone:before {
    content: "\f2cc"; }
  .l-icon.icon-no-video:before,
  .laivly-icon.icon-no-video:before {
    content: "\f2de"; }
  .l-icon.icon-video:before,
  .laivly-icon.icon-video:before {
    content: "\f2e0"; }
  .l-icon.icon-all-out:before,
  .laivly-icon.icon-all-out:before {
    content: "\e956"; }
  .l-icon.icon-center-focus:before,
  .laivly-icon.icon-center-focus:before {
    content: "\e957"; }
  .l-icon.icon-thumb-down-alt:before,
  .laivly-icon.icon-thumb-down-alt:before {
    content: "\e90a"; }
  .l-icon.icon-thumb-up-alt:before,
  .laivly-icon.icon-thumb-up-alt:before {
    content: "\e90b"; }
  .l-icon.icon-thumb-down:before,
  .laivly-icon.icon-thumb-down:before {
    content: "\ea62"; }
  .l-icon.icon-thumb-down-outline:before,
  .laivly-icon.icon-thumb-down-outline:before {
    content: "\ea63"; }
  .l-icon.icon-thumb-up:before,
  .laivly-icon.icon-thumb-up:before {
    content: "\ea64"; }
  .l-icon.icon-thumb-up-outline:before,
  .laivly-icon.icon-thumb-up-outline:before {
    content: "\ea65"; }
  .l-icon.icon-thumbs:before,
  .laivly-icon.icon-thumbs:before {
    content: "\ea66"; }
  .l-icon.icon-minimize-window:before,
  .laivly-icon.icon-minimize-window:before {
    content: "\f1eb"; }
  .l-icon.icon-maximize-window:before,
  .laivly-icon.icon-maximize-window:before {
    content: "\f1ea"; }
  .l-icon.icon-cascade-windows:before,
  .laivly-icon.icon-cascade-windows:before {
    content: "\f1ec"; }
  .l-icon.icon-windows:before,
  .laivly-icon.icon-windows:before {
    content: "\e998"; }
  .l-icon.icon-number-1:before,
  .laivly-icon.icon-number-1:before {
    content: "\f3bd"; }
  .l-icon.icon-number-2:before,
  .laivly-icon.icon-number-2:before {
    content: "\f3be"; }
  .l-icon.icon-number-3:before,
  .laivly-icon.icon-number-3:before {
    content: "\f3bf"; }
  .l-icon.icon-number-4:before,
  .laivly-icon.icon-number-4:before {
    content: "\f3c0"; }
  .l-icon.icon-number-5:before,
  .laivly-icon.icon-number-5:before {
    content: "\f3c1"; }
  .l-icon.icon-number-6:before,
  .laivly-icon.icon-number-6:before {
    content: "\f3c2"; }
  .l-icon.icon-power:before,
  .laivly-icon.icon-power:before {
    content: "\f1af"; }
  .l-icon.icon-triangle-down:before,
  .laivly-icon.icon-triangle-down:before {
    content: "\f1e4"; }
  .l-icon.icon-triangle-up:before,
  .laivly-icon.icon-triangle-up:before {
    content: "\f1e5"; }
  .l-icon.icon-flip:before,
  .laivly-icon.icon-flip:before {
    content: "\f167"; }
  .l-icon.icon-mic-off:before,
  .laivly-icon.icon-mic-off:before {
    content: "\f2a8"; }
  .l-icon.icon-mic-outline:before,
  .laivly-icon.icon-mic-outline:before {
    content: "\f2a9"; }
  .l-icon.icon-mic:before,
  .laivly-icon.icon-mic:before {
    content: "\f2ab"; }
  .l-icon.icon-mountains:before,
  .laivly-icon.icon-mountains:before {
    content: "\f18a"; }
  .l-icon.icon-flash-off:before,
  .laivly-icon.icon-flash-off:before {
    content: "\f165"; }
  .l-icon.icon-flash:before,
  .laivly-icon.icon-flash:before {
    content: "\f166"; }
  .l-icon.icon-bolt:before,
  .laivly-icon.icon-bolt:before {
    content: "\e93e"; }
  .l-icon.icon-bolt-circle:before,
  .laivly-icon.icon-bolt-circle:before {
    content: "\ea23"; }
  .l-icon.icon-present:before,
  .laivly-icon.icon-present:before {
    content: "\ea2d"; }
  .l-icon.icon-play-box:before,
  .laivly-icon.icon-play-box:before {
    content: "\f397"; }
  .l-icon.icon-enlarge:before,
  .laivly-icon.icon-enlarge:before {
    content: "\f364"; }
  .l-icon.icon-fullscreen-off:before,
  .laivly-icon.icon-fullscreen-off:before {
    content: "\f16c"; }
  .l-icon.icon-fullscreen:before,
  .laivly-icon.icon-fullscreen:before {
    content: "\f16d"; }
  .l-icon.icon-fullscreen-alt:before,
  .laivly-icon.icon-fullscreen-alt:before {
    content: "\e90c"; }
  .l-icon.icon-photo-landscape:before,
  .laivly-icon.icon-photo-landscape:before {
    content: "\f17d"; }
  .l-icon.icon-photo:before,
  .laivly-icon.icon-photo:before {
    content: "\f17f"; }
  .l-icon.icon-photo-outline:before,
  .laivly-icon.icon-photo-outline:before {
    content: "\f17e"; }
  .l-icon.icon-palette:before,
  .laivly-icon.icon-palette:before {
    content: "\f188"; }
  .l-icon.icon-lights-on:before,
  .laivly-icon.icon-lights-on:before {
    content: "\f189"; }
  .l-icon.icon-layers-off:before,
  .laivly-icon.icon-layers-off:before {
    content: "\f18b"; }
  .l-icon.icon-layers:before,
  .laivly-icon.icon-layers:before {
    content: "\f18c"; }
  .l-icon.icon-movie:before,
  .laivly-icon.icon-movie:before {
    content: "\f19e"; }
  .l-icon.icon-camera-shutter:before,
  .laivly-icon.icon-camera-shutter:before {
    content: "\f284"; }
  .l-icon.icon-camera:before,
  .laivly-icon.icon-camera:before {
    content: "\f28c"; }
  .l-icon.icon-add-photo:before,
  .laivly-icon.icon-add-photo:before {
    content: "\e917"; }
  .l-icon.icon-invert:before,
  .laivly-icon.icon-invert:before {
    content: "\f375"; }
  .l-icon.icon-audio:before,
  .laivly-icon.icon-audio:before {
    content: "\f387"; }
  .l-icon.icon-indent-up:before,
  .laivly-icon.icon-indent-up:before {
    content: "\f39c"; }
  .l-icon.icon-eject:before,
  .laivly-icon.icon-eject:before {
    content: "\f39d"; }
  .l-icon.icon-eq:before,
  .laivly-icon.icon-eq:before {
    content: "\f39e"; }
  .l-icon.icon-jump-first:before,
  .laivly-icon.icon-jump-first:before {
    content: "\f3b5"; }
  .l-icon.icon-rewind:before,
  .laivly-icon.icon-rewind:before {
    content: "\f3a0"; }
  .l-icon.icon-fast-forward:before,
  .laivly-icon.icon-fast-forward:before {
    content: "\f39f"; }
  .l-icon.icon-jump-end:before,
  .laivly-icon.icon-jump-end:before {
    content: "\f3b4"; }
  .l-icon.icon-pause-circle-outline:before,
  .laivly-icon.icon-pause-circle-outline:before {
    content: "\f3a5"; }
  .l-icon.icon-pause-circle:before,
  .laivly-icon.icon-pause-circle:before {
    content: "\f3a6"; }
  .l-icon.icon-pause:before,
  .laivly-icon.icon-pause:before {
    content: "\f3a7"; }
  .l-icon.icon-play-circle-outline:before,
  .laivly-icon.icon-play-circle-outline:before {
    content: "\f3a8"; }
  .l-icon.icon-play-circle:before,
  .laivly-icon.icon-play-circle:before {
    content: "\f3a9"; }
  .l-icon.icon-play:before,
  .laivly-icon.icon-play:before {
    content: "\f3aa"; }
  .l-icon.icon-stop:before,
  .laivly-icon.icon-stop:before {
    content: "\f3b6"; }
  .l-icon.icon-list-add:before,
  .laivly-icon.icon-list-add:before {
    content: "\f3ac"; }
  .l-icon.icon-list-check:before,
  .laivly-icon.icon-list-check:before {
    content: "\ea2c"; }
  .l-icon.icon-repeat-1:before,
  .laivly-icon.icon-repeat-1:before {
    content: "\f3ad"; }
  .l-icon.icon-repeat:before,
  .laivly-icon.icon-repeat:before {
    content: "\f3ae"; }
  .l-icon.icon-repeat-on:before,
  .laivly-icon.icon-repeat-on:before {
    content: "\ea38"; }
  .l-icon.icon-shuffle:before,
  .laivly-icon.icon-shuffle:before {
    content: "\f3b3"; }
  .l-icon.icon-shuffle-on:before,
  .laivly-icon.icon-shuffle-on:before {
    content: "\ea4a"; }
  .l-icon.icon-volume-down:before,
  .laivly-icon.icon-volume-down:before {
    content: "\f3b9"; }
  .l-icon.icon-volume-mute:before,
  .laivly-icon.icon-volume-mute:before {
    content: "\f3ba"; }
  .l-icon.icon-volume-off:before,
  .laivly-icon.icon-volume-off:before {
    content: "\f3bb"; }
  .l-icon.icon-volume-up:before,
  .laivly-icon.icon-volume-up:before {
    content: "\f3bc"; }
  .l-icon.icon-featured-video:before,
  .laivly-icon.icon-featured-video:before {
    content: "\e958"; }
  .l-icon.icon-video-label:before,
  .laivly-icon.icon-video-label:before {
    content: "\ea7b"; }
  .l-icon.icon-subtitles:before,
  .laivly-icon.icon-subtitles:before {
    content: "\ea56"; }
  .l-icon.icon-next-plan:before,
  .laivly-icon.icon-next-plan:before {
    content: "\e95b"; }
  .l-icon.icon-prev-plan:before,
  .laivly-icon.icon-prev-plan:before {
    content: "\e95c"; }
  .l-icon.icon-arrow-down-circle:before,
  .laivly-icon.icon-arrow-down-circle:before {
    content: "\e90d"; }
  .l-icon.icon-arrow-left-circle:before,
  .laivly-icon.icon-arrow-left-circle:before {
    content: "\e90e"; }
  .l-icon.icon-arrow-right-circle:before,
  .laivly-icon.icon-arrow-right-circle:before {
    content: "\e90f"; }
  .l-icon.icon-arrow-up-circle:before,
  .laivly-icon.icon-arrow-up-circle:before {
    content: "\e910"; }
  .l-icon.icon-filled-arrow-down-circle:before,
  .laivly-icon.icon-filled-arrow-down-circle:before {
    content: "\e911"; }
  .l-icon.icon-filled-arrow-left-circle:before,
  .laivly-icon.icon-filled-arrow-left-circle:before {
    content: "\e912"; }
  .l-icon.icon-filled-arrow-right-circle:before,
  .laivly-icon.icon-filled-arrow-right-circle:before {
    content: "\e913"; }
  .l-icon.icon-filled-arrow-up-circle:before,
  .laivly-icon.icon-filled-arrow-up-circle:before {
    content: "\e914"; }
  .l-icon.icon-filled-arrow-down-circle-outline:before,
  .laivly-icon.icon-filled-arrow-down-circle-outline:before {
    content: "\e916"; }
  .l-icon.icon-filled-arrow-left-circle-outline:before,
  .laivly-icon.icon-filled-arrow-left-circle-outline:before {
    content: "\e918"; }
  .l-icon.icon-filled-arrow-right-circle-outline:before,
  .laivly-icon.icon-filled-arrow-right-circle-outline:before {
    content: "\e919"; }
  .l-icon.icon-filled-arrow-up-circle-outline:before,
  .laivly-icon.icon-filled-arrow-up-circle-outline:before {
    content: "\e91a"; }
  .l-icon.icon-ios-export:before,
  .laivly-icon.icon-ios-export:before {
    content: "\e91b"; }
  .l-icon.icon-undo-alt:before,
  .laivly-icon.icon-undo-alt:before {
    content: "\e91c"; }
  .l-icon.icon-doublearrow:before,
  .laivly-icon.icon-doublearrow:before {
    content: "\e993"; }
  .l-icon.icon-replay:before,
  .laivly-icon.icon-replay:before {
    content: "\ea39"; }
  .l-icon.icon-replay-circle:before,
  .laivly-icon.icon-replay-circle:before {
    content: "\ea3a"; }
  .l-icon.icon-zoom-out-map:before,
  .laivly-icon.icon-zoom-out-map:before {
    content: "\ea93"; }
  .l-icon.icon-reply-all:before,
  .laivly-icon.icon-reply-all:before {
    content: "\f192"; }
  .l-icon.icon-reply:before,
  .laivly-icon.icon-reply:before {
    content: "\f193"; }
  .l-icon.icon-to-window:before,
  .laivly-icon.icon-to-window:before {
    content: "\f1a2"; }
  .l-icon.icon-open-in:before,
  .laivly-icon.icon-open-in:before {
    content: "\f1a3"; }
  .l-icon.icon-login:before,
  .laivly-icon.icon-login:before {
    content: "\f1cc"; }
  .l-icon.icon-login-alt:before,
  .laivly-icon.icon-login-alt:before {
    content: "\f309"; }
  .l-icon.icon-logout:before,
  .laivly-icon.icon-logout:before {
    content: "\e91e"; }
  .l-icon.icon-logout-alt:before,
  .laivly-icon.icon-logout-alt:before {
    content: "\ea0a"; }
  .l-icon.icon-in-window:before,
  .laivly-icon.icon-in-window:before {
    content: "\f308"; }
  .l-icon.icon-sync-alert:before,
  .laivly-icon.icon-sync-alert:before {
    content: "\f1b6"; }
  .l-icon.icon-sync-off:before,
  .laivly-icon.icon-sync-off:before {
    content: "\f1b7"; }
  .l-icon.icon-sync-alt:before,
  .laivly-icon.icon-sync-alt:before {
    content: "\f1b5"; }
  .l-icon.icon-sync:before,
  .laivly-icon.icon-sync:before {
    content: "\f1b9"; }
  .l-icon.icon-download:before,
  .laivly-icon.icon-download:before {
    content: "\f220"; }
  .l-icon.icon-upload:before,
  .laivly-icon.icon-upload:before {
    content: "\f22a"; }
  .l-icon.icon-arrow-left-down:before,
  .laivly-icon.icon-arrow-left-down:before {
    content: "\f2e9"; }
  .l-icon.icon-subdirectory:before,
  .laivly-icon.icon-subdirectory:before {
    content: "\ea55"; }
  .l-icon.icon-arrow-left:before,
  .laivly-icon.icon-arrow-left:before {
    content: "\f2ea"; }
  .l-icon.icon-arrow-long-left:before,
  .laivly-icon.icon-arrow-long-left:before {
    content: "\f2ff"; }
  .l-icon.icon-return:before,
  .laivly-icon.icon-return:before {
    content: "\f300"; }
  .l-icon.icon-merge:before,
  .laivly-icon.icon-merge:before {
    content: "\f2eb"; }
  .l-icon.icon-call-missed:before,
  .laivly-icon.icon-call-missed:before {
    content: "\f2ec"; }
  .l-icon.icon-arrow-right-up:before,
  .laivly-icon.icon-arrow-right-up:before {
    content: "\f2ed"; }
  .l-icon.icon-arrow-right:before,
  .laivly-icon.icon-arrow-right:before {
    content: "\f2ee"; }
  .l-icon.icon-arrow-long-right:before,
  .laivly-icon.icon-arrow-long-right:before {
    content: "\f301"; }
  .l-icon.icon-tab-right:before,
  .laivly-icon.icon-tab-right:before {
    content: "\f302"; }
  .l-icon.icon-arrow-longer-right:before,
  .laivly-icon.icon-arrow-longer-right:before {
    content: "\f30f"; }
  .l-icon.icon-arrow-long-down:before,
  .laivly-icon.icon-arrow-long-down:before {
    content: "\f2fe"; }
  .l-icon.icon-arrow-down:before,
  .laivly-icon.icon-arrow-down:before {
    content: "\e927"; }
  .l-icon.icon-split:before,
  .laivly-icon.icon-split:before {
    content: "\f2ef"; }
  .l-icon.icon-arrow-up:before,
  .laivly-icon.icon-arrow-up:before {
    content: "\e92f"; }
  .l-icon.icon-arrow-long-up:before,
  .laivly-icon.icon-arrow-long-up:before {
    content: "\f303"; }
  .l-icon.icon-arrow-all:before,
  .laivly-icon.icon-arrow-all:before {
    content: "\f2f0"; }
  .l-icon.icon-caret-down-circle:before,
  .laivly-icon.icon-caret-down-circle:before {
    content: "\f2f1"; }
  .l-icon.icon-caret-down:before,
  .laivly-icon.icon-caret-down:before {
    content: "\f2f2"; }
  .l-icon.icon-caret-left-circle:before,
  .laivly-icon.icon-caret-left-circle:before {
    content: "\f2f3"; }
  .l-icon.icon-caret-left:before,
  .laivly-icon.icon-caret-left:before {
    content: "\f2f4"; }
  .l-icon.icon-caret-right-circle:before,
  .laivly-icon.icon-caret-right-circle:before {
    content: "\f2f5"; }
  .l-icon.icon-caret-right:before,
  .laivly-icon.icon-caret-right:before {
    content: "\f2f6"; }
  .l-icon.icon-caret-up-circle:before,
  .laivly-icon.icon-caret-up-circle:before {
    content: "\f2f7"; }
  .l-icon.icon-caret-up:before,
  .laivly-icon.icon-caret-up:before {
    content: "\f2f8"; }
  .l-icon.icon-ios-back:before,
  .laivly-icon.icon-ios-back:before {
    content: "\e926"; }
  .l-icon.icon-ios-forward:before,
  .laivly-icon.icon-ios-forward:before {
    content: "\e92c"; }
  .l-icon.icon-chevron-down:before,
  .laivly-icon.icon-chevron-down:before {
    content: "\f2f9"; }
  .l-icon.icon-chevron-left:before,
  .laivly-icon.icon-chevron-left:before {
    content: "\f2fa"; }
  .l-icon.icon-chevron-right:before,
  .laivly-icon.icon-chevron-right:before {
    content: "\f2fb"; }
  .l-icon.icon-chevron-right-circle:before,
  .laivly-icon.icon-chevron-right-circle:before {
    content: "\e966"; }
  .l-icon.icon-chevron-up:before,
  .laivly-icon.icon-chevron-up:before {
    content: "\f2fc"; }
  .l-icon.icon-arrow-backward:before,
  .laivly-icon.icon-arrow-backward:before {
    content: "\e923"; }
  .l-icon.icon-arrow-forward:before,
  .laivly-icon.icon-arrow-forward:before {
    content: "\f2fd"; }
  .l-icon.icon-rotate-left:before,
  .laivly-icon.icon-rotate-left:before {
    content: "\f306"; }
  .l-icon.icon-rotate-right:before,
  .laivly-icon.icon-rotate-right:before {
    content: "\f307"; }
  .l-icon.icon-swap-vert-alt:before,
  .laivly-icon.icon-swap-vert-alt:before {
    content: "\f30a"; }
  .l-icon.icon-swap-vert:before,
  .laivly-icon.icon-swap-vert:before {
    content: "\f30c"; }
  .l-icon.icon-swap-circle:before,
  .laivly-icon.icon-swap-circle:before {
    content: "\f30b"; }
  .l-icon.icon-swap-hori-alt:before,
  .laivly-icon.icon-swap-hori-alt:before {
    content: "\e971"; }
  .l-icon.icon-swap-hori:before,
  .laivly-icon.icon-swap-hori:before {
    content: "\f30d"; }
  .l-icon.icon-swap-hori-circle:before,
  .laivly-icon.icon-swap-hori-circle:before {
    content: "\ea5b"; }
  .l-icon.icon-switch-alt:before,
  .laivly-icon.icon-switch-alt:before {
    content: "\ea5e"; }
  .l-icon.icon-trend-down:before,
  .laivly-icon.icon-trend-down:before {
    content: "\f30e"; }
  .l-icon.icon-trend-up:before,
  .laivly-icon.icon-trend-up:before {
    content: "\f310"; }
  .l-icon.icon-timeline:before,
  .laivly-icon.icon-timeline:before {
    content: "\ea68"; }
  .l-icon.icon-height:before,
  .laivly-icon.icon-height:before {
    content: "\e9d4"; }
  .l-icon.icon-collapse:before,
  .laivly-icon.icon-collapse:before {
    content: "\f311"; }
  .l-icon.icon-expand:before,
  .laivly-icon.icon-expand:before {
    content: "\f312"; }
  .l-icon.icon-deleted-user:before,
  .laivly-icon.icon-deleted-user:before {
    content: "\e96c"; }
  .l-icon.icon-person-search:before,
  .laivly-icon.icon-person-search:before {
    content: "\e95d"; }
  .l-icon.icon-hands-up:before,
  .laivly-icon.icon-hands-up:before {
    content: "\e950"; }
  .l-icon.icon-high-five-outline:before,
  .laivly-icon.icon-high-five-outline:before {
    content: "\e947"; }
  .l-icon.icon-high-five:before,
  .laivly-icon.icon-high-five:before {
    content: "\e948"; }
  .l-icon.icon-accessibility:before,
  .laivly-icon.icon-accessibility:before {
    content: "\e939"; }
  .l-icon.icon-user-box-outline:before,
  .laivly-icon.icon-user-box-outline:before {
    content: "\f201"; }
  .l-icon.icon-user-box:before,
  .laivly-icon.icon-user-box:before {
    content: "\f203"; }
  .l-icon.icon-user-calendar:before,
  .laivly-icon.icon-user-calendar:before {
    content: "\f204"; }
  .l-icon.icon-user-file:before,
  .laivly-icon.icon-user-file:before {
    content: "\f106"; }
  .l-icon.icon-users:before,
  .laivly-icon.icon-users:before {
    content: "\f20a"; }
  .l-icon.icon-user-circle:before,
  .laivly-icon.icon-user-circle:before {
    content: "\f205"; }
  .l-icon.icon-user-outline:before,
  .laivly-icon.icon-user-outline:before {
    content: "\f206"; }
  .l-icon.icon-user:before,
  .laivly-icon.icon-user:before {
    content: "\f207"; }
  .l-icon.icon-user-add:before,
  .laivly-icon.icon-user-add:before {
    content: "\f1ff"; }
  .l-icon.icon-users-add:before,
  .laivly-icon.icon-users-add:before {
    content: "\f208"; }
  .l-icon.icon-group:before,
  .laivly-icon.icon-group:before {
    content: "\f20d"; }
  .l-icon.icon-group-outline:before,
  .laivly-icon.icon-group-outline:before {
    content: "\f20c"; }
  .l-icon.icon-group-alt-circle:before,
  .laivly-icon.icon-group-alt-circle:before {
    content: "\ea57"; }
  .l-icon.icon-female:before,
  .laivly-icon.icon-female:before {
    content: "\f20f"; }
  .l-icon.icon-male:before,
  .laivly-icon.icon-male:before {
    content: "\f210"; }
  .l-icon.icon-restroom:before,
  .laivly-icon.icon-restroom:before {
    content: "\f211"; }
  .l-icon.icon-accessibility-alt:before,
  .laivly-icon.icon-accessibility-alt:before {
    content: "\f212"; }
  .l-icon.icon-sad:before,
  .laivly-icon.icon-sad:before {
    content: "\f213"; }
  .l-icon.icon-smile:before,
  .laivly-icon.icon-smile:before {
    content: "\e93a"; }
  .l-icon.icon-happy:before,
  .laivly-icon.icon-happy:before {
    content: "\f214"; }
  .l-icon.icon-emoji:before,
  .laivly-icon.icon-emoji:before {
    content: "\e99a"; }
  .l-icon.icon-add-reaction:before,
  .laivly-icon.icon-add-reaction:before {
    content: "\e93b"; }
  .l-icon.icon-hourglass-empty:before,
  .laivly-icon.icon-hourglass-empty:before {
    content: "\e9da"; }
  .l-icon.icon-hourglass-half:before,
  .laivly-icon.icon-hourglass-half:before {
    content: "\f179"; }
  .l-icon.icon-hourglass-full:before,
  .laivly-icon.icon-hourglass-full:before {
    content: "\e9db"; }
  .l-icon.icon-slowmo:before,
  .laivly-icon.icon-slowmo:before {
    content: "\ea4b"; }
  .l-icon.icon-alarm:before,
  .laivly-icon.icon-alarm:before {
    content: "\f32d"; }
  .l-icon.icon-alarm-check:before,
  .laivly-icon.icon-alarm-check:before {
    content: "\f329"; }
  .l-icon.icon-alarm-off:before,
  .laivly-icon.icon-alarm-off:before {
    content: "\f32a"; }
  .l-icon.icon-alarm-add:before,
  .laivly-icon.icon-alarm-add:before {
    content: "\f32b"; }
  .l-icon.icon-timer:before,
  .laivly-icon.icon-timer:before {
    content: "\f339"; }
  .l-icon.icon-timer-off:before,
  .laivly-icon.icon-timer-off:before {
    content: "\f338"; }
  .l-icon.icon-calendar-today:before,
  .laivly-icon.icon-calendar-today:before {
    content: "\e94f"; }
  .l-icon.icon-calendar:before,
  .laivly-icon.icon-calendar:before {
    content: "\f32e"; }
  .l-icon.icon-date-range:before,
  .laivly-icon.icon-date-range:before {
    content: "\e980"; }
  .l-icon.icon-calendar-check:before,
  .laivly-icon.icon-calendar-check:before {
    content: "\f32f"; }
  .l-icon.icon-calendar-delete:before,
  .laivly-icon.icon-calendar-delete:before {
    content: "\f330"; }
  .l-icon.icon-calendar-note:before,
  .laivly-icon.icon-calendar-note:before {
    content: "\f331"; }
  .l-icon.icon-interval:before,
  .laivly-icon.icon-interval:before {
    content: "\f334"; }
  .l-icon.icon-countdown:before,
  .laivly-icon.icon-countdown:before {
    content: "\f333"; }
  .l-icon.icon-time-restore:before,
  .laivly-icon.icon-time-restore:before {
    content: "\f336"; }
  .l-icon.icon-time-forward:before,
  .laivly-icon.icon-time-forward:before {
    content: "\ea76"; }
  .l-icon.icon-clock:before,
  .laivly-icon.icon-clock:before {
    content: "\f337"; }
  .l-icon.icon-clock-filled:before,
  .laivly-icon.icon-clock-filled:before {
    content: "\ea86"; }
  .l-icon.icon-dino:before,
  .laivly-icon.icon-dino:before {
    content: "\e924"; }
  .l-icon.icon-new:before,
  .laivly-icon.icon-new:before {
    content: "\e9a9"; }
  .l-icon.icon-account-tree:before,
  .laivly-icon.icon-account-tree:before {
    content: "\e915"; }
  .l-icon.icon-device-hub:before,
  .laivly-icon.icon-device-hub:before {
    content: "\f293"; }
  .l-icon.icon-stepper:before,
  .laivly-icon.icon-stepper:before {
    content: "\e9ff"; }
  .l-icon.icon-infinity:before,
  .laivly-icon.icon-infinity:before {
    content: "\e920"; }
  .l-icon.icon-copyright:before,
  .laivly-icon.icon-copyright:before {
    content: "\e977"; }
  .l-icon.icon-drag-handle:before,
  .laivly-icon.icon-drag-handle:before {
    content: "\e995"; }
  .l-icon.icon-drag-indicator:before,
  .laivly-icon.icon-drag-indicator:before {
    content: "\e996"; }
  .l-icon.icon-drag-horizontal:before,
  .laivly-icon.icon-drag-horizontal:before {
    content: "\e925"; }
  .l-icon.icon-drag-vertical:before,
  .laivly-icon.icon-drag-vertical:before {
    content: "\e928"; }
  .l-icon.icon-speed:before,
  .laivly-icon.icon-speed:before {
    content: "\ea4d"; }
  .l-icon.icon-toggle-off:before,
  .laivly-icon.icon-toggle-off:before {
    content: "\ea6c"; }
  .l-icon.icon-toggle-on:before,
  .laivly-icon.icon-toggle-on:before {
    content: "\ea6d"; }
  .l-icon.icon-workspaces:before,
  .laivly-icon.icon-workspaces:before {
    content: "\ea90"; }
  .l-icon.icon-workspaces-outline:before,
  .laivly-icon.icon-workspaces-outline:before {
    content: "\ea91"; }
  .l-icon.icon-workspaces-circle:before,
  .laivly-icon.icon-workspaces-circle:before {
    content: "\f3dc"; }
  .l-icon.icon-wallet:before,
  .laivly-icon.icon-wallet:before {
    content: "\f111"; }
  .l-icon.icon-bank:before,
  .laivly-icon.icon-bank:before {
    content: "\f112"; }
  .l-icon.icon-bug:before,
  .laivly-icon.icon-bug:before {
    content: "\f120"; }
  .l-icon.icon-cake:before,
  .laivly-icon.icon-cake:before {
    content: "\f122"; }
  .l-icon.icon-creditcard:before,
  .laivly-icon.icon-creditcard:before {
    content: "\f129"; }
  .l-icon.icon-giftcard:before,
  .laivly-icon.icon-giftcard:before {
    content: "\f126"; }
  .l-icon.icon-card-bag:before,
  .laivly-icon.icon-card-bag:before {
    content: "\f128"; }
  .l-icon.icon-jobsearch:before,
  .laivly-icon.icon-jobsearch:before {
    content: "\e933"; }
  .l-icon.icon-work:before,
  .laivly-icon.icon-work:before {
    content: "\ea8d"; }
  .l-icon.icon-work-off:before,
  .laivly-icon.icon-work-off:before {
    content: "\ea8e"; }
  .l-icon.icon-work-outline:before,
  .laivly-icon.icon-work-outline:before {
    content: "\ea8f"; }
  .l-icon.icon-work-check:before,
  .laivly-icon.icon-work-check:before {
    content: "\f12a"; }
  .l-icon.icon-work-download:before,
  .laivly-icon.icon-work-download:before {
    content: "\f12b"; }
  .l-icon.icon-suitcase:before,
  .laivly-icon.icon-suitcase:before {
    content: "\e94c"; }
  .l-icon.icon-wine:before,
  .laivly-icon.icon-wine:before {
    content: "\f137"; }
  .l-icon.icon-coffee:before,
  .laivly-icon.icon-coffee:before {
    content: "\f13b"; }
  .l-icon.icon-safari:before,
  .laivly-icon.icon-safari:before {
    content: "\f152"; }
  .l-icon.icon-safari-off:before,
  .laivly-icon.icon-safari-off:before {
    content: "\e9a4"; }
  .l-icon.icon-vacation:before,
  .laivly-icon.icon-vacation:before {
    content: "\e93c"; }
  .l-icon.icon-celebration:before,
  .laivly-icon.icon-celebration:before {
    content: "\e95a"; }
  .l-icon.icon-trophy:before,
  .laivly-icon.icon-trophy:before {
    content: "\e99b"; }
  .l-icon.icon-bulb:before,
  .laivly-icon.icon-bulb:before {
    content: "\e99c"; }
  .l-icon.icon-mailbox:before,
  .laivly-icon.icon-mailbox:before {
    content: "\f3df"; }
  .l-icon.icon-move-to-inbox:before,
  .laivly-icon.icon-move-to-inbox:before {
    content: "\ea14"; }
  .l-icon.icon-all-inbox:before,
  .laivly-icon.icon-all-inbox:before {
    content: "\e91f"; }
  .l-icon.icon-at-email:before,
  .laivly-icon.icon-at-email:before {
    content: "\e921"; }
  .l-icon.icon-mail-read:before,
  .laivly-icon.icon-mail-read:before {
    content: "\f159"; }
  .l-icon.icon-mail:before,
  .laivly-icon.icon-mail:before {
    content: "\f15a"; }
  .l-icon.icon-mail-outline:before,
  .laivly-icon.icon-mail-outline:before {
    content: "\ea0b"; }
  .l-icon.icon-send-mail:before,
  .laivly-icon.icon-send-mail:before {
    content: "\e951"; }
  .l-icon.icon-send:before,
  .laivly-icon.icon-send:before {
    content: "\f194"; }
  .l-icon.icon-quote:before,
  .laivly-icon.icon-quote:before {
    content: "\f1b2"; }
  .l-icon.icon-receipt:before,
  .laivly-icon.icon-receipt:before {
    content: "\f1b4"; }
  .l-icon.icon-tune:before,
  .laivly-icon.icon-tune:before {
    content: "\ea72"; }
  .l-icon.icon-settings-box:before,
  .laivly-icon.icon-settings-box:before {
    content: "\f1c5"; }
  .l-icon.icon-settings:before,
  .laivly-icon.icon-settings:before {
    content: "\f1c6"; }
  .l-icon.icon-gear:before,
  .laivly-icon.icon-gear:before {
    content: "\f1ed"; }
  .l-icon.icon-build-circle:before,
  .laivly-icon.icon-build-circle:before {
    content: "\e95e"; }
  .l-icon.icon-shield-check:before,
  .laivly-icon.icon-shield-check:before {
    content: "\f1c7"; }
  .l-icon.icon-shield-protect:before,
  .laivly-icon.icon-shield-protect:before {
    content: "\f1c8"; }
  .l-icon.icon-movement-outline:before,
  .laivly-icon.icon-movement-outline:before {
    content: "\f1e0"; }
  .l-icon.icon-movement:before,
  .laivly-icon.icon-movement:before {
    content: "\e9aa"; }
  .l-icon.icon-priority-high:before,
  .laivly-icon.icon-priority-high:before {
    content: "\ea2e"; }
  .l-icon.icon-alert-circle-outline:before,
  .laivly-icon.icon-alert-circle-outline:before {
    content: "\f1f0"; }
  .l-icon.icon-alert-circle:before,
  .laivly-icon.icon-alert-circle:before {
    content: "\f1f1"; }
  .l-icon.icon-alert-octagon:before,
  .laivly-icon.icon-alert-octagon:before {
    content: "\f1f2"; }
  .l-icon.icon-alert-badge:before,
  .laivly-icon.icon-alert-badge:before {
    content: "\f1f3"; }
  .l-icon.icon-alert-triangle-outline:before,
  .laivly-icon.icon-alert-triangle-outline:before {
    content: "\e949"; }
  .l-icon.icon-alert-triangle:before,
  .laivly-icon.icon-alert-triangle:before {
    content: "\f1f4"; }
  .l-icon.icon-help-outline:before,
  .laivly-icon.icon-help-outline:before {
    content: "\f1f5"; }
  .l-icon.icon-help:before,
  .laivly-icon.icon-help:before {
    content: "\f1f6"; }
  .l-icon.icon-help-chat:before,
  .laivly-icon.icon-help-chat:before {
    content: "\e973"; }
  .l-icon.icon-help-pin:before,
  .laivly-icon.icon-help-pin:before {
    content: "\ea02"; }
  .l-icon.icon-info-outline:before,
  .laivly-icon.icon-info-outline:before {
    content: "\f1f7"; }
  .l-icon.icon-info:before,
  .laivly-icon.icon-info:before {
    content: "\f1f8"; }
  .l-icon.icon-bell-ring:before,
  .laivly-icon.icon-bell-ring:before {
    content: "\f1f9"; }
  .l-icon.icon-bell-add:before,
  .laivly-icon.icon-bell-add:before {
    content: "\f1fa"; }
  .l-icon.icon-bell-outline:before,
  .laivly-icon.icon-bell-outline:before {
    content: "\f1fb"; }
  .l-icon.icon-bell-off:before,
  .laivly-icon.icon-bell-off:before {
    content: "\f1fc"; }
  .l-icon.icon-bell:before,
  .laivly-icon.icon-bell:before {
    content: "\f1fe"; }
  .l-icon.icon-bell-circle:before,
  .laivly-icon.icon-bell-circle:before {
    content: "\e963"; }
  .l-icon.icon-apps:before,
  .laivly-icon.icon-apps:before {
    content: "\f313"; }
  .l-icon.icon-view-agenda:before,
  .laivly-icon.icon-view-agenda:before {
    content: "\f316"; }
  .l-icon.icon-view-array:before,
  .laivly-icon.icon-view-array:before {
    content: "\f317"; }
  .l-icon.icon-view-carousel:before,
  .laivly-icon.icon-view-carousel:before {
    content: "\f318"; }
  .l-icon.icon-view-column:before,
  .laivly-icon.icon-view-column:before {
    content: "\f319"; }
  .l-icon.icon-view-comfy:before,
  .laivly-icon.icon-view-comfy:before {
    content: "\f31a"; }
  .l-icon.icon-view-compact:before,
  .laivly-icon.icon-view-compact:before {
    content: "\f31b"; }
  .l-icon.icon-view-dashboard:before,
  .laivly-icon.icon-view-dashboard:before {
    content: "\f31c"; }
  .l-icon.icon-view-day:before,
  .laivly-icon.icon-view-day:before {
    content: "\f31d"; }
  .l-icon.icon-view-headline:before,
  .laivly-icon.icon-view-headline:before {
    content: "\f31e"; }
  .l-icon.icon-view-list-left:before,
  .laivly-icon.icon-view-list-left:before {
    content: "\f31f"; }
  .l-icon.icon-view-list-right:before,
  .laivly-icon.icon-view-list-right:before {
    content: "\f325"; }
  .l-icon.icon-view-list:before,
  .laivly-icon.icon-view-list:before {
    content: "\f320"; }
  .l-icon.icon-view-module:before,
  .laivly-icon.icon-view-module:before {
    content: "\f321"; }
  .l-icon.icon-view-quilt:before,
  .laivly-icon.icon-view-quilt:before {
    content: "\f322"; }
  .l-icon.icon-view-stream:before,
  .laivly-icon.icon-view-stream:before {
    content: "\f323"; }
  .l-icon.icon-view-subtitles:before,
  .laivly-icon.icon-view-subtitles:before {
    content: "\f324"; }
  .l-icon.icon-view-web:before,
  .laivly-icon.icon-view-web:before {
    content: "\f326"; }
  .l-icon.icon-view-week:before,
  .laivly-icon.icon-view-week:before {
    content: "\f327"; }
  .l-icon.icon-sidebar:before,
  .laivly-icon.icon-sidebar:before {
    content: "\e93d"; }
  .l-icon.icon-widgets:before,
  .laivly-icon.icon-widgets:before {
    content: "\f328"; }
  .l-icon.icon-widgets-add:before,
  .laivly-icon.icon-widgets-add:before {
    content: "\e97e"; }
  .l-icon.icon-puzzle:before,
  .laivly-icon.icon-puzzle:before {
    content: "\f1b1"; }
  .l-icon.icon-category:before,
  .laivly-icon.icon-category:before {
    content: "\e959"; }
  .l-icon.icon-rss:before,
  .laivly-icon.icon-rss:before {
    content: "\f3ea"; }
  .l-icon.icon-progress:before,
  .laivly-icon.icon-progress:before {
    content: "\f3ec"; }
  .l-icon.icon-android-alt:before,
  .laivly-icon.icon-android-alt:before {
    content: "\f33a"; }
  .l-icon.icon-android:before,
  .laivly-icon.icon-android:before {
    content: "\f33b"; }
  .l-icon.icon-apple:before,
  .laivly-icon.icon-apple:before {
    content: "\f33c"; }
  .l-icon.icon-behance:before,
  .laivly-icon.icon-behance:before {
    content: "\f33d"; }
  .l-icon.icon-dribble:before,
  .laivly-icon.icon-dribble:before {
    content: "\f33f"; }
  .l-icon.icon-dropbox:before,
  .laivly-icon.icon-dropbox:before {
    content: "\f340"; }
  .l-icon.icon-facebook-box:before,
  .laivly-icon.icon-facebook-box:before {
    content: "\f342"; }
  .l-icon.icon-facebook:before,
  .laivly-icon.icon-facebook:before {
    content: "\f343"; }
  .l-icon.icon-github-box:before,
  .laivly-icon.icon-github-box:before {
    content: "\f344"; }
  .l-icon.icon-github:before,
  .laivly-icon.icon-github:before {
    content: "\f345"; }
  .l-icon.icon-google-drive:before,
  .laivly-icon.icon-google-drive:before {
    content: "\f346"; }
  .l-icon.icon-google-maps:before,
  .laivly-icon.icon-google-maps:before {
    content: "\f349"; }
  .l-icon.icon-google-play:before,
  .laivly-icon.icon-google-play:before {
    content: "\f34b"; }
  .l-icon.icon-google:before,
  .laivly-icon.icon-google:before {
    content: "\f34e"; }
  .l-icon.icon-instagram:before,
  .laivly-icon.icon-instagram:before {
    content: "\f34f"; }
  .l-icon.icon-linkedin:before,
  .laivly-icon.icon-linkedin:before {
    content: "\f3f8"; }
  .l-icon.icon-linkedin-box:before,
  .laivly-icon.icon-linkedin-box:before {
    content: "\f356"; }
  .l-icon.icon-pinterest-box:before,
  .laivly-icon.icon-pinterest-box:before {
    content: "\f358"; }
  .l-icon.icon-pinterest:before,
  .laivly-icon.icon-pinterest:before {
    content: "\f3fc"; }
  .l-icon.icon-pocket:before,
  .laivly-icon.icon-pocket:before {
    content: "\f359"; }
  .l-icon.icon-polymer:before,
  .laivly-icon.icon-polymer:before {
    content: "\f35a"; }
  .l-icon.icon-share:before,
  .laivly-icon.icon-share:before {
    content: "\f35b"; }
  .l-icon.icon-stackoverflow:before,
  .laivly-icon.icon-stackoverflow:before {
    content: "\f35c"; }
  .l-icon.icon-twitter-box:before,
  .laivly-icon.icon-twitter-box:before {
    content: "\f35f"; }
  .l-icon.icon-twitter:before,
  .laivly-icon.icon-twitter:before {
    content: "\f360"; }
  .l-icon.icon-microsoft-windows:before,
  .laivly-icon.icon-microsoft-windows:before {
    content: "\f363"; }
  .l-icon.icon-amazon:before,
  .laivly-icon.icon-amazon:before {
    content: "\f3f0"; }
  .l-icon.icon-outlook:before,
  .laivly-icon.icon-outlook:before {
    content: "\f3fa"; }
  .l-icon.icon-paypal:before,
  .laivly-icon.icon-paypal:before {
    content: "\f3fb"; }
  .l-icon.icon-playstation:before,
  .laivly-icon.icon-playstation:before {
    content: "\f3fd"; }
  .l-icon.icon-reddit:before,
  .laivly-icon.icon-reddit:before {
    content: "\f3fe"; }
  .l-icon.icon-soundcloud:before,
  .laivly-icon.icon-soundcloud:before {
    content: "\f401"; }
  .l-icon.icon-tumblr:before,
  .laivly-icon.icon-tumblr:before {
    content: "\f402"; }
  .l-icon.icon-twitch:before,
  .laivly-icon.icon-twitch:before {
    content: "\f403"; }
  .l-icon.icon-vimeo:before,
  .laivly-icon.icon-vimeo:before {
    content: "\f404"; }
  .l-icon.icon-whatsapp:before,
  .laivly-icon.icon-whatsapp:before {
    content: "\f405"; }
  .l-icon.icon-xbox:before,
  .laivly-icon.icon-xbox:before {
    content: "\f406"; }
  .l-icon.icon-yahoo:before,
  .laivly-icon.icon-yahoo:before {
    content: "\f407"; }
  .l-icon.icon-youtube:before,
  .laivly-icon.icon-youtube:before {
    content: "\f408"; }
  .l-icon.icon-moon:before,
  .laivly-icon.icon-moon:before {
    content: "\f36a"; }

.laivly-sidebar-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sp-sidebar' !important;
  font-style: normal;
  font-weight: normal;
  font-size: 48px !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .laivly-sidebar-icon.icon-import:before {
    content: "\e917"; }
  .laivly-sidebar-icon.icon-attendance-streaks-off:before {
    content: "\e928"; }
  .laivly-sidebar-icon.icon-download:before {
    content: "\e929"; }
  .laivly-sidebar-icon.icon-game-and-reward:before {
    content: "\e92a"; }
  .laivly-sidebar-icon.icon-attendance-streaks-on:before {
    content: "\e92b"; }
  .laivly-sidebar-icon.icon-forms:before {
    content: "\e91f"; }
  .laivly-sidebar-icon.icon-idea:before {
    content: "\e900"; }
  .laivly-sidebar-icon.icon-my-schedule:before {
    content: "\e901"; }
  .laivly-sidebar-icon.icon-my-team:before {
    content: "\e902"; }
  .laivly-sidebar-icon.icon-payroll:before {
    content: "\e903"; }
  .laivly-sidebar-icon.icon-process-monitor:before {
    content: "\e904"; }
  .laivly-sidebar-icon.icon-referrals:before {
    content: "\e905"; }
  .laivly-sidebar-icon.icon-reports:before {
    content: "\e906"; }
  .laivly-sidebar-icon.icon-shift-adjust:before {
    content: "\e907"; }
  .laivly-sidebar-icon.icon-help:before {
    content: "\e908"; }
  .laivly-sidebar-icon.icon-support:before {
    content: "\e909"; }
  .laivly-sidebar-icon.icon-time-entries:before {
    content: "\e90a"; }
  .laivly-sidebar-icon.icon-whats-new:before {
    content: "\e90b"; }
  .laivly-sidebar-icon.icon-help-center:before {
    content: "\e90c"; }
  .laivly-sidebar-icon.icon-help-feedback:before {
    content: "\e90d"; }
  .laivly-sidebar-icon.icon-hr-tools:before {
    content: "\e90e"; }
  .laivly-sidebar-icon.icon-hris:before {
    content: "\e90f"; }
  .laivly-sidebar-icon.icon-feedback:before {
    content: "\e910"; }
  .laivly-sidebar-icon.icon-events:before {
    content: "\e911"; }
  .laivly-sidebar-icon.icon-elmah:before {
    content: "\e912"; }
  .laivly-sidebar-icon.icon-communications:before {
    content: "\e913"; }
  .laivly-sidebar-icon.icon-dashboard:before {
    content: "\e914"; }
  .laivly-sidebar-icon.icon-data-import:before {
    content: "\e915"; }
  .laivly-sidebar-icon.icon-documents:before {
    content: "\e916"; }
  .laivly-sidebar-icon.icon-answers:before {
    content: "\e918"; }
  .laivly-sidebar-icon.icon-approval:before {
    content: "\e919"; }
  .laivly-sidebar-icon.icon-search:before {
    content: "\e91a"; }
  .laivly-sidebar-icon.icon-attendance:before {
    content: "\e91b"; }
  .laivly-sidebar-icon.icon-code:before {
    content: "\e91c"; }
  .laivly-sidebar-icon.icon-bill-to-pay:before {
    content: "\e91d"; }
  .laivly-sidebar-icon.icon-admin-tools:before {
    content: "\e91e"; }
  .laivly-sidebar-icon.icon-kudos-corner:before {
    content: "\e920"; }
  .laivly-sidebar-icon.icon-training_angry_jim:before {
    content: "\e921"; }

.header__container {
  width: 100%; }

.page__header {
  font-family: "PulpDisplay";
  min-height: 72px;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  z-index: 4;
  width: calc(100% - 280px); }
  .page__header .dropdown-menu {
    border-radius: 10px !important;
    overflow: hidden; }
  .page__header .container__header {
    align-items: center;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between; }
    .page__header .container__header i {
      font-size: 18px; }
  .page__header .notification-count, .page__header .notification-off {
    position: absolute;
    top: -5px;
    right: -5px;
    pointer-events: none;
    background-color: #8DC147;
    font-size: 10px;
    color: #000000;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-family: Arial;
    display: flex;
    align-items: center;
    justify-content: center; }
    .page__header .notification-count:empty, .page__header .notification-off:empty {
      margin: 4px;
      width: 10px;
      height: 10px; }
  .page__header .notification-off {
    display: inline-block;
    margin-left: 5px;
    border-radius: 100%;
    border: solid #62757F 2px;
    background-color: transparent; }

.pill__header {
  user-select: none;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid transparent;
  border-radius: 48px;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 18px;
  margin: 5px;
  padding: 8px 16px; }
  .pill__header:hover {
    border: 1px solid; }
  .pill__header:focus {
    outline: none; }
  .pill__header:not(.pill-special):focus {
    background: rgba(0, 0, 0, 0.12);
    border: 1px solid; }

.header__opacity {
  height: 100%;
  background: #241588;
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: -1; }

.page__header-wrapper {
  padding: 0 100px; }

.pill__header-active {
  color: #044277;
  background-color: #5DF3FE;
  box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.5); }
  .pill__header-active:hover {
    background-color: #A6F9FF;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: default; }
  .pill__header-active .v-divider {
    background-color: #3E89CF; }

.pill__more {
  position: relative; }

#active-job-dropdown .dropdown-menu {
  width: 320px; }

.slim-icon-button {
  position: relative;
  padding-left: 9px;
  padding-right: 9px; }

.section_punch {
  font-size: 20px; }

.div__userinfo {
  white-space: nowrap; }

.container__info {
  min-width: 320px; }

.dropdown-menu {
  border-radius: 10px; }

.timer__hours,
.timer__minutes,
.timer__seconds {
  min-width: 30px; }

#job-dropdown {
  max-width: 250px; }

.section__user {
  display: flex;
  margin-left: auto;
  position: relative; }

.button__user {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.dropdowndiv__userprofile {
  align-items: center;
  border: 2px solid;
  display: flex;
  height: 70px;
  justify-content: center;
  margin: auto;
  padding: 2px;
  width: 70px; }

.page__container {
  overflow: auto;
  padding: 80px 0;
  width: calc(100% - 280px);
  display: flex;
  justify-content: center; }

.page__content {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto; }

.layout-content__margin {
  margin: 0 24px; }

.limit-content-width .page__content {
  max-width: 1200px;
  overflow: visible; }

.limit-content-width #old-page-wrapper {
  overflow: hidden; }

.limit-content-width .layout-content__margin {
  margin: 0 51px; }

.limit-content-width #old-page-wrapper .fixed-footer .panel-footer {
  width: 1200px;
  margin: 0 51px; }

.dropdown__navigation {
  padding-right: 5px; }

.bg-grey,
.bg-gray {
  background: #F5F5F5 !important; }

#notification-dropdown .dropdown-menu {
  left: 50px !important; }

#notification-dropdown .container {
  width: 300px; }

.notification-date {
  color: rgba(0, 0, 0, 0.54); }

.notifications {
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.5), inset 0 -7px 9px -7px rgba(0, 0, 0, 0.5);
  max-height: 70vh;
  overflow-y: auto; }

.notification-dialog {
  max-width: 570px; }

#old-page-wrapper {
  min-height: 100%; }

.row > .panel {
  width: 100%; }

.hide {
  display: none !important; }

#user-dropdown .row {
  margin-left: -15px;
  margin-right: -15px; }

.sidebar-buffer {
  margin-left: 280px; }

.splash-background {
  background-image: url("/Images/keycloak-bg.jpg") !important;
  background-size: cover !important; }

.dialog__close-btn {
  cursor: pointer; }

#old-page-wrapper .fixed-footer {
  position: fixed;
  justify-content: center;
  display: flex;
  bottom: 0;
  width: calc(100% - 280px);
  left: 280px; }
  #old-page-wrapper .fixed-footer .panel-footer {
    width: 100%;
    margin: 0 24px; }
  @media screen and (max-width: 1280px) {
    #old-page-wrapper .fixed-footer {
      width: calc(100% - 64px);
      left: 64px; }
      #old-page-wrapper .fixed-footer .panel-footer {
        margin: 0 40px; } }

.font-12px {
  font-size: 12px; }

@media screen and (max-width: 1280px) {
  .page__header,
  .page__container,
  .page__content {
    width: calc(100% - 64px); }
  .sidebar-buffer {
    margin-left: 64px; }
  .layout-content__margin {
    margin: 0 40px; } }

@media screen and (max-width: 1024px) {
  .layout-content__margin {
    margin: 0 24px; } }

.mood-logger input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */ }
  .mood-logger input[type=range]:focus {
    outline: none;
    /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ }
  .mood-logger input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; }
  .mood-logger input[type=range]::-ms-tooltip {
    display: none; }
  .mood-logger input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent; }

.mood-logger .mood-slider-container {
  background: #4A2EA2;
  border-radius: 8px; }

.mood-logger .mood-slider-wrapper {
  height: 84px;
  margin: 0 12px;
  position: relative; }

.mood-logger .mood-slider {
  -webkit-appearance: none;
  z-index: 2;
  width: 100%;
  height: 84px; }
  .mood-logger .mood-slider::-moz-range-thumb {
    -moz-appearance: none; }
  .mood-logger .mood-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    -webkit-transition: background 0.5s ease;
    cursor: pointer;
    background-position: center;
    background-size: contain;
    border-radius: 50%;
    height: 45px;
    outline: none;
    position: relative;
    top: -18px;
    width: 45px;
    transition: .3s; }
  .mood-logger .mood-slider:active, .mood-logger .mood-slider:focus {
    outline: none; }
  .mood-logger .mood-slider::-webkit-slider-runnable-track {
    height: 0px; }
  .mood-logger .mood-slider.awesome::-webkit-slider-thumb {
    background-image: url("/Images/Mood/5.png"); }
  .mood-logger .mood-slider.happy::-webkit-slider-thumb {
    background-image: url("/Images/Mood/4.png"); }
  .mood-logger .mood-slider.neutral::-webkit-slider-thumb {
    background-image: url("/Images/Mood/3.png"); }
  .mood-logger .mood-slider.sad::-webkit-slider-thumb {
    background-image: url("/Images/Mood/2.png"); }
  .mood-logger .mood-slider.angry::-webkit-slider-thumb {
    background-image: url("/Images/Mood/1.png"); }

.mood-logger .visible-slider {
  background: rgba(0, 0, 0, 0.54);
  border: 0.75px solid rgba(255, 255, 255, 0.12);
  border: 0.75px solid rgba(0, 0, 0, 0.54);
  border-radius: 6px;
  height: 12px;
  width: calc(100% - 6px);
  margin: 0 3px;
  top: 41px; }

.mood-logger .visible-slider, .mood-logger .mood-slider {
  position: absolute; }

.page__sidebar {
  width: 280px;
  background-color: #1E2C5E;
  height: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  user-select: none;
  z-index: 100; }

.sidebar__protection {
  background-image: linear-gradient(90deg, #0C0E2D 25%, rgba(11, 14, 44, 0) 92%);
  height: 100%;
  opacity: 0.8;
  position: fixed;
  width: 300px;
  z-index: -1; }

.sidebar__scrolling {
  -ms-overflow-style: none;
  height: 90%;
  overflow: auto; }
  .sidebar__scrolling::-webkit-scrollbar {
    display: none; }

.input__search {
  margin-right: 20px; }

.input__search:focus {
  outline: none;
  border: 1px solid #A6F9FF; }

.side-navigation-main {
  overflow: auto; }

.search__navigation {
  align-items: center;
  display: flex;
  justify-content: space-between; }

.input__search {
  background: #000000;
  border: none;
  border-radius: 40px;
  color: #FFFFFF;
  padding: 5px 10px;
  width: 80%; }

.banner__main {
  height: 64px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  justify-content: center;
  margin-top: 12px;
  cursor: pointer; }

.banner__main img {
  height: 64px;
  padding: 4px; }

.btn.card-header {
  overflow-x: hidden;
  background: rgba(0, 0, 0, 0.38); }
  .btn.card-header:hover, .btn.card-header:focus {
    text-decoration: none;
    color: #FFFFFF; }
  .btn.card-header.collapsed {
    background: none; }

.card-body .card-header {
  width: 100%;
  cursor: pointer; }

.search__navigation .icon-wrapper {
  height: 56px;
  min-width: 64px;
  width: 64px; }

.update-dot {
  position: absolute;
  width: 8px;
  border-radius: 50%;
  height: 8px;
  background: #A9E855;
  border: 2px solid #0D005D;
  top: 25%;
  right: 25%;
  box-sizing: content-box; }

.card-body,
.collapsing .card-body {
  background: rgba(0, 0, 0, 0.38); }

.card-body .card {
  padding: 8px 0; }

.span__link-title {
  font-family: 'PulpDisplay';
  font-size: 0.875rem !important;
  line-height: 18px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap; }

.inner-title {
  font-family: 'Roboto';
  color: #CFD8DC;
  font-weight: 500;
  font-size: 0.8125rem; }

.info__container {
  padding: 4px 12px;
  display: flex;
  font-family: Roboto;
  font-size: 0.6875rem;
  line-height: 21px;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500; }

.page__sidebar {
  transition: width .5s;
  overflow-x: hidden; }
  .page__sidebar .v-list .v-list-item--active {
    color: transparent; }
  .page__sidebar a:hover {
    text-decoration: none; }

.new-sidebar .search__navigation {
  width: 280px; }

.no-match-text {
  text-align: center;
  padding: 50px;
  font-family: Roboto;
  margin: 0 auto;
  height: 90%;
  color: white; }

.navigation__menu-list.theme--light.v-sheet {
  background-color: transparent; }
  .navigation__menu-list.theme--light.v-sheet .span__link-title,
  .navigation__menu-list.theme--light.v-sheet .v-icon {
    color: #FFFFFF; }

.navigation__menu-list .v-list-group--active {
  background-color: rgba(0, 0, 0, 0.31); }

.v-list-item__content .update-label,
.outer-title .update-label {
  background: #8DC147;
  color: #19212B;
  font-size: 0.6875rem;
  border: 1px rgba(0, 0, 0, 0.54);
  border-radius: 5px;
  padding: 1px 5px;
  margin-top: 1px;
  margin-bottom: 1px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.54); }

.outer-title .update-label {
  margin-right: 20px;
  margin-top: 3px;
  margin-bottom: 3px; }

.navigation__secondary-list-item .update-label {
  margin-right: 20px; }

.navigation__primary-item {
  width: 280px; }
  .navigation__primary-item .v-list-group__header {
    padding-right: 0; }
  .navigation__primary-item .v-list-item__icon.sidebar-icon {
    width: 64px;
    height: 56px;
    min-height: 56px;
    min-width: 64px;
    position: relative; }
  .navigation__primary-item .v-list-item__icon + .v-list-item__title {
    flex-basis: auto; }
  .navigation__primary-item [class*='mdi-chevron'] {
    margin-right: 16px; }
  .navigation__primary-item.active .laivly-sidebar-icon:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    opacity: 1;
    box-shadow: 0 0 20px 10px #5DF3FE;
    position: absolute; }

.navigation__primary-list-group .v-list-item {
  padding-left: 0; }

.navigation__secondary-item[data-depth='1'] .v-list-item {
  padding-right: 0;
  padding-left: 64px; }

.navigation__secondary-item[data-depth='2'] .v-list-item {
  padding-right: 0;
  padding-left: 72px; }

.active [class*='span__'],
.navigation__secondary-item.active > .navigation__secondary-list-group [class*='parent'] {
  color: #5DF3FE !important; }

.v-list-group__header.v-list-item:hover,
.navigation__primary-list-item:hover,
.navigation__secondary-list-item:hover {
  background: rgba(187, 187, 187, 0.2); }

.navigation__secondary-item.active > .navigation__secondary-list-item {
  background: #5DF3FE;
  color: #000000;
  background-size: cover; }

.navigation__secondary-item.active > .navigation__secondary-list-item [class*='child'] {
  color: #000000; }

@media screen and (max-width: 1280px) {
  .page__sidebar {
    width: 64px; }
    .page__sidebar:hover {
      width: 280px; }
      .page__sidebar:hover .menu__action-item {
        display: block; }
      .page__sidebar:hover .info__container {
        justify-content: space-between; }
        .page__sidebar:hover .info__container .info__copyright {
          display: block; }
    .page__sidebar .menu__action-item {
      display: none; }
    .page__sidebar .info__container {
      justify-content: center; }
      .page__sidebar .info__container .info__copyright {
        display: none; } }

html {
  overflow-y: unset !important;
  box-sizing: border-box;
  font-size: 16px; }

*, *:before, *:after {
  box-sizing: inherit; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  margin: 0;
  padding: 0;
  padding: 0;
  width: 100%; }

ol, ul {
  list-style: none; }

img {
  height: auto;
  max-width: 100%;
  object-fit: contain; }

/* Our CSS */
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

[data-toggle="collapse"].collapsed .fas:before {
  content: "\f078"; }

[data-toggle="collapse"] .fas:before {
  content: "\f077"; }

[v-cloak] {
  display: none; }

.rounder {
  border-radius: 0.5em;
  overflow: hidden; }

.overflow {
  overflow: visible; }

.dt-bootstrap4 ul {
  width: unset; }

.dataTables_info {
  text-align: center; }

#orientationClassTable_wrapper, #orientationClassTable_wrapper .btn {
  font-size: 14px; }

.vue-daterange-picker .form-control.reportrange-text {
  padding: 0;
  border: none;
  width: 100%; }

.page__content {
  min-height: 100%; }

.full-width {
  width: 100% !important; }

.full-height {
  height: 100% !important; }

#historyListContainer .nav.flex-column {
  padding-left: 0; }

.v-application div.no-left-pad ul, .v-application div.no-left-pad ol {
  padding-left: 0; }

.custom-field-edit-bg {
  width: 100% !important; }

.loading--ellipsis:after {
  font-family: Arial;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1500ms infinite;
  animation: ellipsis steps(4, end) 1500ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px; }

.success-text {
  color: #1974E1 !important; }

.success-button {
  background-color: #1974E1 !important;
  color: #FFFFFF !important; }

@keyframes ellipsis {
  to {
    width: 1.25em; } }

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em; } }

@media (min-width: 576px) {
  .modal-dialog.modal-md {
    max-width: 650px; } }

.daterangepicker .calendar-table td.off {
  background: #FFFFFF;
  color: #65727C; }
  .daterangepicker .calendar-table td.off.in-range {
    color: #65727C; }
  .daterangepicker .calendar-table td.off.active.available {
    background: #FFFFFF;
    color: #65727C; }

.daterangepicker .calendar-table td.active {
  color: #FFFFFF;
  background: #1974E1; }

.daterangepicker .calendar-table .active.available {
  color: #FFFFFF;
  background: #1974E1; }

#old-page-wrapper .badge {
  background-color: #65727C; }

.primary-btn {
  background: #1974E1 !important;
  color: #FFFFFF !important;
  border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 0 0pt 1pt #0037A4 !important;
  font-family: "PulpDisplay" !important; }

.secondary-btn {
  background: #FFFFFF !important;
  color: #000000 !important;
  box-shadow: 0 0 0pt 1pt #8FA4AE !important;
  font-family: "PulpDisplay" !important; }

.chat-title.answers-background {
  background-image: url("/Images/Redesign/chat/chat-title-background@2x.jpg");
  background-position: center;
  background-size: cover; }

#chat-message-input {
  margin-top: 2px;
  font-size: 13px; }
  #chat-message-input::placeholder {
    color: #65727C; }

.cursor-pointer {
  cursor: pointer; }

.opacity-transition {
  transition: opacity 0.5s; }

.opacity-1 {
  opacity: 1; }

.opacity-0 {
  opacity: 0; }

.card-actions-grey-background {
  background-color: #FAFAFA; }

::v-deep .white-wrapper .v-label {
  background: white; }

.linethrough {
  text-decoration: line-through; }

body {
  background-color: white; }

.left-pane {
  align-items: center;
  display: flex;
  flex: 1 1 67%;
  height: 100%;
  max-width: 600px;
  opacity: 1;
  padding: 0;
  top: 0;
  background-image: var(--bg-image);
  background-repeat: repeat no-repeat;
  background-position: top center;
  background-size: cover;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px; }

.left-pane .bound-container {
  margin: 0 auto;
  position: relative;
  max-width: 380px;
  max-height: 630px;
  width: 100%;
  padding: 0 16px;
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  align-items: center; }

.bound-container {
  height: 100%;
  text-align: center; }

.left-pane #lottie-container svg {
  transform: scale(1.4) !important; }

.right-pane {
  width: 100%;
  display: flex; }

.image-scan-bg {
  width: 100%;
  height: 100%;
  object-fit: fill; }

.image-scan {
  position: absolute;
  width: 375px;
  height: 280px;
  object-fit: contain;
  margin-top: 320px; }

.fade-transition {
  transition: opacity 0.3s ease; }

.fade-enter {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
  transition-delay: 3s !important; }

.fade-leave {
  opacity: 0 !important;
  transform: translate(-50%, 0) !important; }

.default {
  width: 100%;
  height: 100%;
  background-color: white; }

.goto-login {
  background-image: url(/Images/dashboard-background.jpg);
  background-repeat: repeat no-repeat;
  background-position: top center;
  background-size: auto, cover;
  background-color: #0c0f2d;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-attachment: fixed; }

.action {
  display: flex;
  flex-direction: row; }

.action-next {
  display: flex; }

.contain {
  width: 100%;
  flex-direction: column; }

.logo-coloured3x {
  width: 216px;
  height: 68px;
  margin-top: auto; }

.header {
  width: 307px;
  height: 28px;
  font-family: PulpDisplay;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.27;
  letter-spacing: -0.3px;
  color: #525dda; }

.sub-header {
  width: 320px;
  height: 48px;
  font-size: 16px;
  line-height: 1.5;
  color: #1f272b; }

.label-text {
  width: 320px;
  height: 28px;
  font-size: 12px;
  color: #65727c; }

.component-container {
  flex-direction: column; }

.component-wrapper {
  display: flex;
  justify-content: center; }

.error-message {
  width: 320px;
  font-size: 12px;
  color: #f44336; }

@media only screen and (max-width: 1280px) {
  .bg {
    width: 100%;
    height: 100%; }
  .window {
    width: 100%;
    height: 100%; } }

@media only screen and (min-width: 1280px) {
  .bg {
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at -9% -13%, #51c393, #24b9bb 11%, #304ca5 35%, #49158f 61%, #5c1ba3 74%, #9321b4 88%, #9321b4 88%); }
  .window {
    width: 1120px;
    height: 740px;
    border-radius: 8px;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.14);
    background-color: #ffffff; } }