@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 */
/* line 145, app/assets/stylesheets/hubstaff-variables.scss */
:root {
  --sidebar-width: 240px;
  --sidebar-bg: #f3f4f6;
  --sidebar-border-color: #e5e7eb;
  --sidebar-gutter-width: 80px;
  --topbar-height: 46px;
  --sidebar-logo-link-height: 28px + 15px;
  --nav-sidebar-footer-height: 56px;
}

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
body {
  margin: 0;
}

/* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* line 54, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 67, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 77, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
[hidden],
template {
  display: none;
}

/* line 89, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
a {
  background-color: transparent;
}

/* line 98, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 111, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* line 121, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 130, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
dfn {
  font-style: italic;
}

/* line 139, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 148, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 157, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
small {
  font-size: 80%;
}

/* line 165, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 173, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 177, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 188, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
img {
  border: 0;
}

/* line 196, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 207, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
figure {
  margin: 1em 40px;
}

/* line 215, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/* line 224, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
pre {
  overflow: auto;
}

/* line 232, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 255, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 269, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button {
  overflow: visible;
}

/* line 280, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button,
select {
  text-transform: none;
}

/* line 293, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 305, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 314, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 325, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input {
  line-height: normal;
}

/* line 337, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 349, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 359, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

/* line 370, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 379, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 390, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 399, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
textarea {
  overflow: auto;
}

/* line 408, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
optgroup {
  font-weight: bold;
}

/* line 419, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 424, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  /* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  *,
*:before,
*:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  /* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  a,
a:visited {
    text-decoration: underline;
  }
  /* line 23, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }
  /* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }
  /* line 38, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /* line 44, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  thead {
    display: table-header-group;
  }
  /* line 48, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  tr,
img {
    page-break-inside: avoid;
  }
  /* line 53, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  img {
    max-width: 100% !important;
  }
  /* line 57, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  /* line 64, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  h2,
h3 {
    page-break-after: avoid;
  }
  /* line 72, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  .navbar {
    display: none;
  }
  /* line 77, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  .btn > .caret, .app-tabs-switch > .nav.nav-tabs .nav-item > .caret,
.dropup > .btn > .caret,
.app-tabs-switch > .nav.nav-tabs .dropup > .nav-item > .caret {
    border-top-color: #000 !important;
  }
  /* line 81, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  .label, .timesheet-sync-status, .timesheet-status, .time_off_request_status, .adjustment_type_label, .manual_time_log span.action,
.widget-id-manual_time_log span.action {
    border: 1px solid #000;
  }
  /* line 85, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  .table {
    border-collapse: collapse !important;
  }
  /* line 88, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  .table td,
.table th {
    background-color: #fff !important;
  }
  /* line 94, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_print.scss */
  .table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
  }
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("https://server-assets.hubstaff.com/b9e3417e06/bootstrap/glyphicons-halflings-regular-13634da87d9e23f8c3ed9108ce1724d183a39ad072e73e1b3d8cbf646d2d0407.eot");
  src: url("https://server-assets.hubstaff.com/b9e3417e06/bootstrap/glyphicons-halflings-regular-13634da87d9e23f8c3ed9108ce1724d183a39ad072e73e1b3d8cbf646d2d0407.eot?#iefix") format("embedded-opentype"), url("https://server-assets.hubstaff.com/b9e3417e06/bootstrap/glyphicons-halflings-regular-fe185d11a49676890d47bb783312a0cda5a44c4039214094e7957b4c040ef11c.woff2") format("woff2"), url("https://server-assets.hubstaff.com/b9e3417e06/bootstrap/glyphicons-halflings-regular-a26394f7ede100ca118eff2eda08596275a9839b959c226e15439557a5a80742.woff") format("woff"), url("https://server-assets.hubstaff.com/b9e3417e06/bootstrap/glyphicons-halflings-regular-e395044093757d82afcb138957d06a1ea9361bdcf0b442d06a18a8051af57456.ttf") format("truetype"), url("https://server-assets.hubstaff.com/b9e3417e06/bootstrap/glyphicons-halflings-regular-42f60659d265c1a3c30f9fa42abcbb56bd4a53af4d83d316d6dd7a36903c43e5.svg#glyphicons_halflingsregular") format("svg");
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 37, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-asterisk:before {
  content: "\002a";
}

/* line 38, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-plus:before {
  content: "\002b";
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-minus:before {
  content: "\2212";
}

/* line 42, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-cloud:before {
  content: "\2601";
}

/* line 43, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-envelope:before {
  content: "\2709";
}

/* line 44, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-pencil:before {
  content: "\270f";
}

/* line 45, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-glass:before {
  content: "\e001";
}

/* line 46, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-music:before {
  content: "\e002";
}

/* line 47, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-search:before {
  content: "\e003";
}

/* line 48, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-heart:before {
  content: "\e005";
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-star:before {
  content: "\e006";
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-star-empty:before {
  content: "\e007";
}

/* line 51, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-user:before {
  content: "\e008";
}

/* line 52, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-film:before {
  content: "\e009";
}

/* line 53, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-th-large:before {
  content: "\e010";
}

/* line 54, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-th:before {
  content: "\e011";
}

/* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-th-list:before {
  content: "\e012";
}

/* line 56, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-ok:before {
  content: "\e013";
}

/* line 57, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-remove:before {
  content: "\e014";
}

/* line 58, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-zoom-in:before {
  content: "\e015";
}

/* line 59, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-zoom-out:before {
  content: "\e016";
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-off:before {
  content: "\e017";
}

/* line 61, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-signal:before {
  content: "\e018";
}

/* line 62, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-cog:before {
  content: "\e019";
}

/* line 63, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-trash:before {
  content: "\e020";
}

/* line 64, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-home:before {
  content: "\e021";
}

/* line 65, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-file:before {
  content: "\e022";
}

/* line 66, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-time:before {
  content: "\e023";
}

/* line 67, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-road:before {
  content: "\e024";
}

/* line 68, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-download-alt:before {
  content: "\e025";
}

/* line 69, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-download:before {
  content: "\e026";
}

/* line 70, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-upload:before {
  content: "\e027";
}

/* line 71, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-inbox:before {
  content: "\e028";
}

/* line 72, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-play-circle:before {
  content: "\e029";
}

/* line 73, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-repeat:before {
  content: "\e030";
}

/* line 74, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-refresh:before {
  content: "\e031";
}

/* line 75, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-list-alt:before {
  content: "\e032";
}

/* line 76, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-lock:before {
  content: "\e033";
}

/* line 77, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-flag:before {
  content: "\e034";
}

/* line 78, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-headphones:before {
  content: "\e035";
}

/* line 79, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-volume-off:before {
  content: "\e036";
}

/* line 80, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-volume-down:before {
  content: "\e037";
}

/* line 81, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-volume-up:before {
  content: "\e038";
}

/* line 82, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-qrcode:before {
  content: "\e039";
}

/* line 83, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-barcode:before {
  content: "\e040";
}

/* line 84, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-tag:before {
  content: "\e041";
}

/* line 85, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-tags:before {
  content: "\e042";
}

/* line 86, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-book:before {
  content: "\e043";
}

/* line 87, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-bookmark:before {
  content: "\e044";
}

/* line 88, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-print:before {
  content: "\e045";
}

/* line 89, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-camera:before {
  content: "\e046";
}

/* line 90, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-font:before {
  content: "\e047";
}

/* line 91, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-bold:before {
  content: "\e048";
}

/* line 92, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-italic:before {
  content: "\e049";
}

/* line 93, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-text-height:before {
  content: "\e050";
}

/* line 94, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-text-width:before {
  content: "\e051";
}

/* line 95, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-align-left:before {
  content: "\e052";
}

/* line 96, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-align-center:before {
  content: "\e053";
}

/* line 97, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-align-right:before {
  content: "\e054";
}

/* line 98, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-align-justify:before {
  content: "\e055";
}

/* line 99, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-list:before {
  content: "\e056";
}

/* line 100, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-indent-left:before {
  content: "\e057";
}

/* line 101, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-indent-right:before {
  content: "\e058";
}

/* line 102, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-facetime-video:before {
  content: "\e059";
}

/* line 103, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-picture:before {
  content: "\e060";
}

/* line 104, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-map-marker:before {
  content: "\e062";
}

/* line 105, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-adjust:before {
  content: "\e063";
}

/* line 106, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-tint:before {
  content: "\e064";
}

/* line 107, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-edit:before {
  content: "\e065";
}

/* line 108, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-share:before {
  content: "\e066";
}

/* line 109, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-check:before {
  content: "\e067";
}

/* line 110, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-move:before {
  content: "\e068";
}

/* line 111, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-step-backward:before {
  content: "\e069";
}

/* line 112, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-fast-backward:before {
  content: "\e070";
}

/* line 113, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-backward:before {
  content: "\e071";
}

/* line 114, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-play:before {
  content: "\e072";
}

/* line 115, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-pause:before {
  content: "\e073";
}

/* line 116, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-stop:before {
  content: "\e074";
}

/* line 117, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-forward:before {
  content: "\e075";
}

/* line 118, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-fast-forward:before {
  content: "\e076";
}

/* line 119, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-step-forward:before {
  content: "\e077";
}

/* line 120, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-eject:before {
  content: "\e078";
}

/* line 121, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-chevron-left:before {
  content: "\e079";
}

/* line 122, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-chevron-right:before {
  content: "\e080";
}

/* line 123, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-plus-sign:before {
  content: "\e081";
}

/* line 124, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-minus-sign:before {
  content: "\e082";
}

/* line 125, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-remove-sign:before {
  content: "\e083";
}

/* line 126, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-ok-sign:before {
  content: "\e084";
}

/* line 127, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-question-sign:before {
  content: "\e085";
}

/* line 128, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-info-sign:before {
  content: "\e086";
}

/* line 129, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-screenshot:before {
  content: "\e087";
}

/* line 130, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-remove-circle:before {
  content: "\e088";
}

/* line 131, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-ok-circle:before {
  content: "\e089";
}

/* line 132, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-ban-circle:before {
  content: "\e090";
}

/* line 133, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-arrow-left:before {
  content: "\e091";
}

/* line 134, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-arrow-right:before {
  content: "\e092";
}

/* line 135, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-arrow-up:before {
  content: "\e093";
}

/* line 136, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-arrow-down:before {
  content: "\e094";
}

/* line 137, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-share-alt:before {
  content: "\e095";
}

/* line 138, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-resize-full:before {
  content: "\e096";
}

/* line 139, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-resize-small:before {
  content: "\e097";
}

/* line 140, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-exclamation-sign:before {
  content: "\e101";
}

/* line 141, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-gift:before {
  content: "\e102";
}

/* line 142, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-leaf:before {
  content: "\e103";
}

/* line 143, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-fire:before {
  content: "\e104";
}

/* line 144, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-eye-open:before {
  content: "\e105";
}

/* line 145, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-eye-close:before {
  content: "\e106";
}

/* line 146, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-warning-sign:before {
  content: "\e107";
}

/* line 147, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-plane:before {
  content: "\e108";
}

/* line 148, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-calendar:before {
  content: "\e109";
}

/* line 149, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-random:before {
  content: "\e110";
}

/* line 150, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-comment:before {
  content: "\e111";
}

/* line 151, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-magnet:before {
  content: "\e112";
}

/* line 152, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-chevron-up:before {
  content: "\e113";
}

/* line 153, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-chevron-down:before {
  content: "\e114";
}

/* line 154, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-retweet:before {
  content: "\e115";
}

/* line 155, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-shopping-cart:before {
  content: "\e116";
}

/* line 156, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-folder-close:before {
  content: "\e117";
}

/* line 157, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-folder-open:before {
  content: "\e118";
}

/* line 158, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-resize-vertical:before {
  content: "\e119";
}

/* line 159, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-resize-horizontal:before {
  content: "\e120";
}

/* line 160, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-hdd:before {
  content: "\e121";
}

/* line 161, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-bullhorn:before {
  content: "\e122";
}

/* line 162, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-bell:before {
  content: "\e123";
}

/* line 163, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-certificate:before {
  content: "\e124";
}

/* line 164, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-thumbs-up:before {
  content: "\e125";
}

/* line 165, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-thumbs-down:before {
  content: "\e126";
}

/* line 166, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-hand-right:before {
  content: "\e127";
}

/* line 167, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-hand-left:before {
  content: "\e128";
}

/* line 168, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-hand-up:before {
  content: "\e129";
}

/* line 169, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-hand-down:before {
  content: "\e130";
}

/* line 170, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

/* line 171, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

/* line 172, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

/* line 173, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

/* line 174, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-globe:before {
  content: "\e135";
}

/* line 175, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-wrench:before {
  content: "\e136";
}

/* line 176, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-tasks:before {
  content: "\e137";
}

/* line 177, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-filter:before {
  content: "\e138";
}

/* line 178, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-briefcase:before {
  content: "\e139";
}

/* line 179, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-fullscreen:before {
  content: "\e140";
}

/* line 180, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-dashboard:before {
  content: "\e141";
}

/* line 181, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-paperclip:before {
  content: "\e142";
}

/* line 182, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-heart-empty:before {
  content: "\e143";
}

/* line 183, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-link:before {
  content: "\e144";
}

/* line 184, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-phone:before {
  content: "\e145";
}

/* line 185, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-pushpin:before {
  content: "\e146";
}

/* line 186, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-usd:before {
  content: "\e148";
}

/* line 187, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-gbp:before {
  content: "\e149";
}

/* line 188, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sort:before {
  content: "\e150";
}

/* line 189, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

/* line 190, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

/* line 191, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sort-by-order:before {
  content: "\e153";
}

/* line 192, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

/* line 193, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

/* line 194, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

/* line 195, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-unchecked:before {
  content: "\e157";
}

/* line 196, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-expand:before {
  content: "\e158";
}

/* line 197, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-collapse-down:before {
  content: "\e159";
}

/* line 198, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-collapse-up:before {
  content: "\e160";
}

/* line 199, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-log-in:before {
  content: "\e161";
}

/* line 200, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-flash:before {
  content: "\e162";
}

/* line 201, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-log-out:before {
  content: "\e163";
}

/* line 202, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-new-window:before {
  content: "\e164";
}

/* line 203, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-record:before {
  content: "\e165";
}

/* line 204, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-save:before {
  content: "\e166";
}

/* line 205, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-open:before {
  content: "\e167";
}

/* line 206, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-saved:before {
  content: "\e168";
}

/* line 207, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-import:before {
  content: "\e169";
}

/* line 208, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-export:before {
  content: "\e170";
}

/* line 209, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-send:before {
  content: "\e171";
}

/* line 210, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-floppy-disk:before {
  content: "\e172";
}

/* line 211, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-floppy-saved:before {
  content: "\e173";
}

/* line 212, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-floppy-remove:before {
  content: "\e174";
}

/* line 213, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-floppy-save:before {
  content: "\e175";
}

/* line 214, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-floppy-open:before {
  content: "\e176";
}

/* line 215, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-credit-card:before {
  content: "\e177";
}

/* line 216, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-transfer:before {
  content: "\e178";
}

/* line 217, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-cutlery:before {
  content: "\e179";
}

/* line 218, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-header:before {
  content: "\e180";
}

/* line 219, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-compressed:before {
  content: "\e181";
}

/* line 220, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-earphone:before {
  content: "\e182";
}

/* line 221, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-phone-alt:before {
  content: "\e183";
}

/* line 222, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-tower:before {
  content: "\e184";
}

/* line 223, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-stats:before {
  content: "\e185";
}

/* line 224, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sd-video:before {
  content: "\e186";
}

/* line 225, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-hd-video:before {
  content: "\e187";
}

/* line 226, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-subtitles:before {
  content: "\e188";
}

/* line 227, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sound-stereo:before {
  content: "\e189";
}

/* line 228, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sound-dolby:before {
  content: "\e190";
}

/* line 229, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sound-5-1:before {
  content: "\e191";
}

/* line 230, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sound-6-1:before {
  content: "\e192";
}

/* line 231, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sound-7-1:before {
  content: "\e193";
}

/* line 232, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-copyright-mark:before {
  content: "\e194";
}

/* line 233, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-registration-mark:before {
  content: "\e195";
}

/* line 234, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-cloud-download:before {
  content: "\e197";
}

/* line 235, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-cloud-upload:before {
  content: "\e198";
}

/* line 236, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-tree-conifer:before {
  content: "\e199";
}

/* line 237, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-tree-deciduous:before {
  content: "\e200";
}

/* line 238, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-cd:before {
  content: "\e201";
}

/* line 239, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-save-file:before {
  content: "\e202";
}

/* line 240, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-open-file:before {
  content: "\e203";
}

/* line 241, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-level-up:before {
  content: "\e204";
}

/* line 242, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-copy:before {
  content: "\e205";
}

/* line 243, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-paste:before {
  content: "\e206";
}

/* line 252, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-alert:before {
  content: "\e209";
}

/* line 253, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-equalizer:before {
  content: "\e210";
}

/* line 254, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-king:before {
  content: "\e211";
}

/* line 255, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-queen:before {
  content: "\e212";
}

/* line 256, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-pawn:before {
  content: "\e213";
}

/* line 257, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-bishop:before {
  content: "\e214";
}

/* line 258, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-knight:before {
  content: "\e215";
}

/* line 259, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-baby-formula:before {
  content: "\e216";
}

/* line 260, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-tent:before {
  content: "\26fa";
}

/* line 261, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-blackboard:before {
  content: "\e218";
}

/* line 262, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-bed:before {
  content: "\e219";
}

/* line 263, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-apple:before {
  content: "\f8ff";
}

/* line 264, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-erase:before {
  content: "\e221";
}

/* line 265, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-hourglass:before {
  content: "\231b";
}

/* line 266, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-lamp:before {
  content: "\e223";
}

/* line 267, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-duplicate:before {
  content: "\e224";
}

/* line 268, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-piggy-bank:before {
  content: "\e225";
}

/* line 269, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-scissors:before {
  content: "\e226";
}

/* line 270, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-bitcoin:before {
  content: "\e227";
}

/* line 271, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-btc:before {
  content: "\e227";
}

/* line 272, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-xbt:before {
  content: "\e227";
}

/* line 273, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-yen:before {
  content: "\00a5";
}

/* line 274, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-jpy:before {
  content: "\00a5";
}

/* line 275, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-ruble:before {
  content: "\20bd";
}

/* line 276, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-rub:before {
  content: "\20bd";
}

/* line 277, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-scale:before {
  content: "\e230";
}

/* line 278, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-ice-lolly:before {
  content: "\e231";
}

/* line 279, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

/* line 280, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-education:before {
  content: "\e233";
}

/* line 281, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-option-horizontal:before {
  content: "\e234";
}

/* line 282, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-option-vertical:before {
  content: "\e235";
}

/* line 283, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-menu-hamburger:before {
  content: "\e236";
}

/* line 284, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-modal-window:before {
  content: "\e237";
}

/* line 285, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-oil:before {
  content: "\e238";
}

/* line 286, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-grain:before {
  content: "\e239";
}

/* line 287, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-sunglasses:before {
  content: "\e240";
}

/* line 288, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-text-size:before {
  content: "\e241";
}

/* line 289, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-text-color:before {
  content: "\e242";
}

/* line 290, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-text-background:before {
  content: "\e243";
}

/* line 291, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-object-align-top:before {
  content: "\e244";
}

/* line 292, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-object-align-bottom:before {
  content: "\e245";
}

/* line 293, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

/* line 294, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-object-align-left:before {
  content: "\e247";
}

/* line 295, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-object-align-vertical:before {
  content: "\e248";
}

/* line 296, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-object-align-right:before {
  content: "\e249";
}

/* line 297, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-triangle-right:before {
  content: "\e250";
}

/* line 298, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-triangle-left:before {
  content: "\e251";
}

/* line 299, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-triangle-bottom:before {
  content: "\e252";
}

/* line 300, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-triangle-top:before {
  content: "\e253";
}

/* line 301, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-console:before {
  content: "\e254";
}

/* line 302, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-superscript:before {
  content: "\e255";
}

/* line 303, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-subscript:before {
  content: "\e256";
}

/* line 304, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-menu-left:before {
  content: "\e257";
}

/* line 305, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-menu-right:before {
  content: "\e258";
}

/* line 306, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-menu-down:before {
  content: "\e259";
}

/* line 307, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_glyphicons.scss */
.glyphicon-menu-up:before {
  content: "\e260";
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #333333;
  background-color: #fff;
}

/* line 36, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 48, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
a {
  color: #2aa7ff;
  text-decoration: none;
}

/* line 52, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
a:hover, a:focus {
  color: #0081dd;
  text-decoration: none;
}

/* line 58, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* line 69, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
figure {
  margin: 0;
}

/* line 76, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
img {
  vertical-align: middle;
}

/* line 81, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

/* line 86, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.img-rounded {
  border-radius: 8px;
}

/* line 93, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.img-thumbnail {
  padding: 15px;
  line-height: 1.45;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* line 106, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.img-circle {
  border-radius: 50%;
}

/* line 113, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

/* line 125, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 141, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* line 159, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
[role="button"] {
  cursor: pointer;
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.4;
  color: inherit;
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

/* line 47, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h1, .h1 {
  font-size: 36px;
}

/* line 48, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h2, .h2 {
  font-size: 30px;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h3, .h3 {
  font-size: 24px;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h4, .h4 {
  font-size: 18px;
}

/* line 51, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h5, .h5 {
  font-size: 16px;
}

/* line 52, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
h6, .h6 {
  font-size: 14px;
}

/* line 58, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
p {
  margin: 0 0 10px;
}

/* line 62, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  /* line 62, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
  .lead {
    font-size: 21px;
  }
}

/* line 78, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
small,
.small {
  font-size: 85%;
}

/* line 83, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
mark,
.mark {
  padding: .2em;
  background-color: #fff8d3;
}

/* line 90, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-left {
  text-align: left;
}

/* line 91, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-right {
  text-align: right;
}

/* line 92, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-center {
  text-align: center;
}

/* line 93, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-justify {
  text-align: justify;
}

/* line 94, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-nowrap {
  white-space: nowrap;
}

/* line 97, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-lowercase {
  text-transform: lowercase;
}

/* line 98, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-uppercase, .initialism {
  text-transform: uppercase;
}

/* line 99, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-capitalize {
  text-transform: capitalize;
}

/* line 102, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.text-muted {
  color: #777777;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-primary {
  color: #2aa7ff;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
a.text-primary:hover,
a.text-primary:focus {
  color: #0090f6;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-success, .limit-changed {
  color: #31c48d;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
a.text-success:hover, a.limit-changed:hover,
a.text-success:focus,
a.limit-changed:focus {
  color: #279b70;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-info {
  color: #2aa7ff;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
a.text-info:hover,
a.text-info:focus {
  color: #0090f6;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-warning {
  color: #e3a008;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
a.text-warning:hover,
a.text-warning:focus {
  color: #b27d06;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-danger {
  color: #f05252;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
a.text-danger:hover,
a.text-danger:focus {
  color: #ec2323;
}

/* line 119, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.bg-primary {
  color: #fff;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
.bg-primary {
  background-color: #2aa7ff;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #0090f6;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
.bg-success {
  background-color: #bcf0da;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
a.bg-success:hover,
a.bg-success:focus {
  background-color: #92e7c3;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
.bg-info {
  background-color: #d4edff;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
a.bg-info:hover,
a.bg-info:focus {
  background-color: #a1d8ff;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
.bg-warning {
  background-color: #fff8d3;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #fff0a0;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
.bg-danger {
  background-color: #fbd5d5;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #f7a6a6;
}

/* line 138, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid transparent;
}

/* line 149, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

/* line 153, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

/* line 167, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/* line 173, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

/* line 177, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/* line 185, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
dl {
  margin-top: 0;
  margin-bottom: 20px;
}

/* line 189, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
dt,
dd {
  line-height: 1.45;
}

/* line 193, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
dt {
  font-weight: 700;
}

/* line 196, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
dd {
  margin-left: 0;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 211, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 218, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

/* line 230, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
abbr[title],
abbr[data-original-title] {
  cursor: help;
}

/* line 235, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.initialism {
  font-size: 90%;
}

/* line 241, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

/* line 250, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

/* line 257, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.45;
  color: #777777;
}

/* line 265, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}

/* line 274, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.blockquote-reverse,
blockquote.pull-right,
.time-span-popover blockquote.time_entry {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

/* line 286, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
.time-span-popover blockquote.time_entry footer:before,
blockquote.pull-right small:before,
.time-span-popover blockquote.time_entry small:before,
blockquote.pull-right .small:before,
.time-span-popover blockquote.time_entry .small:before {
  content: "";
}

/* line 287, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
.time-span-popover blockquote.time_entry footer:after,
blockquote.pull-right small:after,
.time-span-popover blockquote.time_entry small:after,
blockquote.pull-right .small:after,
.time-span-popover blockquote.time_entry .small:after {
  content: "\00A0 \2014";
}

/* line 294, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_type.scss */
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.45;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

/* line 15, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 6px;
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* line 32, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.45;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

/* line 66, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

/* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container:before, .container:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  /* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  /* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 1170px;
  }
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container-fluid:after {
  clear: both;
}

/* line 39, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row {
  margin-right: -15px;
  margin-left: -15px;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.row:before, .row:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.row:after {
  clear: both;
}

/* line 43, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* line 47, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1 {
  width: 8.3333333333%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-2 {
  width: 16.6666666667%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-3 {
  width: 25%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-4 {
  width: 33.3333333333%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-5 {
  width: 41.6666666667%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-6 {
  width: 50%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-7 {
  width: 58.3333333333%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-8 {
  width: 66.6666666667%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-9 {
  width: 75%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-10 {
  width: 83.3333333333%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-11 {
  width: 91.6666666667%;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-12 {
  width: 100%;
}

/* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-0 {
  right: auto;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-1 {
  right: 8.3333333333%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-2 {
  right: 16.6666666667%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-3 {
  right: 25%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-4 {
  right: 33.3333333333%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-5 {
  right: 41.6666666667%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-6 {
  right: 50%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-7 {
  right: 58.3333333333%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-8 {
  right: 66.6666666667%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-9 {
  right: 75%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-10 {
  right: 83.3333333333%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-11 {
  right: 91.6666666667%;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-12 {
  right: 100%;
}

/* line 45, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-0 {
  left: auto;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-1 {
  left: 8.3333333333%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-2 {
  left: 16.6666666667%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-3 {
  left: 25%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-4 {
  left: 33.3333333333%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-5 {
  left: 41.6666666667%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-6 {
  left: 50%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-7 {
  left: 58.3333333333%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-8 {
  left: 66.6666666667%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-9 {
  left: 75%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-10 {
  left: 83.3333333333%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-11 {
  left: 91.6666666667%;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-12 {
  left: 100%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-0 {
  margin-left: 0%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-3 {
  margin-left: 25%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-6 {
  margin-left: 50%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-9 {
  margin-left: 75%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  /* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1 {
    width: 8.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-2 {
    width: 16.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-3 {
    width: 25%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-4 {
    width: 33.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-5 {
    width: 41.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-6 {
    width: 50%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-7 {
    width: 58.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-8 {
    width: 66.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-9 {
    width: 75%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-10 {
    width: 83.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-11 {
    width: 91.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-12 {
    width: 100%;
  }
  /* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-0 {
    right: auto;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-12 {
    right: 100%;
  }
  /* line 45, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-0 {
    left: auto;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-3 {
    left: 25%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-6 {
    left: 50%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-9 {
    left: 75%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-12 {
    left: 100%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  /* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-1 {
    width: 8.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-2 {
    width: 16.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-3 {
    width: 25%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-4 {
    width: 33.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-5 {
    width: 41.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-6 {
    width: 50%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-7 {
    width: 58.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-8 {
    width: 66.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-9 {
    width: 75%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-10 {
    width: 83.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-11 {
    width: 91.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-12 {
    width: 100%;
  }
  /* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-0 {
    right: auto;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-12 {
    right: 100%;
  }
  /* line 45, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-0 {
    left: auto;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-3 {
    left: 25%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-6 {
    left: 50%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-9 {
    left: 75%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-12 {
    left: 100%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-0 {
    margin-left: 0%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-3 {
    margin-left: 25%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-6 {
    margin-left: 50%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-9 {
    margin-left: 75%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  /* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1 {
    width: 8.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-2 {
    width: 16.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-3 {
    width: 25%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-4 {
    width: 33.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-5 {
    width: 41.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-6 {
    width: 50%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-7 {
    width: 58.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-8 {
    width: 66.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-9 {
    width: 75%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-10 {
    width: 83.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-11 {
    width: 91.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-12 {
    width: 100%;
  }
  /* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-0 {
    right: auto;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-12 {
    right: 100%;
  }
  /* line 45, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-0 {
    left: auto;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-3 {
    left: 25%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-6 {
    left: 50%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-9 {
    left: 75%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-12 {
    left: 100%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
table {
  background-color: transparent;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

/* line 21, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

/* line 29, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

/* line 36, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
th {
  text-align: left;
}

/* line 43, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

/* line 52, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.45;
  vertical-align: top;
  border-top: 1px solid #e5e7eb;
}

/* line 62, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e7eb;
}

/* line 71, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

/* line 78, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table > tbody + tbody {
  border-top: 2px solid #e5e7eb;
}

/* line 83, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table .table {
  background-color: #fff;
}

/* line 96, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

/* line 109, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered {
  border: 1px solid #e5e7eb;
}

/* line 115, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e7eb;
}

/* line 122, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

/* line 135, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

/* line 146, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table-hover > tbody > tr:hover {
  background-color: #f3f4f6;
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f3f4f6;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e4e7eb;
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #bcf0da;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #a7ebce;
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d4edff;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #bbe2ff;
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fff8d3;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #fff4ba;
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #fbd5d5;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #f9bebe;
}

/* line 171, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  /* line 171, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e5e7eb;
  }
  /* line 183, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive > .table {
    margin-bottom: 0;
  }
  /* line 191, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  /* line 200, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive > .table-bordered {
    border: 0;
  }
  /* line 208, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  /* line 212, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  /* line 225, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

/* line 32, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

/* line 46, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

/* line 61, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

/* line 71, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="radio"][disabled], input.disabled[type="radio"], fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input.disabled[type="checkbox"], fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

/* line 78, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="file"] {
  display: block;
}

/* line 83, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="range"] {
  display: block;
  width: 100%;
}

/* line 89, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
select[multiple],
select[size] {
  height: auto;
}

/* line 95, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* line 102, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
output {
  display: block;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.45;
  color: #374151;
}

/* line 133, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 9px 20px;
  font-size: 14px;
  line-height: 1.45;
  color: #374151;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* line 57, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.form-control:focus {
  border-color: #2aa7ff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(42, 167, 255, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(42, 167, 255, 0.6);
}

/* line 103, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss */
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

/* line 107, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss */
.form-control:-ms-input-placeholder {
  color: #999;
}

/* line 108, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss */
.form-control::-webkit-input-placeholder {
  color: #999;
}

/* line 155, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

/* line 165, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: transparent;
  opacity: 1;
}

/* line 172, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

/* line 181, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 200, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  input.form-control[type="date"],
input.form-control[type="time"],
input.form-control[type="datetime-local"],
input.form-control[type="month"] {
    line-height: 40px;
  }
  /* line 204, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  input.input-sm[type="date"], .input-group-sm > .form-control[type="date"],
.input-group-sm > .input-group-addon[type="date"],
.input-group-sm > .input-group-btn > .btn[type="date"],
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .nav-item[type="date"], .input-group-sm input[type="date"],
input.input-sm[type="time"],
.input-group-sm > .form-control[type="time"],
.input-group-sm > .input-group-addon[type="time"],
.input-group-sm > .input-group-btn > .btn[type="time"],
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .nav-item[type="time"], .input-group-sm input[type="time"],
input.input-sm[type="datetime-local"],
.input-group-sm > .form-control[type="datetime-local"],
.input-group-sm > .input-group-addon[type="datetime-local"],
.input-group-sm > .input-group-btn > .btn[type="datetime-local"],
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .nav-item[type="datetime-local"], .input-group-sm input[type="datetime-local"],
input.input-sm[type="month"],
.input-group-sm > .form-control[type="month"],
.input-group-sm > .input-group-addon[type="month"],
.input-group-sm > .input-group-btn > .btn[type="month"],
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .nav-item[type="month"], .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  /* line 209, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  input.input-lg[type="date"], .input-group-lg > .form-control[type="date"],
.input-group-lg > .input-group-addon[type="date"],
.input-group-lg > .input-group-btn > .btn[type="date"],
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .nav-item[type="date"], .input-group-lg input[type="date"],
input.input-lg[type="time"],
.input-group-lg > .form-control[type="time"],
.input-group-lg > .input-group-addon[type="time"],
.input-group-lg > .input-group-btn > .btn[type="time"],
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .nav-item[type="time"], .input-group-lg input[type="time"],
input.input-lg[type="datetime-local"],
.input-group-lg > .form-control[type="datetime-local"],
.input-group-lg > .input-group-addon[type="datetime-local"],
.input-group-lg > .input-group-btn > .btn[type="datetime-local"],
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .nav-item[type="datetime-local"], .input-group-lg input[type="datetime-local"],
input.input-lg[type="month"],
.input-group-lg > .form-control[type="month"],
.input-group-lg > .input-group-addon[type="month"],
.input-group-lg > .input-group-btn > .btn[type="month"],
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .nav-item[type="month"], .input-group-lg input[type="month"] {
    line-height: 44px;
  }
}

/* line 222, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group {
  margin-bottom: 15px;
}

/* line 231, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 241, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

/* line 246, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

/* line 254, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}

/* line 263, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

/* line 269, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

/* line 280, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

/* line 285, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

/* line 297, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control-static {
  min-height: 34px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
}

/* line 305, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .form-control-static.nav-item, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn,
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .form-control-static.nav-item {
  padding-right: 0;
  padding-left: 0;
}

/* line 71, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .nav-item {
  height: 30px;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 79, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn,
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > select.nav-item {
  height: 30px;
  line-height: 30px;
}

/* line 84, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > textarea.nav-item,
select.input-sm[multiple],
.input-group-sm > .form-control[multiple],
.input-group-sm > .input-group-addon[multiple],
.input-group-sm > .input-group-btn > .btn[multiple],
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .nav-item[multiple] {
  height: auto;
}

/* line 323, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-sm .form-control, .time-span-popover .time_entry .form-control, .time-span-popover .duration .form-control, .time-span-popover .vue-app-date-picker .form-control,
.time-span-popover .datepicker .form-control,
.time-span-popover .time_entry_duration .form-control {
  height: 30px;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 330, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-sm select.form-control, .time-span-popover .time_entry select.form-control, .time-span-popover .duration select.form-control, .time-span-popover .vue-app-date-picker select.form-control,
.time-span-popover .datepicker select.form-control,
.time-span-popover .time_entry_duration select.form-control {
  height: 30px;
  line-height: 30px;
}

/* line 334, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-sm textarea.form-control, .time-span-popover .time_entry textarea.form-control, .time-span-popover .duration textarea.form-control, .time-span-popover .vue-app-date-picker textarea.form-control,
.time-span-popover .datepicker textarea.form-control,
.time-span-popover .time_entry_duration textarea.form-control,
.form-group-sm select.form-control[multiple],
.time-span-popover .time_entry select.form-control[multiple],
.time-span-popover .duration select.form-control[multiple],
.time-span-popover .vue-app-date-picker select.form-control[multiple],
.time-span-popover .datepicker select.form-control[multiple],
.time-span-popover .time_entry_duration select.form-control[multiple] {
  height: auto;
}

/* line 338, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-sm .form-control-static, .time-span-popover .time_entry .form-control-static, .time-span-popover .duration .form-control-static, .time-span-popover .vue-app-date-picker .form-control-static,
.time-span-popover .datepicker .form-control-static,
.time-span-popover .time_entry_duration .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 20px;
  font-size: 12px;
  line-height: 1.5;
}

/* line 71, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .nav-item {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 8px;
}

/* line 79, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn,
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > select.nav-item {
  height: 44px;
  line-height: 44px;
}

/* line 84, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > textarea.nav-item,
select.input-lg[multiple],
.input-group-lg > .form-control[multiple],
.input-group-lg > .input-group-addon[multiple],
.input-group-lg > .input-group-btn > .btn[multiple],
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .nav-item[multiple] {
  height: auto;
}

/* line 349, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-lg .form-control {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 8px;
}

/* line 356, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-lg select.form-control {
  height: 44px;
  line-height: 44px;
}

/* line 360, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-lg textarea.form-control,
.form-group-lg select.form-control[multiple] {
  height: auto;
}

/* line 364, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-lg .form-control-static {
  height: 44px;
  min-height: 36px;
  padding: 11px 16px;
  font-size: 16px;
  line-height: 1.3333333;
}

/* line 378, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.has-feedback {
  position: relative;
}

/* line 383, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.has-feedback .form-control {
  padding-right: 50px;
}

/* line 388, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  pointer-events: none;
}

/* line 400, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .nav-item + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 44px;
  height: 44px;
  line-height: 44px;
}

/* line 407, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .nav-item + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback,
.time-span-popover .time_entry .form-control + .form-control-feedback,
.time-span-popover .duration .form-control + .form-control-feedback,
.time-span-popover .vue-app-date-picker .form-control + .form-control-feedback,
.time-span-popover .datepicker .form-control + .form-control-feedback,
.time-span-popover .time_entry_duration .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .help-block,
.has-success .control-label,
.has-success #attendance-schedule-form .toggle-switch-wrapper .inline-control-label,
#attendance-schedule-form .toggle-switch-wrapper .has-success .inline-control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #31c48d;
}

/* line 21, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .form-control {
  border-color: #31c48d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .form-control:focus {
  border-color: #279b70;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ddeba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ddeba;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .input-group-addon {
  color: #31c48d;
  background-color: #bcf0da;
  border-color: #31c48d;
}

/* line 37, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .form-control-feedback {
  color: #31c48d;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .help-block,
.has-warning .control-label,
.has-warning #attendance-schedule-form .toggle-switch-wrapper .inline-control-label,
#attendance-schedule-form .toggle-switch-wrapper .has-warning .inline-control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #e3a008;
}

/* line 21, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .form-control {
  border-color: #e3a008;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .form-control:focus {
  border-color: #b27d06;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c858;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c858;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .input-group-addon {
  color: #e3a008;
  background-color: #fff8d3;
  border-color: #e3a008;
}

/* line 37, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .form-control-feedback {
  color: #e3a008;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .help-block,
.has-error .control-label,
.has-error #attendance-schedule-form .toggle-switch-wrapper .inline-control-label,
#attendance-schedule-form .toggle-switch-wrapper .has-error .inline-control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #f05252;
}

/* line 21, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .form-control {
  border-color: #f05252;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .form-control:focus {
  border-color: #ec2323;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8b0b0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8b0b0;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .input-group-addon {
  color: #f05252;
  background-color: #fbd5d5;
  border-color: #f05252;
}

/* line 37, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .form-control-feedback {
  color: #f05252;
}

/* line 429, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

/* line 432, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

/* line 443, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  /* line 468, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 475, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  /* line 482, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-control-static {
    display: inline-block;
  }
  /* line 486, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  /* line 490, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }
  /* line 498, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  /* line 502, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .control-label, .form-inline #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .form-inline .inline-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 509, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 516, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  /* line 520, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  /* line 527, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

/* line 549, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 559, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px;
}

/* line 565, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 572, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-horizontal .control-label, .form-horizontal #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .inline-control-label {
    padding-top: 10px;
    margin-bottom: 0;
    text-align: right;
  }
}

/* line 583, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  /* line 593, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-horizontal .form-group-lg .control-label, .form-horizontal .form-group-lg #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .form-group-lg .inline-control-label {
    padding-top: 11px;
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  /* line 601, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-horizontal .form-group-sm .control-label, .form-horizontal .time-span-popover .time_entry .control-label, .time-span-popover .form-horizontal .time_entry .control-label, .form-horizontal .time-span-popover .duration .control-label, .time-span-popover .form-horizontal .duration .control-label, .form-horizontal .time-span-popover .vue-app-date-picker .control-label, .time-span-popover .form-horizontal .vue-app-date-picker .control-label,
.form-horizontal .time-span-popover .datepicker .control-label,
.time-span-popover .form-horizontal .datepicker .control-label,
.form-horizontal .time-span-popover .time_entry_duration .control-label,
.time-span-popover .form-horizontal .time_entry_duration .control-label, .form-horizontal .form-group-sm #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, .form-horizontal .time-span-popover .time_entry #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, .time-span-popover .form-horizontal .time_entry #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, .form-horizontal .time-span-popover .duration #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, .time-span-popover .form-horizontal .duration #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, .form-horizontal .time-span-popover .vue-app-date-picker #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, .time-span-popover .form-horizontal .vue-app-date-picker #attendance-schedule-form .toggle-switch-wrapper .inline-control-label,
.form-horizontal .time-span-popover .datepicker #attendance-schedule-form .toggle-switch-wrapper .inline-control-label,
.time-span-popover .form-horizontal .datepicker #attendance-schedule-form .toggle-switch-wrapper .inline-control-label,
.form-horizontal .time-span-popover .time_entry_duration #attendance-schedule-form .toggle-switch-wrapper .inline-control-label,
.time-span-popover .form-horizontal .time_entry_duration #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .form-group-sm .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .time-span-popover .time_entry .inline-control-label, .time-span-popover #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .time_entry .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .time-span-popover .duration .inline-control-label, .time-span-popover #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .duration .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .time-span-popover .vue-app-date-picker .inline-control-label, .time-span-popover #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .vue-app-date-picker .inline-control-label,
#attendance-schedule-form .toggle-switch-wrapper .form-horizontal .time-span-popover .datepicker .inline-control-label,
.time-span-popover #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .datepicker .inline-control-label,
#attendance-schedule-form .toggle-switch-wrapper .form-horizontal .time-span-popover .time_entry_duration .inline-control-label,
.time-span-popover #attendance-schedule-form .toggle-switch-wrapper .form-horizontal .time_entry_duration .inline-control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn, .app-tabs-switch > .nav.nav-tabs .nav-item {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 9px 20px;
  font-size: 14px;
  line-height: 1.45;
  border-radius: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 26, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn:focus, .app-tabs-switch > .nav.nav-tabs .nav-item:focus, .btn.focus, .app-tabs-switch > .nav.nav-tabs .focus.nav-item, .btn:active:focus, .btn.focus:active, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* line 32, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn:hover, .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .btn:focus, .app-tabs-switch > .nav.nav-tabs .nav-item:focus, .btn.focus, .app-tabs-switch > .nav.nav-tabs .focus.nav-item {
  color: #374151;
  text-decoration: none;
}

/* line 39, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn:active, .app-tabs-switch > .nav.nav-tabs .nav-item:active, .btn.active, .app-tabs-switch > .nav.nav-tabs .active.nav-item {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* line 46, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn.disabled, .app-tabs-switch > .nav.nav-tabs .disabled.nav-item, .btn[disabled], .app-tabs-switch > .nav.nav-tabs .nav-item[disabled], fieldset[disabled] .btn, fieldset[disabled] .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs fieldset[disabled] .nav-item {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 58, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
a.btn.disabled, .app-tabs-switch > .nav.nav-tabs a.disabled.nav-item, fieldset[disabled] a.btn, fieldset[disabled] .app-tabs-switch > .nav.nav-tabs a.nav-item, .app-tabs-switch > .nav.nav-tabs fieldset[disabled] a.nav-item {
  pointer-events: none;
}

/* line 68, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-default {
  color: #374151;
  background-color: #fff;
  border-color: #e5e7eb;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-default:focus, .btn-default.focus {
  color: #374151;
  background-color: #e6e6e6;
  border-color: #9da4b4;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-default:hover {
  color: #374151;
  background-color: #e6e6e6;
  border-color: #c2c7d0;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #374151;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #c2c7d0;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-default:active:hover, .btn-default:active:focus, .btn-default.focus:active, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #374151;
  background-color: #d4d4d4;
  border-color: #9da4b4;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #e5e7eb;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-default .badge {
  color: #fff;
  background-color: #374151;
}

/* line 71, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-primary {
  color: #fff;
  background-color: #2aa7ff;
  border-color: #119cff;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0090f6;
  border-color: #005590;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-primary:hover {
  color: #fff;
  background-color: #0090f6;
  border-color: #007bd2;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0090f6;
  background-image: none;
  border-color: #007bd2;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.focus:active, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #007bd2;
  border-color: #005590;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #2aa7ff;
  border-color: #119cff;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-primary .badge {
  color: #2aa7ff;
  background-color: #fff;
}

/* line 75, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-success {
  color: #fff;
  background-color: #31c48d;
  border-color: #31c48d;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #279b70;
  border-color: #185e44;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-success:hover {
  color: #fff;
  background-color: #279b70;
  border-color: #25936a;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #279b70;
  background-image: none;
  border-color: #25936a;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-success:active:hover, .btn-success:active:focus, .btn-success.focus:active, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #207f5b;
  border-color: #185e44;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success.focus[disabled], fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #31c48d;
  border-color: #31c48d;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-success .badge {
  color: #31c48d;
  background-color: #fff;
}

/* line 79, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-info {
  color: #fff;
  background-color: #2aa7ff;
  border-color: #119cff;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #0090f6;
  border-color: #005590;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-info:hover {
  color: #fff;
  background-color: #0090f6;
  border-color: #007bd2;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #0090f6;
  background-image: none;
  border-color: #007bd2;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-info:active:hover, .btn-info:active:focus, .btn-info.focus:active, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #007bd2;
  border-color: #005590;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info.focus[disabled], fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #2aa7ff;
  border-color: #119cff;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-info .badge {
  color: #2aa7ff;
  background-color: #fff;
}

/* line 83, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-warning {
  color: #fff;
  background-color: #ffac51;
  border-color: #ffa038;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ff941e;
  border-color: #b76000;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-warning:hover {
  color: #fff;
  background-color: #ff941e;
  border-color: #f98200;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ff941e;
  background-image: none;
  border-color: #f98200;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning.focus:active, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #f98200;
  border-color: #b76000;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning.focus[disabled], fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #ffac51;
  border-color: #ffa038;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-warning .badge {
  color: #ffac51;
  background-color: #fff;
}

/* line 87, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-danger {
  color: #fff;
  background-color: #f05252;
  border-color: #f05252;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #ec2323;
  border-color: #b31010;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-danger:hover {
  color: #fff;
  background-color: #ec2323;
  border-color: #eb1a1a;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ec2323;
  background-image: none;
  border-color: #eb1a1a;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger.focus:active, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #d91313;
  border-color: #b31010;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger.focus[disabled], fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #f05252;
  border-color: #f05252;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-danger .badge {
  color: #f05252;
  background-color: #fff;
}

/* line 96, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link {
  font-weight: 400;
  color: #2aa7ff;
  border-radius: 0;
}

/* line 101, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 109, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

/* line 115, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link:hover, .btn-link:focus {
  color: #0081dd;
  text-decoration: none;
  background-color: transparent;
}

/* line 123, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

/* line 135, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-lg, .btn-group-lg > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-lg > .nav-item {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 8px;
}

/* line 139, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-sm, .btn-group-sm > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-sm > .nav-item {
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 143, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-xs, .btn-group-xs > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-xs > .nav-item {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 151, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-block {
  display: block;
  width: 100%;
}

/* line 157, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
.btn-block + .btn-block {
  margin-top: 5px;
}

/* line 165, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_buttons.scss */
input.btn-block[type="submit"],
input.btn-block[type="reset"],
input.btn-block[type="button"] {
  width: 100%;
}

/* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.fade.in {
  opacity: 1;
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.collapse {
  display: none;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.collapse.in {
  display: block;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
tr.collapse.in {
  display: table-row;
}

/* line 29, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
tbody.collapse.in {
  display: table-row-group;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropup,
.dropdown {
  position: relative;
}

/* line 26, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-toggle:focus {
  outline: 0;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/* line 54, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu.pull-right, .time-span-popover .dropdown-menu.time_entry {
  right: 0;
  left: auto;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

/* line 65, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.45;
  color: #333333;
  white-space: nowrap;
}

/* line 74, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

/* line 85, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #2aa7ff;
  outline: 0;
}

/* line 100, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}

/* line 107, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* line 120, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.open > .dropdown-menu {
  display: block;
}

/* line 125, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.open > a {
  outline: 0;
}

/* line 134, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu-right {
  right: 0;
  left: auto;
}

/* line 144, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu-left {
  right: auto;
  left: 0;
}

/* line 150, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.45;
  color: #777777;
  white-space: nowrap;
}

/* line 160, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

/* line 170, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.pull-right > .dropdown-menu, .time-span-popover .time_entry > .dropdown-menu {
  right: 0;
  left: auto;
}

/* line 183, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}

/* line 190, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  /* line 204, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  /* line 209, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item,
.btn-group-vertical > .btn,
.app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item {
  position: relative;
  float: left;
}

/* line 15, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn:hover, .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item:hover, .btn-group > .btn:focus, .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item:focus, .btn-group > .btn:active, .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item:active, .btn-group > .btn.active, .app-tabs-switch > .nav.nav-tabs .btn-group > .active.nav-item,
.btn-group-vertical > .btn:hover,
.app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item:hover,
.btn-group-vertical > .btn:focus,
.app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item:focus,
.btn-group-vertical > .btn:active,
.app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item:active,
.btn-group-vertical > .btn.active,
.app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .active.nav-item {
  z-index: 2;
}

/* line 26, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group .btn + .btn, .btn-group .app-tabs-switch > .nav.nav-tabs .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .btn-group .nav-item + .btn, .btn-group .app-tabs-switch > .nav.nav-tabs .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .btn-group .btn + .nav-item, .btn-group .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item, .app-tabs-switch > .nav.nav-tabs .btn-group .nav-item + .nav-item,
.btn-group .btn + .btn-group,
.btn-group .app-tabs-switch > .nav.nav-tabs .nav-item + .btn-group,
.app-tabs-switch > .nav.nav-tabs .btn-group .nav-item + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .app-tabs-switch > .nav.nav-tabs .btn-group + .nav-item,
.app-tabs-switch > .nav.nav-tabs .btn-group .btn-group + .nav-item,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-toolbar {
  margin-left: -5px;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.btn-toolbar:before, .btn-toolbar:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.btn-toolbar:after {
  clear: both;
}

/* line 39, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-toolbar .btn, .btn-toolbar .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .btn-toolbar .nav-item,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

/* line 44, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-toolbar > .btn, .app-tabs-switch > .nav.nav-tabs .btn-toolbar > .nav-item,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

/* line 51, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

/* line 56, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn:first-child, .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item:first-child {
  margin-left: 0;
}

/* line 58, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 63, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn:last-child:not(:first-child), .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 69, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn-group {
  float: left;
}

/* line 72, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group > .btn-group:not(:first-child):not(:last-child) > .nav-item {
  border-radius: 0;
}

/* line 76, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .app-tabs-switch > .nav.nav-tabs .btn-group > .btn-group:first-child:not(:last-child) > .nav-item:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 81, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .app-tabs-switch > .nav.nav-tabs .btn-group > .btn-group:last-child:not(:first-child) > .nav-item:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 86, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

/* line 105, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn + .dropdown-toggle, .app-tabs-switch > .nav.nav-tabs .btn-group > .nav-item + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

/* line 109, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .app-tabs-switch > .nav.nav-tabs .btn-group-lg.btn-group > .nav-item + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

/* line 116, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* line 120, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 127, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn .caret, .app-tabs-switch > .nav.nav-tabs .nav-item .caret {
  margin-left: 0;
}

/* line 131, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-lg .caret, .btn-group-lg > .btn .caret, .app-tabs-switch > .nav.nav-tabs .btn-group-lg > .nav-item .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

/* line 136, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .app-tabs-switch > .nav.nav-tabs .btn-group-lg > .nav-item .caret, .app-tabs-switch > .nav.nav-tabs .dropup .btn-group-lg > .nav-item .caret {
  border-width: 0 5px 5px;
}

/* line 145, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn,
.app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .btn-group > .nav-item {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.btn-group-vertical > .btn-group:after {
  clear: both;
}

/* line 157, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn-group > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .btn-group > .nav-item {
  float: none;
}

/* line 162, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn + .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item + .nav-item,
.btn-group-vertical > .btn + .btn-group,
.app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .btn-group + .nav-item,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

/* line 172, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn:not(:first-child):not(:last-child), .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item:not(:first-child):not(:last-child) {
  border-radius: 0;
}

/* line 175, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn:first-child:not(:last-child), .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item:first-child:not(:last-child) {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 179, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn:last-child:not(:first-child), .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .nav-item:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 184, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .nav-item {
  border-radius: 0;
}

/* line 188, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .btn-group:first-child:not(:last-child) > .nav-item:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 193, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .app-tabs-switch > .nav.nav-tabs .btn-group-vertical > .btn-group:last-child:not(:first-child) > .nav-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 201, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

/* line 206, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-justified > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-justified > .nav-item,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

/* line 212, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-justified > .btn-group .btn, .btn-group-justified > .btn-group .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .btn-group-justified > .btn-group .nav-item {
  width: 100%;
}

/* line 216, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

/* line 237, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_button-groups.scss */
[data-toggle="buttons"] > .btn input[type="radio"], .app-tabs-switch > .nav.nav-tabs [data-toggle="buttons"] > .nav-item input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
.app-tabs-switch > .nav.nav-tabs [data-toggle="buttons"] > .nav-item input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

/* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group .form-control:focus {
  z-index: 3;
}

/* line 58, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

/* line 63, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

/* line 68, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

/* line 77, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon {
  padding: 9px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #374151;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}

/* line 89, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn,
.app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .input-group-addon.nav-item {
  padding: 5px 20px;
  font-size: 12px;
  border-radius: 4px;
}

/* line 94, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn,
.app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .input-group-addon.nav-item {
  padding: 10px 16px;
  font-size: 16px;
  border-radius: 8px;
}

/* line 101, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

/* line 108, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.app-tabs-switch > .nav.nav-tabs .input-group-btn:first-child > .nav-item,
.input-group-btn:first-child > .btn-group > .btn,
.app-tabs-switch > .nav.nav-tabs .input-group-btn:first-child > .btn-group > .nav-item,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.app-tabs-switch > .nav.nav-tabs .input-group-btn:last-child > .nav-item:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.app-tabs-switch > .nav.nav-tabs .input-group-btn:last-child > .btn-group:not(:last-child) > .nav-item {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 117, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon:first-child {
  border-right: 0;
}

/* line 120, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.app-tabs-switch > .nav.nav-tabs .input-group-btn:last-child > .nav-item,
.input-group-btn:last-child > .btn-group > .btn,
.app-tabs-switch > .nav.nav-tabs .input-group-btn:last-child > .btn-group > .nav-item,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.app-tabs-switch > .nav.nav-tabs .input-group-btn:first-child > .nav-item:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.app-tabs-switch > .nav.nav-tabs .input-group-btn:first-child > .btn-group:not(:first-child) > .nav-item {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 129, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon:last-child {
  border-left: 0;
}

/* line 135, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

/* line 144, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn > .btn, .app-tabs-switch > .nav.nav-tabs .input-group-btn > .nav-item {
  position: relative;
}

/* line 146, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn > .btn + .btn, .app-tabs-switch > .nav.nav-tabs .input-group-btn > .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .input-group-btn > .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .input-group-btn > .nav-item + .nav-item {
  margin-left: -1px;
}

/* line 150, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn > .btn:hover, .app-tabs-switch > .nav.nav-tabs .input-group-btn > .nav-item:hover, .input-group-btn > .btn:focus, .app-tabs-switch > .nav.nav-tabs .input-group-btn > .nav-item:focus, .input-group-btn > .btn:active, .app-tabs-switch > .nav.nav-tabs .input-group-btn > .nav-item:active {
  z-index: 2;
}

/* line 159, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn:first-child > .btn, .app-tabs-switch > .nav.nav-tabs .input-group-btn:first-child > .nav-item,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

/* line 165, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn:last-child > .btn, .app-tabs-switch > .nav.nav-tabs .input-group-btn:last-child > .nav-item,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.nav:before, .nav:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.nav:after {
  clear: both;
}

/* line 15, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav > li {
  position: relative;
  display: block;
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

/* line 23, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav > li.disabled > a {
  color: #777777;
}

/* line 34, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

/* line 46, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #2aa7ff;
}

/* line 59, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

/* line 66, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav > li > a > img {
  max-width: none;
}

/* line 76, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs {
  border-bottom: 1px solid #ddd;
}

/* line 78, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

/* line 84, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.45;
  border: 1px solid transparent;
  border-radius: 6px 6px 0 0;
}

/* line 89, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

/* line 96, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

/* line 118, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-pills > li {
  float: left;
}

/* line 122, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-pills > li > a {
  border-radius: 6px;
}

/* line 125, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-pills > li + li {
  margin-left: 2px;
}

/* line 131, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #2aa7ff;
}

/* line 144, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-stacked > li {
  float: none;
}

/* line 146, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

/* line 160, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

/* line 163, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

/* line 165, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

/* line 171, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  /* line 177, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  /* line 180, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

/* line 190, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

/* line 193, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 6px;
}

/* line 199, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  /* line 206, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 6px 6px 0 0;
  }
  /* line 210, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

/* line 224, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.tab-content > .tab-pane {
  display: none;
}

/* line 227, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.tab-content > .active {
  display: block;
}

/* line 237, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar {
    border-radius: 6px;
  }
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-header {
    float: left;
  }
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-collapse {
  padding-right: 10px;
  padding-left: 10px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.navbar-collapse:after {
  clear: both;
}

/* line 59, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  /* line 68, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  /* line 75, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-collapse.in {
    overflow-y: visible;
  }
  /* line 81, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

/* line 90, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* line 92, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  /* line 92, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

@media (min-width: 768px) {
  /* line 90, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
  }
}

/* line 112, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

/* line 116, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

/* line 129, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}

@media (min-width: 768px) {
  /* line 129, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 149, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  /* line 149, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-static-top {
    border-radius: 0;
  }
}

/* line 161, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 10px;
  font-size: 16px;
  line-height: 20px;
}

/* line 168, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

/* line 173, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  /* line 178, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}

/* line 191, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 6px;
}

/* line 204, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggle:focus {
  outline: 0;
}

/* line 209, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

/* line 215, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  /* line 191, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-toggle {
    display: none;
  }
}

/* line 230, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav {
  margin: 7.5px -10px;
}

/* line 233, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  /* line 241, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  /* line 249, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  /* line 253, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  /* line 255, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  /* line 230, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav {
    float: left;
    margin: 0;
  }
  /* line 268, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav > li {
    float: left;
  }
  /* line 270, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/* line 284, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-form {
  padding: 10px 10px;
  margin-right: -10px;
  margin-left: -10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 5px;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  /* line 468, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 475, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  /* line 482, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .form-control-static {
    display: inline-block;
  }
  /* line 486, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  /* line 490, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
    width: auto;
  }
  /* line 498, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  /* line 502, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .control-label, .navbar-form #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .navbar-form .inline-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 509, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .radio,
.navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 516, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .radio label,
.navbar-form .checkbox label {
    padding-left: 0;
  }
  /* line 520, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  /* line 527, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  /* line 296, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  /* line 300, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  /* line 284, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

/* line 325, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 330, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 341, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-btn {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 344, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-sm > .navbar-btn.nav-item {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 347, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-xs > .navbar-btn.nav-item {
  margin-top: 14px;
  margin-bottom: 14px;
}

/* line 357, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  /* line 357, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-text {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
  }
}

@media (min-width: 768px) {
  /* line 377, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-left {
    float: left !important;
  }
  /* line 380, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-right {
    float: right !important;
    margin-right: -10px;
  }
  /* line 384, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

/* line 395, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

/* line 399, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-brand {
  color: #777;
}

/* line 401, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

/* line 408, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-text {
  color: #777;
}

/* line 413, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > li > a {
  color: #777;
}

/* line 416, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

/* line 423, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

/* line 431, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

/* line 442, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width: 767px) {
  /* line 453, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  /* line 455, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  /* line 462, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  /* line 470, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

/* line 481, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-toggle {
  border-color: #ddd;
}

/* line 483, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

/* line 487, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

/* line 492, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

/* line 502, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-link {
  color: #777;
}

/* line 504, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .navbar-link:hover {
  color: #333;
}

/* line 509, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .btn-link {
  color: #777;
}

/* line 511, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}

/* line 517, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

/* line 527, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

/* line 531, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

/* line 533, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

/* line 540, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

/* line 545, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

/* line 548, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

/* line 555, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}

/* line 563, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

/* line 573, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #090909;
}

@media (max-width: 767px) {
  /* line 584, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  /* line 587, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  /* line 590, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  /* line 592, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  /* line 599, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  /* line 607, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

/* line 619, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-toggle {
  border-color: #333;
}

/* line 621, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

/* line 625, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

/* line 630, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

/* line 635, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

/* line 637, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .navbar-link:hover {
  color: #fff;
}

/* line 642, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .btn-link {
  color: #9d9d9d;
}

/* line 644, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}

/* line 650, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_breadcrumbs.scss */
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 6px;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_breadcrumbs.scss */
.breadcrumb > li {
  display: inline-block;
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_breadcrumbs.scss */
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}

/* line 25, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_breadcrumbs.scss */
.breadcrumb > .active {
  color: #777777;
}

/* line 4, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pagination.scss */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 6px;
}

/* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pagination.scss */
.pagination > li {
  display: inline;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pagination.scss */
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 9px 20px;
  margin-left: -1px;
  line-height: 1.45;
  color: #2aa7ff;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pagination.scss */
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #0081dd;
  background-color: #eeeeee;
  border-color: #ddd;
}

/* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pagination.scss */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pagination.scss */
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pagination.scss */
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 61, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pagination.scss */
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.5;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pager.scss */
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.pager:before, .pager:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.pager:after {
  clear: both;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pager.scss */
.pager li {
  display: inline;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pager.scss */
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

/* line 23, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pager.scss */
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pager.scss */
.pager .next > a,
.pager .next > span {
  float: right;
}

/* line 38, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pager.scss */
.pager .previous > a,
.pager .previous > span {
  float: left;
}

/* line 45, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_pager.scss */
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.label, .timesheet-sync-status, .timesheet-status, .time_off_request_status, .adjustment_type_label, .manual_time_log span.action,
.widget-id-manual_time_log span.action {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.label:empty, .timesheet-sync-status:empty, .timesheet-status:empty, .time_off_request_status:empty, .adjustment_type_label:empty, .manual_time_log span.action:empty,
.widget-id-manual_time_log span.action:empty {
  display: none;
}

/* line 25, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.btn .label, .btn .timesheet-sync-status, .btn .timesheet-status, .btn .time_off_request_status, .btn .adjustment_type_label, .btn .manual_time_log span.action, .manual_time_log .btn span.action,
.btn .widget-id-manual_time_log span.action,
.widget-id-manual_time_log .btn span.action, .app-tabs-switch > .nav.nav-tabs .nav-item .label, .app-tabs-switch > .nav.nav-tabs .nav-item .timesheet-sync-status, .app-tabs-switch > .nav.nav-tabs .nav-item .timesheet-status, .app-tabs-switch > .nav.nav-tabs .nav-item .time_off_request_status, .app-tabs-switch > .nav.nav-tabs .nav-item .adjustment_type_label, .app-tabs-switch > .nav.nav-tabs .nav-item .manual_time_log span.action, .manual_time_log .app-tabs-switch > .nav.nav-tabs .nav-item span.action,
.app-tabs-switch > .nav.nav-tabs .nav-item .widget-id-manual_time_log span.action,
.widget-id-manual_time_log .app-tabs-switch > .nav.nav-tabs .nav-item span.action {
  position: relative;
  top: -1px;
}

/* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
a.label:hover, a.timesheet-sync-status:hover, a.timesheet-status:hover, a.time_off_request_status:hover, a.adjustment_type_label:hover, a.label:focus, a.timesheet-sync-status:focus, a.timesheet-status:focus, a.time_off_request_status:focus, a.adjustment_type_label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* line 44, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.label-default {
  background-color: #777777;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

/* line 48, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.label-primary {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #0090f6;
}

/* line 52, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.label-success, .label-enabled {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.label-success[href]:hover, .label-enabled[href]:hover, .label-success[href]:focus, .label-enabled[href]:focus {
  background-color: #279b70;
}

/* line 56, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.label-info {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #0090f6;
}

/* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.label-warning, .label-not_ready {
  background-color: #ffac51;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.label-warning[href]:hover, .label-not_ready[href]:hover, .label-warning[href]:focus, .label-not_ready[href]:focus {
  background-color: #ff941e;
}

/* line 64, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_labels.scss */
.label-danger, .label-disabled {
  background-color: #f05252;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.label-danger[href]:hover, .label-disabled[href]:hover, .label-danger[href]:focus, .label-disabled[href]:focus {
  background-color: #ec2323;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
.badge:empty {
  display: none;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
.btn .badge, .app-tabs-switch > .nav.nav-tabs .nav-item .badge {
  position: relative;
  top: -1px;
}

/* line 32, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
.btn-xs .badge, .btn-group-xs > .btn .badge, .app-tabs-switch > .nav.nav-tabs .btn-group-xs > .nav-item .badge {
  top: 0;
  padding: 1px 5px;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #2aa7ff;
  background-color: #fff;
}

/* line 47, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
.list-group-item > .badge {
  float: right;
}

/* line 51, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
.list-group-item > .badge + .badge {
  margin-right: 5px;
}

/* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

/* line 62, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_badges.scss */
a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
.jumbotron > hr {
  border-top-color: #d5d5d5;
}

/* line 28, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
.container .jumbotron, .container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 8px;
}

/* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  /* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  /* line 43, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
  .container .jumbotron, .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  /* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_jumbotron.scss */
  .jumbotron h1,
.jumbotron .h1 {
    font-size: 63px;
  }
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_thumbnails.scss */
.thumbnail {
  display: block;
  padding: 15px;
  margin-bottom: 20px;
  line-height: 1.45;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_thumbnails.scss */
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_thumbnails.scss */
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

/* line 34, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_thumbnails.scss */
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #2aa7ff;
}

/* line 9, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 6px;
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert h4 {
  margin-top: 0;
  color: inherit;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert .alert-link {
  font-weight: 500;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert > p,
.alert > ul {
  margin-bottom: 0;
}

/* line 32, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert > p + p {
  margin-top: 5px;
}

/* line 42, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

/* line 47, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

/* line 59, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert-success {
  color: #31c48d;
  background-color: #bcf0da;
  border-color: #84e1bc;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_alerts.scss */
.alert-success hr {
  border-top-color: #70dcb1;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_alerts.scss */
.alert-success .alert-link {
  color: #279b70;
}

/* line 63, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert-info {
  color: #2aa7ff;
  background-color: #d4edff;
  border-color: #a7d9fc;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_alerts.scss */
.alert-info hr {
  border-top-color: #8ecefb;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_alerts.scss */
.alert-info .alert-link {
  color: #0090f6;
}

/* line 67, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert-warning {
  color: #e3a008;
  background-color: #fff8d3;
  border-color: #faca15;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_alerts.scss */
.alert-warning hr {
  border-top-color: #f0bf05;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_alerts.scss */
.alert-warning .alert-link {
  color: #b27d06;
}

/* line 71, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_alerts.scss */
.alert-danger {
  color: #f05252;
  background-color: #fbd5d5;
  border-color: #f98080;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_alerts.scss */
.alert-danger hr {
  border-top-color: #f86868;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_alerts.scss */
.alert-danger .alert-link {
  color: #ec2323;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

/* line 26, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_progress-bars.scss */
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* line 36, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_progress-bars.scss */
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #2aa7ff;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

/* line 54, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_progress-bars.scss */
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

/* line 64, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_progress-bars.scss */
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

/* line 73, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_progress-bars.scss */
.progress-bar-success {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_progress-bar.scss */
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* line 77, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_progress-bars.scss */
.progress-bar-info {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_progress-bar.scss */
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* line 81, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_progress-bars.scss */
.progress-bar-warning {
  background-color: #ffac51;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_progress-bar.scss */
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* line 85, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_progress-bars.scss */
.progress-bar-danger, #show-adjust-timesheets-form.adjust-mode .timesheet-range.paid-range .progress-bar {
  background-color: #f05252;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_progress-bar.scss */
.progress-striped .progress-bar-danger, .progress-striped #show-adjust-timesheets-form.adjust-mode .timesheet-range.paid-range .progress-bar, #show-adjust-timesheets-form.adjust-mode .timesheet-range.paid-range .progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* line 1, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media {
  margin-top: 15px;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media:first-child {
  margin-top: 0;
}

/* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-body {
  width: 10000px;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-object {
  display: block;
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-object.img-thumbnail {
  max-width: none;
}

/* line 29, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-right,
.media > .pull-right,
.time-span-popover .media > .time_entry {
  padding-left: 10px;
}

/* line 34, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-left,
.media > .pull-left,
.time-span-popover .media > .vue-app-date-picker,
.time-span-popover .media > .datepicker,
.time-span-popover .media > .time_entry_duration {
  padding-right: 10px;
}

/* line 39, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

/* line 46, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-middle {
  vertical-align: middle;
}

/* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-bottom {
  vertical-align: bottom;
}

/* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

/* line 63, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_media.scss */
.media-list {
  padding-left: 0;
  list-style: none;
}

/* line 10, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

/* line 21, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid transparent;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* line 34, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}

/* line 48, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

/* line 51, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

/* line 57, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #0168dd;
  border-color: #0168dd;
}

/* line 66, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

/* line 71, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #abd2ff;
}

/* line 83, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
a.list-group-item,
button.list-group-item {
  color: #555;
}

/* line 87, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

/* line 92, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f3f4f6;
}

/* line 100, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
button.list-group-item {
  width: 100%;
  text-align: left;
}

/* line 4, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-success {
  color: #31c48d;
  background-color: #bcf0da;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-success,
button.list-group-item-success {
  color: #31c48d;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #31c48d;
  background-color: #a7ebce;
}

/* line 23, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #31c48d;
  border-color: #31c48d;
}

/* line 4, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-info {
  color: #2aa7ff;
  background-color: #d4edff;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-info,
button.list-group-item-info {
  color: #2aa7ff;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #2aa7ff;
  background-color: #bbe2ff;
}

/* line 23, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 4, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-warning {
  color: #e3a008;
  background-color: #fff8d3;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-warning,
button.list-group-item-warning {
  color: #e3a008;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #e3a008;
  background-color: #fff4ba;
}

/* line 23, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #e3a008;
  border-color: #e3a008;
}

/* line 4, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-danger {
  color: #f05252;
  background-color: #fbd5d5;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-danger,
button.list-group-item-danger {
  color: #f05252;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #f05252;
  background-color: #f9bebe;
}

/* line 23, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #f05252;
  border-color: #f05252;
}

/* line 121, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

/* line 125, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-body {
  padding: 15px;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.panel-body:after {
  clear: both;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

/* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

/* line 39, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* line 63, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

/* line 67, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

/* line 74, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 82, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* line 89, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 96, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

/* line 100, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.list-group + .panel-footer {
  border-top-width: 0;
}

/* line 110, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

/* line 115, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}

/* line 121, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 127, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 131, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 5px;
}

/* line 135, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 5px;
}

/* line 143, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* line 149, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* line 153, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 5px;
}

/* line 157, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 5px;
}

/* line 164, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #e5e7eb;
}

/* line 170, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

/* line 174, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

/* line 181, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

/* line 185, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

/* line 194, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

/* line 203, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

/* line 210, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

/* line 222, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-group {
  margin-bottom: 20px;
}

/* line 226, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 6px;
}

/* line 230, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-group .panel + .panel {
  margin-top: 5px;
}

/* line 235, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-group .panel-heading {
  border-bottom: 0;
}

/* line 238, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

/* line 244, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-group .panel-footer {
  border-top: 0;
}

/* line 246, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

/* line 254, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-default {
  border-color: #ddd;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

/* line 257, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-primary {
  border-color: #2aa7ff;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #2aa7ff;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-primary > .panel-heading .badge {
  color: #2aa7ff;
  background-color: #fff;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #2aa7ff;
}

/* line 260, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-success {
  border-color: #84e1bc;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-success > .panel-heading {
  color: #31c48d;
  background-color: #bcf0da;
  border-color: #84e1bc;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #84e1bc;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-success > .panel-heading .badge {
  color: #bcf0da;
  background-color: #31c48d;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #84e1bc;
}

/* line 263, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-info {
  border-color: #a7d9fc;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-info > .panel-heading {
  color: #2aa7ff;
  background-color: #d4edff;
  border-color: #a7d9fc;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #a7d9fc;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-info > .panel-heading .badge {
  color: #d4edff;
  background-color: #2aa7ff;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #a7d9fc;
}

/* line 266, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-warning {
  border-color: #faca15;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-warning > .panel-heading {
  color: #e3a008;
  background-color: #fff8d3;
  border-color: #faca15;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faca15;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-warning > .panel-heading .badge {
  color: #fff8d3;
  background-color: #e3a008;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faca15;
}

/* line 269, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_panels.scss */
.panel-danger {
  border-color: #f98080;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-danger > .panel-heading {
  color: #f05252;
  background-color: #fbd5d5;
  border-color: #f98080;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f98080;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-danger > .panel-heading .badge {
  color: #fbd5d5;
  background-color: #f05252;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_panels.scss */
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f98080;
}

/* line 5, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-embed.scss */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-embed.scss */
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* line 28, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-embed.scss */
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

/* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-embed.scss */
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_wells.scss */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* line 15, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_wells.scss */
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_wells.scss */
.well-lg {
  padding: 24px;
  border-radius: 8px;
}

/* line 26, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_wells.scss */
.well-sm {
  padding: 9px;
  border-radius: 4px;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_close.scss */
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

/* line 15, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_close.scss */
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_close.scss */
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-open {
  overflow: hidden;
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

/* line 32, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

/* line 36, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* line 38, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 44, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

/* line 51, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

/* line 64, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

/* line 73, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

/* line 74, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/* line 79, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-header {
  padding: 25px 30px 0;
  border-bottom: 1px solid transparent;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.modal-header:after {
  clear: both;
}

/* line 85, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-header .close {
  margin-top: -2px;
}

/* line 90, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-title {
  margin: 0;
  line-height: 1.45;
}

/* line 97, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-body, .modal-body-centered {
  position: relative;
  padding: 30px;
}

/* line 103, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-footer {
  padding: 30px;
  text-align: right;
  border-top: 1px solid transparent;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.modal-footer:after {
  clear: both;
}

/* line 110, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-footer .btn + .btn, .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .modal-footer .nav-item + .btn, .modal-footer .app-tabs-switch > .nav.nav-tabs .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .btn + .nav-item, .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .nav-item + .nav-item {
  margin-bottom: 0;
  margin-left: 5px;
}

/* line 115, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .app-tabs-switch > .nav.nav-tabs .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .modal-footer .btn-group .nav-item + .btn, .modal-footer .btn-group .app-tabs-switch > .nav.nav-tabs .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .btn-group .btn + .nav-item, .modal-footer .btn-group .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .btn-group .nav-item + .nav-item {
  margin-left: -1px;
}

/* line 119, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

/* line 125, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  /* line 136, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  /* line 140, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  /* line 145, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  /* line 149, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_modals.scss */
  .modal-lg {
    width: 900px;
  }
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip, .vue-tooltip, .tooltip.top-start, .top-start.vue-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.in, .in.vue-tooltip {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.top, .top.vue-tooltip, .tooltip.top-start, .top-start.vue-tooltip {
  padding: 5px 0;
  margin-top: -3px;
}

/* line 23, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.right, .right.vue-tooltip {
  padding: 0 5px;
  margin-left: 3px;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.bottom, .bottom.vue-tooltip {
  padding: 5px 0;
  margin-top: 3px;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.left, .left.vue-tooltip {
  padding: 0 5px;
  margin-left: -3px;
}

/* line 37, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.top .tooltip-arrow, .top.vue-tooltip .tooltip-arrow, .tooltip.top-start .tooltip-arrow, .top-start.vue-tooltip .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: rgba(63, 72, 86, 0.9);
}

/* line 44, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.top-left .tooltip-arrow, .top-left.vue-tooltip .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: rgba(63, 72, 86, 0.9);
}

/* line 51, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.top-right .tooltip-arrow, .top-right.vue-tooltip .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: rgba(63, 72, 86, 0.9);
}

/* line 58, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.right .tooltip-arrow, .right.vue-tooltip .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(63, 72, 86, 0.9);
}

/* line 65, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.left .tooltip-arrow, .left.vue-tooltip .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(63, 72, 86, 0.9);
}

/* line 72, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.bottom .tooltip-arrow, .bottom.vue-tooltip .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(63, 72, 86, 0.9);
}

/* line 79, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.bottom-left .tooltip-arrow, .bottom-left.vue-tooltip .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(63, 72, 86, 0.9);
}

/* line 86, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.bottom-right .tooltip-arrow, .bottom-right.vue-tooltip .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(63, 72, 86, 0.9);
}

/* line 96, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: rgba(63, 72, 86, 0.9);
  border-radius: 6px;
}

/* line 106, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* line 26, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.top, .popover.tooltip.top-start, .popover.top-start.vue-tooltip {
  margin-top: -10px;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.right {
  margin-left: 10px;
}

/* line 28, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.bottom {
  margin-top: 10px;
}

/* line 29, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.left {
  margin-left: -10px;
}

/* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover > .arrow {
  border-width: 11px;
}

/* line 36, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* line 46, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}

/* line 52, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.top > .arrow, .popover.tooltip.top-start > .arrow, .popover.top-start.vue-tooltip > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: #e5e7eb;
  border-bottom-width: 0;
}

/* line 59, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.top > .arrow:after, .popover.tooltip.top-start > .arrow:after, .popover.top-start.vue-tooltip > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

/* line 67, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: #e5e7eb;
  border-left-width: 0;
}

/* line 74, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

/* line 82, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: #e5e7eb;
}

/* line 89, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

/* line 98, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: #e5e7eb;
}

/* line 105, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

/* line 115, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f3f4f6;
  border-bottom: 1px solid #e4e7eb;
  border-radius: 7px 7px 0 0;
}

/* line 124, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_popovers.scss */
.popover-content {
  padding: 9px 14px;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel {
  position: relative;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  /* line 16, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  /* line 34, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  /* line 39, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  /* line 44, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

/* line 53, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

/* line 59, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .active {
  left: 0;
}

/* line 63, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 70, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .next {
  left: 100%;
}

/* line 73, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .prev {
  left: -100%;
}

/* line 76, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

/* line 81, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .active.left {
  left: -100%;
}

/* line 84, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner > .active.right {
  left: 100%;
}

/* line 93, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/* line 109, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

/* line 112, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

/* line 119, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}

/* line 128, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

/* line 138, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

/* line 143, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

/* line 148, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}

/* line 157, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control .icon-prev:before {
  content: "\2039";
}

/* line 162, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control .icon-next:before {
  content: "\203a";
}

/* line 173, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

/* line 184, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

/* line 207, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

/* line 218, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* line 230, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-caption .btn, .carousel-caption .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .carousel-caption .nav-item {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  /* line 241, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  /* line 250, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    margin-left: -10px;
  }
  /* line 254, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    margin-right: -10px;
  }
  /* line 261, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  /* line 268, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-indicators {
    bottom: 20px;
  }
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.clearfix:before, .pay-methods .pay-method:before, .clearfix:after, .pay-methods .pay-method:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.clearfix:after, .pay-methods .pay-method:after {
  clear: both;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* line 15, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.pull-right, .time-span-popover .time_entry {
  float: right !important;
}

/* line 18, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.pull-left, .time-span-popover .vue-app-date-picker,
.time-span-popover .datepicker,
.time-span-popover .time_entry_duration {
  float: left !important;
}

/* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.hide {
  display: none !important;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.show {
  display: block !important;
}

/* line 33, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.invisible {
  visibility: hidden;
}

/* line 36, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* line 45, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.hidden, #simple-chat.minimized #chat_area_messages_frame {
  display: none !important;
}

/* line 53, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-xs {
  display: none !important;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-sm {
  display: none !important;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-md {
  display: none !important;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-lg {
  display: none !important;
}

/* line 36, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  /* line 3, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-xs {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-xs {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-xs {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  /* line 54, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  /* line 59, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  /* line 64, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 3, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-sm {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-sm {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-sm {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 73, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 78, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 83, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 3, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-md {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-md {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-md {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 92, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 97, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 102, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  /* line 3, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-lg {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-lg {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-lg {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  /* line 111, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  /* line 116, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  /* line 121, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  /* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  /* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-lg {
    display: none !important;
  }
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-print {
  display: none !important;
}

@media print {
  /* line 3, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-print {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-print {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-print {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}

/* line 155, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
.visible-print-block {
  display: none !important;
}

@media print {
  /* line 155, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-print-block {
    display: block !important;
  }
}

/* line 162, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
.visible-print-inline {
  display: none !important;
}

@media print {
  /* line 162, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-print-inline {
    display: inline !important;
  }
}

/* line 169, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
.visible-print-inline-block {
  display: none !important;
}

@media print {
  /* line 169, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  /* line 13, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-print {
    display: none !important;
  }
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-white {
  color: #ffffff;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-black {
  color: #000000;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-red {
  color: #f05252;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-orange {
  color: #ffac51;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-yellow {
  color: #faca15;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-green {
  color: #31c48d;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-green-dark {
  color: #31c48d;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-blue {
  color: #0168dd;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-blue-light {
  color: #9ca3af;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-blue-strong {
  color: #1f2937;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-teal {
  color: #16bdca;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-pink {
  color: #f05252;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-purple {
  color: #6875f5;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-gray-dark {
  color: #1f2937;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-gray {
  color: #374151;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-gray-light {
  color: #6b7280;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-gray-lighter {
  color: #f3f4f6;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-gray-lightest {
  color: #f9fafb;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-bright-blue {
  color: #2aa7ff;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-magenta {
  color: #f17eb8;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-violet {
  color: #7f3cf2;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-success {
  color: #84e1bc;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-primary {
  color: #2f8af4;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-text-light {
  color: #9ca3af;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-lightest {
  color: #f9fafb;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-mint {
  color: #84e1bc;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-dark {
  color: #374151;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-dark-blue {
  color: #1f2e54;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-border {
  color: #e5e7eb;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-disabled {
  color: #f3f4f6;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-disabled-text {
  color: #d1d5db;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-form-error {
  color: #f05252;
}

/* line 38, app/assets/stylesheets/helpers/_marketing-colors.scss */
.marketing-text-secondary {
  color: #2f8af4;
}

/* line 15, app/assets/stylesheets/helpers/_links.scss */
.icon-link {
  align-items: center;
  display: inline-flex;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.icon-link > i, .icon-link img {
  margin-left: 5px;
}

/* line 18, app/assets/stylesheets/helpers/_links.scss */
.icon-link-left {
  align-items: center;
  display: inline-flex;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.icon-link-left > i, .icon-link-left img {
  margin-right: 5px;
}

/* line 21, app/assets/stylesheets/helpers/_links.scss */
.icon-link-right {
  align-items: center;
  display: inline-flex;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.icon-link-right > i, .icon-link-right img {
  margin-left: 5px;
}

/* line 25, app/assets/stylesheets/helpers/_links.scss */
.block-link {
  align-items: center;
  display: flex;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.block-link > i, .block-link img {
  margin-left: 5px;
}

/* line 5, app/assets/stylesheets/helpers/_width.scss */
.max-w-5per {
  max-width: 5%;
}

/* line 9, app/assets/stylesheets/helpers/_width.scss */
.max-w-10per {
  max-width: 10%;
}

/* line 13, app/assets/stylesheets/helpers/_width.scss */
.max-w-15per {
  max-width: 15%;
}

/* line 17, app/assets/stylesheets/helpers/_width.scss */
.max-w-20per {
  max-width: 20%;
}

/* line 21, app/assets/stylesheets/helpers/_width.scss */
.max-w-25per {
  max-width: 25%;
}

/* line 25, app/assets/stylesheets/helpers/_width.scss */
.max-w-30per {
  max-width: 30%;
}

/* line 29, app/assets/stylesheets/helpers/_width.scss */
.max-w-35per {
  max-width: 35%;
}

/* line 33, app/assets/stylesheets/helpers/_width.scss */
.max-w-40per {
  max-width: 40%;
}

/* line 37, app/assets/stylesheets/helpers/_width.scss */
.max-w-45per {
  max-width: 45%;
}

/* line 41, app/assets/stylesheets/helpers/_width.scss */
.max-w-50per {
  max-width: 50%;
}

/* line 45, app/assets/stylesheets/helpers/_width.scss */
.max-w-55per {
  max-width: 55%;
}

/* line 49, app/assets/stylesheets/helpers/_width.scss */
.max-w-60per {
  max-width: 60%;
}

/* line 53, app/assets/stylesheets/helpers/_width.scss */
.max-w-65per {
  max-width: 65%;
}

/* line 57, app/assets/stylesheets/helpers/_width.scss */
.max-w-70per {
  max-width: 70%;
}

/* line 61, app/assets/stylesheets/helpers/_width.scss */
.max-w-75per {
  max-width: 75%;
}

/* line 65, app/assets/stylesheets/helpers/_width.scss */
.max-w-80per {
  max-width: 80%;
}

/* line 69, app/assets/stylesheets/helpers/_width.scss */
.max-w-85per {
  max-width: 85%;
}

/* line 73, app/assets/stylesheets/helpers/_width.scss */
.max-w-90per {
  max-width: 90%;
}

/* line 77, app/assets/stylesheets/helpers/_width.scss */
.max-w-95per {
  max-width: 95%;
}

@media (min-width: 576px) {
  /* line 5, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-5per {
    max-width: 5%;
  }
  /* line 9, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-10per {
    max-width: 10%;
  }
  /* line 13, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-15per {
    max-width: 15%;
  }
  /* line 17, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-20per {
    max-width: 20%;
  }
  /* line 21, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-25per {
    max-width: 25%;
  }
  /* line 25, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-30per {
    max-width: 30%;
  }
  /* line 29, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-35per {
    max-width: 35%;
  }
  /* line 33, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-40per {
    max-width: 40%;
  }
  /* line 37, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-45per {
    max-width: 45%;
  }
  /* line 41, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-50per {
    max-width: 50%;
  }
  /* line 45, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-55per {
    max-width: 55%;
  }
  /* line 49, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-60per {
    max-width: 60%;
  }
  /* line 53, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-65per {
    max-width: 65%;
  }
  /* line 57, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-70per {
    max-width: 70%;
  }
  /* line 61, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-75per {
    max-width: 75%;
  }
  /* line 65, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-80per {
    max-width: 80%;
  }
  /* line 69, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-85per {
    max-width: 85%;
  }
  /* line 73, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-90per {
    max-width: 90%;
  }
  /* line 77, app/assets/stylesheets/helpers/_width.scss */
  .max-w-sm-95per {
    max-width: 95%;
  }
}

@media (min-width: 768px) {
  /* line 5, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-5per {
    max-width: 5%;
  }
  /* line 9, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-10per {
    max-width: 10%;
  }
  /* line 13, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-15per {
    max-width: 15%;
  }
  /* line 17, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-20per {
    max-width: 20%;
  }
  /* line 21, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-25per {
    max-width: 25%;
  }
  /* line 25, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-30per {
    max-width: 30%;
  }
  /* line 29, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-35per {
    max-width: 35%;
  }
  /* line 33, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-40per {
    max-width: 40%;
  }
  /* line 37, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-45per {
    max-width: 45%;
  }
  /* line 41, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-50per {
    max-width: 50%;
  }
  /* line 45, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-55per {
    max-width: 55%;
  }
  /* line 49, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-60per {
    max-width: 60%;
  }
  /* line 53, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-65per {
    max-width: 65%;
  }
  /* line 57, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-70per {
    max-width: 70%;
  }
  /* line 61, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-75per {
    max-width: 75%;
  }
  /* line 65, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-80per {
    max-width: 80%;
  }
  /* line 69, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-85per {
    max-width: 85%;
  }
  /* line 73, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-90per {
    max-width: 90%;
  }
  /* line 77, app/assets/stylesheets/helpers/_width.scss */
  .max-w-md-95per {
    max-width: 95%;
  }
}

@media (min-width: 992px) {
  /* line 5, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-5per {
    max-width: 5%;
  }
  /* line 9, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-10per {
    max-width: 10%;
  }
  /* line 13, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-15per {
    max-width: 15%;
  }
  /* line 17, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-20per {
    max-width: 20%;
  }
  /* line 21, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-25per {
    max-width: 25%;
  }
  /* line 25, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-30per {
    max-width: 30%;
  }
  /* line 29, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-35per {
    max-width: 35%;
  }
  /* line 33, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-40per {
    max-width: 40%;
  }
  /* line 37, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-45per {
    max-width: 45%;
  }
  /* line 41, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-50per {
    max-width: 50%;
  }
  /* line 45, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-55per {
    max-width: 55%;
  }
  /* line 49, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-60per {
    max-width: 60%;
  }
  /* line 53, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-65per {
    max-width: 65%;
  }
  /* line 57, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-70per {
    max-width: 70%;
  }
  /* line 61, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-75per {
    max-width: 75%;
  }
  /* line 65, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-80per {
    max-width: 80%;
  }
  /* line 69, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-85per {
    max-width: 85%;
  }
  /* line 73, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-90per {
    max-width: 90%;
  }
  /* line 77, app/assets/stylesheets/helpers/_width.scss */
  .max-w-lg-95per {
    max-width: 95%;
  }
}

@media (min-width: 1024px) {
  /* line 5, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-5per {
    max-width: 5%;
  }
  /* line 9, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-10per {
    max-width: 10%;
  }
  /* line 13, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-15per {
    max-width: 15%;
  }
  /* line 17, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-20per {
    max-width: 20%;
  }
  /* line 21, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-25per {
    max-width: 25%;
  }
  /* line 25, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-30per {
    max-width: 30%;
  }
  /* line 29, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-35per {
    max-width: 35%;
  }
  /* line 33, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-40per {
    max-width: 40%;
  }
  /* line 37, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-45per {
    max-width: 45%;
  }
  /* line 41, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-50per {
    max-width: 50%;
  }
  /* line 45, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-55per {
    max-width: 55%;
  }
  /* line 49, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-60per {
    max-width: 60%;
  }
  /* line 53, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-65per {
    max-width: 65%;
  }
  /* line 57, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-70per {
    max-width: 70%;
  }
  /* line 61, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-75per {
    max-width: 75%;
  }
  /* line 65, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-80per {
    max-width: 80%;
  }
  /* line 69, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-85per {
    max-width: 85%;
  }
  /* line 73, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-90per {
    max-width: 90%;
  }
  /* line 77, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xlg-95per {
    max-width: 95%;
  }
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-5per {
    max-width: 5%;
  }
  /* line 9, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-10per {
    max-width: 10%;
  }
  /* line 13, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-15per {
    max-width: 15%;
  }
  /* line 17, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-20per {
    max-width: 20%;
  }
  /* line 21, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-25per {
    max-width: 25%;
  }
  /* line 25, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-30per {
    max-width: 30%;
  }
  /* line 29, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-35per {
    max-width: 35%;
  }
  /* line 33, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-40per {
    max-width: 40%;
  }
  /* line 37, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-45per {
    max-width: 45%;
  }
  /* line 41, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-50per {
    max-width: 50%;
  }
  /* line 45, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-55per {
    max-width: 55%;
  }
  /* line 49, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-60per {
    max-width: 60%;
  }
  /* line 53, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-65per {
    max-width: 65%;
  }
  /* line 57, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-70per {
    max-width: 70%;
  }
  /* line 61, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-75per {
    max-width: 75%;
  }
  /* line 65, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-80per {
    max-width: 80%;
  }
  /* line 69, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-85per {
    max-width: 85%;
  }
  /* line 73, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-90per {
    max-width: 90%;
  }
  /* line 77, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xl-95per {
    max-width: 95%;
  }
}

@media (min-width: 1440px) {
  /* line 5, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-5per {
    max-width: 5%;
  }
  /* line 9, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-10per {
    max-width: 10%;
  }
  /* line 13, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-15per {
    max-width: 15%;
  }
  /* line 17, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-20per {
    max-width: 20%;
  }
  /* line 21, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-25per {
    max-width: 25%;
  }
  /* line 25, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-30per {
    max-width: 30%;
  }
  /* line 29, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-35per {
    max-width: 35%;
  }
  /* line 33, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-40per {
    max-width: 40%;
  }
  /* line 37, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-45per {
    max-width: 45%;
  }
  /* line 41, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-50per {
    max-width: 50%;
  }
  /* line 45, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-55per {
    max-width: 55%;
  }
  /* line 49, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-60per {
    max-width: 60%;
  }
  /* line 53, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-65per {
    max-width: 65%;
  }
  /* line 57, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-70per {
    max-width: 70%;
  }
  /* line 61, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-75per {
    max-width: 75%;
  }
  /* line 65, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-80per {
    max-width: 80%;
  }
  /* line 69, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-85per {
    max-width: 85%;
  }
  /* line 73, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-90per {
    max-width: 90%;
  }
  /* line 77, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxl-95per {
    max-width: 95%;
  }
}

@media (min-width: 1600px) {
  /* line 5, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-5per {
    max-width: 5%;
  }
  /* line 9, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-10per {
    max-width: 10%;
  }
  /* line 13, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-15per {
    max-width: 15%;
  }
  /* line 17, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-20per {
    max-width: 20%;
  }
  /* line 21, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-25per {
    max-width: 25%;
  }
  /* line 25, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-30per {
    max-width: 30%;
  }
  /* line 29, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-35per {
    max-width: 35%;
  }
  /* line 33, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-40per {
    max-width: 40%;
  }
  /* line 37, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-45per {
    max-width: 45%;
  }
  /* line 41, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-50per {
    max-width: 50%;
  }
  /* line 45, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-55per {
    max-width: 55%;
  }
  /* line 49, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-60per {
    max-width: 60%;
  }
  /* line 53, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-65per {
    max-width: 65%;
  }
  /* line 57, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-70per {
    max-width: 70%;
  }
  /* line 61, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-75per {
    max-width: 75%;
  }
  /* line 65, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-80per {
    max-width: 80%;
  }
  /* line 69, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-85per {
    max-width: 85%;
  }
  /* line 73, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-90per {
    max-width: 90%;
  }
  /* line 77, app/assets/stylesheets/helpers/_width.scss */
  .max-w-xxxl-95per {
    max-width: 95%;
  }
}

/* line 1, app/assets/stylesheets/helpers/_generic.scss */
body {
  background: #fff;
  color: #1f2937;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.alert:before, .alert:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.alert:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.alert {
  *zoom: 1;
}

/* line 14, app/assets/stylesheets/helpers/_generic.scss */
a[disabled='disabled'] {
  cursor: not-allowed !important;
  opacity: 0.5;
}

/* line 20, app/assets/stylesheets/helpers/_generic.scss */
img {
  max-width: 100%;
}

/* line 24, app/assets/stylesheets/helpers/_generic.scss */
iframe {
  border: 0 !important;
  width: 100%;
}

/* line 29, app/assets/stylesheets/helpers/_generic.scss */
.blank-link {
  color: currentColor;
}

/* line 31, app/assets/stylesheets/helpers/_generic.scss */
.blank-link:hover, .blank-link:focus {
  color: currentColor;
}

/* line 37, app/assets/stylesheets/helpers/_generic.scss */
.without-margin {
  margin: 0;
}

/* line 41, app/assets/stylesheets/helpers/_generic.scss */
.widget-content {
  border: none;
}

/* line 45, app/assets/stylesheets/helpers/_generic.scss */
.is-muted {
  opacity: 0.4;
}

/* line 49, app/assets/stylesheets/helpers/_generic.scss */
.border-rounded {
  border-radius: 6px;
}

/* line 53, app/assets/stylesheets/helpers/_generic.scss */
.border-solid {
  border: 1px solid #e5e7eb;
}

/* line 57, app/assets/stylesheets/helpers/_generic.scss */
.border-left {
  border-left: 1px solid #e5e7eb;
}

/* line 61, app/assets/stylesheets/helpers/_generic.scss */
.border-right {
  border-right: 1px solid #e5e7eb;
}

/* line 65, app/assets/stylesheets/helpers/_generic.scss */
.border-bottom {
  border-bottom: 1px solid #e5e7eb;
}

/* line 69, app/assets/stylesheets/helpers/_generic.scss */
.text-default {
  color: #1f2937;
}

/* line 73, app/assets/stylesheets/helpers/_generic.scss */
.text-with-icon {
  display: inline-flex;
  align-items: center;
}

/* line 76, app/assets/stylesheets/helpers/_generic.scss */
.text-with-icon > i {
  margin-left: 5px;
}

/* line 82, app/assets/stylesheets/helpers/_generic.scss */
.justify-space-between {
  justify-content: space-between;
}

/* line 86, app/assets/stylesheets/helpers/_generic.scss */
.justify-space-around {
  justify-content: space-around;
}

/* line 90, app/assets/stylesheets/helpers/_generic.scss */
.justify-space-evenly {
  justify-content: space-evenly;
}

/* line 94, app/assets/stylesheets/helpers/_generic.scss */
.justify-space-start {
  justify-content: flex-start;
}

/* line 98, app/assets/stylesheets/helpers/_generic.scss */
.justify-space-end {
  justify-content: flex-end;
}

/* line 103, app/assets/stylesheets/helpers/_generic.scss */
.text-light {
  color: #374151;
}

/* line 107, app/assets/stylesheets/helpers/_generic.scss */
.text-superlight {
  color: #9ca3af !important;
}

/* line 111, app/assets/stylesheets/helpers/_generic.scss */
.text-lighter {
  color: #6b7280;
}

/* line 115, app/assets/stylesheets/helpers/_generic.scss */
.text-grey {
  color: #6b7280;
}

/* line 119, app/assets/stylesheets/helpers/_generic.scss */
.text-success, .limit-changed {
  color: #31c48d;
}

/* line 123, app/assets/stylesheets/helpers/_generic.scss */
.text-warning {
  color: #ffac51;
}

/* line 127, app/assets/stylesheets/helpers/_generic.scss */
.text-blue {
  color: #2aa7ff;
}

/* line 131, app/assets/stylesheets/helpers/_generic.scss */
.text-overtime {
  color: #8b1dff;
}

/* line 134, app/assets/stylesheets/helpers/_generic.scss */
.text-purple {
  color: #6875f5;
}

/* line 138, app/assets/stylesheets/helpers/_generic.scss */
.text-white {
  color: #ffffff !important;
}

/* line 142, app/assets/stylesheets/helpers/_generic.scss */
.text-green {
  color: #31c48d;
}

/* line 145, app/assets/stylesheets/helpers/_generic.scss */
.text-orange {
  color: #ff9725;
}

/* line 149, app/assets/stylesheets/helpers/_generic.scss */
.overflow-hidden {
  overflow: hidden;
}

/* line 153, app/assets/stylesheets/helpers/_generic.scss */
.text-overflow {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 160, app/assets/stylesheets/helpers/_generic.scss */
.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* for IE 11 */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* line 164, app/assets/stylesheets/helpers/_generic.scss */
.no-wrap {
  white-space: nowrap;
}

/* line 168, app/assets/stylesheets/helpers/_generic.scss */
.paragraph-text {
  font-size: 16px;
  line-height: 28px;
  color: #374151;
}

/* line 174, app/assets/stylesheets/helpers/_generic.scss */
.text-default-size {
  font-size: 14px;
}

/* line 178, app/assets/stylesheets/helpers/_generic.scss */
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 184, app/assets/stylesheets/helpers/_generic.scss */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 188, app/assets/stylesheets/helpers/_generic.scss */
small,
.small {
  font-size: 12px;
}

/* line 193, app/assets/stylesheets/helpers/_generic.scss */
.text-13 {
  font-size: 13px;
}

/* line 197, app/assets/stylesheets/helpers/_generic.scss */
.text-16 {
  font-size: 16px;
}

/* line 201, app/assets/stylesheets/helpers/_generic.scss */
.text-18 {
  font-size: 18px;
}

/* line 205, app/assets/stylesheets/helpers/_generic.scss */
.text-24 {
  font-size: 24px;
}

/* line 209, app/assets/stylesheets/helpers/_generic.scss */
.text-32 {
  font-size: 32px;
}

/* line 213, app/assets/stylesheets/helpers/_generic.scss */
.is-uppercase {
  text-transform: uppercase;
}

/* line 217, app/assets/stylesheets/helpers/_generic.scss */
.capitalize {
  text-transform: capitalize;
}

/* line 221, app/assets/stylesheets/helpers/_generic.scss */
.text-transform-none {
  text-transform: none;
}

/* line 225, app/assets/stylesheets/helpers/_generic.scss */
.section-title-wrapper {
  margin-bottom: 20px;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.section-title-wrapper:before, .section-title-wrapper:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.section-title-wrapper:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.section-title-wrapper {
  *zoom: 1;
}

/* line 230, app/assets/stylesheets/helpers/_generic.scss */
.section-title {
  color: #374151;
  font-weight: 400;
  margin-top: 7px;
}

/* line 236, app/assets/stylesheets/helpers/_generic.scss */
b,
strong,
dt,
.strong {
  font-weight: 500;
}

/* line 243, app/assets/stylesheets/helpers/_generic.scss */
small,
.small {
  font-size: 12px;
}

/* line 248, app/assets/stylesheets/helpers/_generic.scss */
.is-bold {
  font-weight: 600;
}

/* line 252, app/assets/stylesheets/helpers/_generic.scss */
.is-regular {
  font-weight: 400;
}

/* line 256, app/assets/stylesheets/helpers/_generic.scss */
.margin-top {
  margin-top: 20px;
}

/* line 260, app/assets/stylesheets/helpers/_generic.scss */
.margin-top-x2 {
  margin-top: 40px;
}

/* line 264, app/assets/stylesheets/helpers/_generic.scss */
.margin-bottom {
  margin-bottom: 20px;
}

/* line 268, app/assets/stylesheets/helpers/_generic.scss */
.margin-bottom-x2 {
  margin-bottom: 40px;
}

/* line 272, app/assets/stylesheets/helpers/_generic.scss */
.ml-auto {
  margin-left: auto;
}

/* line 275, app/assets/stylesheets/helpers/_generic.scss */
.px-6 {
  padding-left: 6px;
  padding-right: 6px;
}

/* line 279, app/assets/stylesheets/helpers/_generic.scss */
.rounded-4 {
  border-radius: 4px;
}

/* line 282, app/assets/stylesheets/helpers/_generic.scss */
.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

/* line 286, app/assets/stylesheets/helpers/_generic.scss */
.-mt-30 {
  margin-top: -30px;
}

/* line 289, app/assets/stylesheets/helpers/_generic.scss */
.pt-25 {
  padding-top: 25px;
}

/* line 293, app/assets/stylesheets/helpers/_generic.scss */
.negative-h-margins {
  margin-left: -15px;
  margin-right: -15px;
}

/* line 298, app/assets/stylesheets/helpers/_generic.scss */
.lg-show {
  display: none;
}

@media (min-width: 992px) {
  /* line 303, app/assets/stylesheets/helpers/_generic.scss */
  .lg-show {
    display: block;
  }
}

/* line 308, app/assets/stylesheets/helpers/_generic.scss */
.sm-show {
  display: none;
}

@media (min-width: 576px) {
  /* line 313, app/assets/stylesheets/helpers/_generic.scss */
  .sm-ml-20 {
    margin-left: 20px;
  }
  /* line 316, app/assets/stylesheets/helpers/_generic.scss */
  .sm-mr-20 {
    margin-right: 20px;
  }
  /* line 319, app/assets/stylesheets/helpers/_generic.scss */
  .sm-border-left {
    border-left: 1px solid #e5e7eb;
  }
  /* line 322, app/assets/stylesheets/helpers/_generic.scss */
  .sm-show {
    display: block;
  }
}

/* line 327, app/assets/stylesheets/helpers/_generic.scss */
.page-header {
  padding-bottom: 0;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.page-header:before, .page-header:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.page-header:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.page-header {
  *zoom: 1;
}

/* line 332, app/assets/stylesheets/helpers/_generic.scss */
.hint {
  font-size: 13px;
  color: #6b7280;
  margin: 10px 0;
}

/* line 338, app/assets/stylesheets/helpers/_generic.scss */
.inline-block {
  display: inline-block !important;
  float: none !important;
}

/* line 343, app/assets/stylesheets/helpers/_generic.scss */
.is-block {
  display: block !important;
  width: 100% !important;
}

/* line 348, app/assets/stylesheets/helpers/_generic.scss */
.valign-top {
  vertical-align: top;
}

/* line 352, app/assets/stylesheets/helpers/_generic.scss */
.valign-middle {
  vertical-align: middle;
}

/* line 356, app/assets/stylesheets/helpers/_generic.scss */
.text-align-right {
  text-align: right;
}

/* line 360, app/assets/stylesheets/helpers/_generic.scss */
.line-height-1rem {
  line-height: 1rem;
}

/* line 364, app/assets/stylesheets/helpers/_generic.scss */
.line-height-x2 {
  line-height: 2em;
}

/* line 368, app/assets/stylesheets/helpers/_generic.scss */
.cursor-default {
  cursor: default;
}

/* line 372, app/assets/stylesheets/helpers/_generic.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 376, app/assets/stylesheets/helpers/_generic.scss */
.cursor-disabled {
  cursor: not-allowed;
}

/* line 380, app/assets/stylesheets/helpers/_generic.scss */
.reset-white-space {
  white-space: normal !important;
}

/* line 384, app/assets/stylesheets/helpers/_generic.scss */
.min-w-0 {
  min-width: 0 !important;
}

/* line 388, app/assets/stylesheets/helpers/_generic.scss */
.min-w-unset {
  min-width: unset;
}

/* line 392, app/assets/stylesheets/helpers/_generic.scss */
.min-w-15rem {
  min-width: 15rem;
}

/* line 396, app/assets/stylesheets/helpers/_generic.scss */
.min-w-18rem {
  min-width: 18rem;
}

/* line 400, app/assets/stylesheets/helpers/_generic.scss */
.min-w-30rem {
  min-width: 30rem;
}

/* line 404, app/assets/stylesheets/helpers/_generic.scss */
.max-w-full {
  max-width: 100%;
}

/* line 408, app/assets/stylesheets/helpers/_generic.scss */
.max-w-10rem {
  max-width: 10rem;
}

/* line 412, app/assets/stylesheets/helpers/_generic.scss */
.max-w-20rem {
  max-width: 20rem;
}

/* line 416, app/assets/stylesheets/helpers/_generic.scss */
.max-w-30rem {
  max-width: 30rem;
}

/* line 420, app/assets/stylesheets/helpers/_generic.scss */
.max-w-60rem {
  max-width: 60rem;
}

/* line 424, app/assets/stylesheets/helpers/_generic.scss */
.max-w-115rem {
  max-width: 115rem;
}

/* line 428, app/assets/stylesheets/helpers/_generic.scss */
.max-w-130rem {
  max-width: 130rem;
}

/* line 432, app/assets/stylesheets/helpers/_generic.scss */
.h-20 {
  height: 20px;
}

/* line 436, app/assets/stylesheets/helpers/_generic.scss */
.w-full {
  width: 100%;
}

/* line 440, app/assets/stylesheets/helpers/_generic.scss */
.w-min {
  width: 0px;
}

/* line 444, app/assets/stylesheets/helpers/_generic.scss */
.w-fit {
  width: fit-content;
}

/* line 448, app/assets/stylesheets/helpers/_generic.scss */
.list-style-none {
  list-style-type: none;
}

/* line 452, app/assets/stylesheets/helpers/_generic.scss */
ul.aligned-list {
  list-style-position: inside;
  padding-left: 0;
}

/* line 457, app/assets/stylesheets/helpers/_generic.scss */
.color-inherit {
  color: inherit;
}

/* line 460, app/assets/stylesheets/helpers/_generic.scss */
.color-inherit:hover {
  color: inherit;
}

@media (min-width: 576px) {
  /* line 466, app/assets/stylesheets/helpers/_generic.scss */
  .no-padding-left-sm {
    padding-left: 0 !important;
  }
  /* line 469, app/assets/stylesheets/helpers/_generic.scss */
  .no-padding-right-sm {
    padding-right: 0 !important;
  }
  /* line 473, app/assets/stylesheets/helpers/_generic.scss */
  .sm-height-100vh {
    height: 100vh;
  }
  /* line 476, app/assets/stylesheets/helpers/_generic.scss */
  .sm-w-auto {
    width: auto;
  }
  /* line 479, app/assets/stylesheets/helpers/_generic.scss */
  .sm-text-left {
    text-align: left;
  }
}

@media (max-width: 991px) {
  /* line 485, app/assets/stylesheets/helpers/_generic.scss */
  .margin-top-sm {
    margin-top: 15px;
  }
  /* line 488, app/assets/stylesheets/helpers/_generic.scss */
  .margin-top-sm-x2 {
    margin-top: 30px;
  }
  /* line 491, app/assets/stylesheets/helpers/_generic.scss */
  .margin-bottom-sm {
    margin-bottom: 15px;
  }
  /* line 494, app/assets/stylesheets/helpers/_generic.scss */
  .margin-bottom-sm-x2 {
    margin-bottom: 30px;
  }
  /* line 498, app/assets/stylesheets/helpers/_generic.scss */
  .full-width-selects-sm .filter-select {
    width: 100%;
  }
  /* line 501, app/assets/stylesheets/helpers/_generic.scss */
  .full-width-selects-sm .select2-container {
    min-width: 100%;
  }
}

@media (max-width: 768px) {
  /* line 508, app/assets/stylesheets/helpers/_generic.scss */
  .sm-hide {
    display: none;
  }
  /* line 511, app/assets/stylesheets/helpers/_generic.scss */
  .sm-full-width {
    width: 100%;
  }
}

@media (max-width: 480px) {
  /* line 517, app/assets/stylesheets/helpers/_generic.scss */
  .xs-block {
    display: block;
  }
  /* line 520, app/assets/stylesheets/helpers/_generic.scss */
  .xs-full-col {
    width: 100%;
  }
  /* line 523, app/assets/stylesheets/helpers/_generic.scss */
  .xs-half-col {
    width: 47%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* line 527, app/assets/stylesheets/helpers/_generic.scss */
  .xs-half-col.is-last {
    float: right;
  }
  /* line 531, app/assets/stylesheets/helpers/_generic.scss */
  .margin-bottom-xs {
    margin-bottom: 10px;
  }
  /* line 534, app/assets/stylesheets/helpers/_generic.scss */
  .margin-bottom-xs-x2 {
    margin-bottom: 20px;
  }
  /* line 537, app/assets/stylesheets/helpers/_generic.scss */
  .margin-top-xs {
    margin-top: 10px;
  }
  /* line 540, app/assets/stylesheets/helpers/_generic.scss */
  .margin-top-xs-x2 {
    margin-top: 20px;
  }
  /* line 543, app/assets/stylesheets/helpers/_generic.scss */
  .m-0-xs {
    margin: 0 !important;
  }
}

/* line 548, app/assets/stylesheets/helpers/_generic.scss */
.pointer-events-none {
  pointer-events: none;
}

/* line 553, app/assets/stylesheets/helpers/_generic.scss */
.hover-visible-container .hover-visible {
  visibility: hidden;
}

/* line 558, app/assets/stylesheets/helpers/_generic.scss */
.hover-visible-container:hover .hover-visible {
  visibility: visible;
}

/* line 564, app/assets/stylesheets/helpers/_generic.scss */
.absolute {
  position: absolute;
}

/* line 568, app/assets/stylesheets/helpers/_generic.scss */
.relative {
  position: relative;
}

/* line 572, app/assets/stylesheets/helpers/_generic.scss */
.overscroll-none {
  overscroll-behavior: none;
}

/* line 576, app/assets/stylesheets/helpers/_generic.scss */
.z-1 {
  z-index: 1;
}

/* line 584, app/assets/stylesheets/helpers/_generic.scss */
.highlight-pulse {
  animation: highlightAutoFade 2s ease-in-out forwards;
}

@media (prefers-reduced-motion: reduce) {
  /* line 584, app/assets/stylesheets/helpers/_generic.scss */
  .highlight-pulse {
    animation: none;
  }
}

@keyframes highlightAutoFade {
  0% {
    border: 2px solid transparent;
    box-shadow: none;
    background-color: transparent;
    transform: scale(1);
  }
  15% {
    border-color: #2aa7ff;
    box-shadow: 0 4px 12px rgba(42, 167, 255, 0.3);
    background-color: rgba(42, 167, 255, 0.05);
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  75% {
    transform: scale(1);
  }
  100% {
    border: 1px solid #e5e7eb;
    box-shadow: none;
    background-color: transparent;
  }
}

/* line 618, app/assets/stylesheets/helpers/_generic.scss */
.-order-1 {
  order: -1;
}

/*
* ⚠️ ATTENTION ⚠️
*
* DO NOT ADD any of the following helper imports:
*
* @import 'helpers/flex';
* @import 'helpers/spacing';
*
* Adding them before we have fully migrated to the new stack (Hotwired, Design System & Tailwind)
* will break any UIs using said stack.
*
* If you're dealing with a page that has missing styles because of the above, we now have a `helpers.scss` with those
* same missing imports. So to fix it, you need to add the following `stylesheet_link_tag "helpers", media: "all"` after
* the `stylesheet_link_tag "application", media: "all"` to any layout that encompases the "broken page"
* or to the page itself (if it doesn't use layouts) => THE ORDER REALLY MATTERS!
*/
/*!
 * FullCalendar v3.4.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
/* line 8, vendor/assets/stylesheets/fullcalendar.css */
.fc {
  direction: ltr;
  text-align: left;
}

/* line 13, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl {
  text-align: right;
}

/* line 17, vendor/assets/stylesheets/fullcalendar.css */
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
/* line 25, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

/* line 38, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed .fc-popover {
  background-color: #fff;
}

/* line 42, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}

/* line 48, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

/* line 52, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

/* line 56, vendor/assets/stylesheets/fullcalendar.css */
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

/* line 61, vendor/assets/stylesheets/fullcalendar.css */
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

/* line 66, vendor/assets/stylesheets/fullcalendar.css */
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* line 71, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3;
}

/* line 76, vendor/assets/stylesheets/fullcalendar.css */
.ui-widget .fc-disabled-day {
  /* themed */
  background-image: none;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
/* line 84, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
/* line 110, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon:after {
  position: relative;
}

/* line 114, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

/* line 121, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

/* line 128, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

/* line 134, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

/* line 140, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

/* line 146, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

/* line 152, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

/* line 158, vendor/assets/stylesheets/fullcalendar.css */
.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
/* line 168, vendor/assets/stylesheets/fullcalendar.css */
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
/* line 186, vendor/assets/stylesheets/fullcalendar.css */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

/* line 188, vendor/assets/stylesheets/fullcalendar.css */
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

/* line 192, vendor/assets/stylesheets/fullcalendar.css */
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 197, vendor/assets/stylesheets/fullcalendar.css */
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
/* line 204, vendor/assets/stylesheets/fullcalendar.css */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
/* line 216, vendor/assets/stylesheets/fullcalendar.css */
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* line 231, vendor/assets/stylesheets/fullcalendar.css */
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

/* line 239, vendor/assets/stylesheets/fullcalendar.css */
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

/* line 249, vendor/assets/stylesheets/fullcalendar.css */
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* line 256, vendor/assets/stylesheets/fullcalendar.css */
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
/* line 267, vendor/assets/stylesheets/fullcalendar.css */
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
/* line 276, vendor/assets/stylesheets/fullcalendar.css */
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

/* line 281, vendor/assets/stylesheets/fullcalendar.css */
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
/* line 289, vendor/assets/stylesheets/fullcalendar.css */
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* line 294, vendor/assets/stylesheets/fullcalendar.css */
.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

/* line 298, vendor/assets/stylesheets/fullcalendar.css */
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

/* line 302, vendor/assets/stylesheets/fullcalendar.css */
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

/* line 306, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

/* line 311, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
/* line 318, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

/* line 323, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

/* jqui themed */
/* line 330, vendor/assets/stylesheets/fullcalendar.css */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
/* line 338, vendor/assets/stylesheets/fullcalendar.css */
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

/* line 343, vendor/assets/stylesheets/fullcalendar.css */
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

/* line 350, vendor/assets/stylesheets/fullcalendar.css */
.fc-clear {
  clear: both;
}

/* line 354, vendor/assets/stylesheets/fullcalendar.css */
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 365, vendor/assets/stylesheets/fullcalendar.css */
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

/* line 369, vendor/assets/stylesheets/fullcalendar.css */
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
/* line 377, vendor/assets/stylesheets/fullcalendar.css */
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

/* line 386, vendor/assets/stylesheets/fullcalendar.css */
.fc th {
  text-align: center;
}

/* line 390, vendor/assets/stylesheets/fullcalendar.css */
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

/* line 398, vendor/assets/stylesheets/fullcalendar.css */
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
/* line 406, vendor/assets/stylesheets/fullcalendar.css */
a[data-goto] {
  cursor: pointer;
}

/* line 410, vendor/assets/stylesheets/fullcalendar.css */
a[data-goto]:hover {
  text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
/* line 418, vendor/assets/stylesheets/fullcalendar.css */
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

/* line 424, vendor/assets/stylesheets/fullcalendar.css */
.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

/* line 434, vendor/assets/stylesheets/fullcalendar.css */
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
/* line 442, vendor/assets/stylesheets/fullcalendar.css */
.fc-row {
  position: relative;
}

/* line 446, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
/* line 452, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

/* line 457, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

/* line 462, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

/* line 467, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

/* line 472, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
/* line 481, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

/* line 487, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-helper-skeleton {
  z-index: 5;
}

/* line 491, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

/* line 501, vendor/assets/stylesheets/fullcalendar.css */
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
/* line 511, vendor/assets/stylesheets/fullcalendar.css */
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
/* line 516, vendor/assets/stylesheets/fullcalendar.css */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
/* line 526, vendor/assets/stylesheets/fullcalendar.css */
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

/* line 536, vendor/assets/stylesheets/fullcalendar.css */
.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
/* line 542, vendor/assets/stylesheets/fullcalendar.css */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

/* line 549, vendor/assets/stylesheets/fullcalendar.css */
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

/* line 554, vendor/assets/stylesheets/fullcalendar.css */
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

/* line 559, vendor/assets/stylesheets/fullcalendar.css */
.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25;
}

/* line 565, vendor/assets/stylesheets/fullcalendar.css */
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
/* line 572, vendor/assets/stylesheets/fullcalendar.css */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
/* line 579, vendor/assets/stylesheets/fullcalendar.css */
.fc-event .fc-resizer {
  display: none;
}

/* line 583, vendor/assets/stylesheets/fullcalendar.css */
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
/* line 591, vendor/assets/stylesheets/fullcalendar.css */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
/* line 608, vendor/assets/stylesheets/fullcalendar.css */
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* line 613, vendor/assets/stylesheets/fullcalendar.css */
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
/* line 622, vendor/assets/stylesheets/fullcalendar.css */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
/* line 634, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 643, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
/* line 655, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

/* right resizer */
/* line 662, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

/* resizer (mouse devices) */
/* line 670, vendor/assets/stylesheets/fullcalendar.css */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

/* resizer (touch devices) */
/* line 678, vendor/assets/stylesheets/fullcalendar.css */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
/* line 693, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

/* right resizer */
/* line 699, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
/* line 711, vendor/assets/stylesheets/fullcalendar.css */
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

/* line 716, vendor/assets/stylesheets/fullcalendar.css */
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

/* line 720, vendor/assets/stylesheets/fullcalendar.css */
.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

/* line 734, vendor/assets/stylesheets/fullcalendar.css */
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

/* line 739, vendor/assets/stylesheets/fullcalendar.css */
.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
/* line 746, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

/* right resizer */
/* line 752, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
/* line 763, vendor/assets/stylesheets/fullcalendar.css */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

/* line 770, vendor/assets/stylesheets/fullcalendar.css */
a.fc-more:hover {
  text-decoration: underline;
}

/* line 774, vendor/assets/stylesheets/fullcalendar.css */
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
/* line 780, vendor/assets/stylesheets/fullcalendar.css */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

/* line 784, vendor/assets/stylesheets/fullcalendar.css */
.fc-more-popover {
  z-index: 2;
  width: 220px;
}

/* line 789, vendor/assets/stylesheets/fullcalendar.css */
.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
/* line 797, vendor/assets/stylesheets/fullcalendar.css */
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
/* line 806, vendor/assets/stylesheets/fullcalendar.css */
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
/* line 821, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar {
  text-align: center;
}

/* line 825, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

/* line 829, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

/* line 833, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar .fc-left {
  float: left;
}

/* line 837, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar .fc-right {
  float: right;
}

/* line 841, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
/* line 846, vendor/assets/stylesheets/fullcalendar.css */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

/* the first thing within each left/center/right section */
/* line 852, vendor/assets/stylesheets/fullcalendar.css */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
/* line 858, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
/* line 864, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar button {
  position: relative;
}

/* line 868, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

/* line 873, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar .fc-state-down {
  z-index: 3;
}

/* line 877, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

/* line 882, vendor/assets/stylesheets/fullcalendar.css */
.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
/* line 892, vendor/assets/stylesheets/fullcalendar.css */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 900, vendor/assets/stylesheets/fullcalendar.css */
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
/* line 913, vendor/assets/stylesheets/fullcalendar.css */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

/* line 919, vendor/assets/stylesheets/fullcalendar.css */
.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
/* line 925, vendor/assets/stylesheets/fullcalendar.css */
.fc-row.fc-rigid {
  overflow: hidden;
}

/* line 929, vendor/assets/stylesheets/fullcalendar.css */
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
/* line 938, vendor/assets/stylesheets/fullcalendar.css */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}

/* line 942, vendor/assets/stylesheets/fullcalendar.css */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}

/* line 947, vendor/assets/stylesheets/fullcalendar.css */
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

/* line 952, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

/* line 953, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

/* line 955, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

/* line 956, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

/* line 958, vendor/assets/stylesheets/fullcalendar.css */
.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */
/* line 967, vendor/assets/stylesheets/fullcalendar.css */
.fc-basic-view td.fc-week-number {
  text-align: center;
}

/* line 971, vendor/assets/stylesheets/fullcalendar.css */
.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
/* line 981, vendor/assets/stylesheets/fullcalendar.css */
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

/* line 986, vendor/assets/stylesheets/fullcalendar.css */
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

/* line 990, vendor/assets/stylesheets/fullcalendar.css */
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
/* line 998, vendor/assets/stylesheets/fullcalendar.css */
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

/* line 1004, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-axis {
  text-align: right;
}

/* line 1008, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-axis {
  text-align: left;
}

/* line 1012, vendor/assets/stylesheets/fullcalendar.css */
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
/* line 1020, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

/* line 1026, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

/* line 1030, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

/* line 1034, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid > .fc-bg {
  z-index: 1;
}

/* line 1038, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

/* line 1044, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

/* line 1048, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
/* line 1058, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

/* line 1063, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

/* line 1068, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

/* line 1073, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

/* line 1078, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

/* line 1082, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
/* line 1091, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

/* line 1096, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

/* line 1100, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
/* line 1108, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

/* line 1112, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
/* line 1123, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

/* line 1127, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

/* line 1131, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

/* line 1137, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
/* line 1147, vendor/assets/stylesheets/fullcalendar.css */
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 1157, vendor/assets/stylesheets/fullcalendar.css */
.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
/* line 1174, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

/* line 1178, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

/* line 1184, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

/* line 1188, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

/* line 1192, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

/* line 1197, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
/* line 1204, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

/* line 1209, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

/* line 1216, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

/* line 1220, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

/* line 1224, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

/* line 1228, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer (cursor device) */
/* line 1235, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

/* line 1248, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
/* line 1254, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
/* line 1274, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
/* line 1282, vendor/assets/stylesheets/fullcalendar.css */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

/* line 1286, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* line 1294, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
/* line 1309, vendor/assets/stylesheets/fullcalendar.css */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */
/* line 1318, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

/* line 1322, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */
/* line 1329, vendor/assets/stylesheets/fullcalendar.css */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

/* line 1333, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

/* line 1338, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */
/* line 1344, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-heading {
  border-bottom-width: 1px;
}

/* line 1348, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-heading td {
  font-weight: bold;
}

/* line 1352, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-list-heading-main {
  float: left;
}

/* line 1353, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-list-heading-alt {
  float: right;
}

/* line 1355, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-list-heading-main {
  float: right;
}

/* line 1356, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */
/* line 1360, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

/* line 1364, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-item:hover td {
  background-color: #f5f5f5;
}

/* line 1368, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
/* line 1375, vendor/assets/stylesheets/fullcalendar.css */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

/* line 1376, vendor/assets/stylesheets/fullcalendar.css */
.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

/* line 1378, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

/* line 1384, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

/* message when no events */
/* line 1391, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 1399, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

/* line 1405, vendor/assets/stylesheets/fullcalendar.css */
.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* line 1411, vendor/assets/stylesheets/fullcalendar.css */
.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

/*!
 * FullCalendar Scheduler v1.6.2
 * Docs & License: https://fullcalendar.io/scheduler/
 * (c) 2017 Adam Shaw
 */
/* TODO: break this file up */
/* Scroller
--------------------------------------------------------------------------------------------------*/
/* line 12, vendor/assets/stylesheets/scheduler.css */
.fc-scroller-clip {
  overflow: hidden;
  /* for clipping scrollbars */
  position: relative;
  /* so things like scrollfollowers can attach to this */
}

/* supresses rendering of native scrollbars */
/* on .fc-scroller */
/* line 19, vendor/assets/stylesheets/scheduler.css */
.fc-no-scrollbars {
  background: rgba(255, 255, 255, 0);
  /* hack for dynamic DOM nodes (in Chrome OSX at least) */
}

/* line 22, vendor/assets/stylesheets/scheduler.css */
.fc-no-scrollbars::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* line 27, vendor/assets/stylesheets/scheduler.css */
.fc-scroller-canvas {
  position: relative;
  /* origin for bg */
  box-sizing: border-box;
  /* so that padding (for gutter) will be part of height */
  min-height: 100%;
}

/* line 33, vendor/assets/stylesheets/scheduler.css */
.fc-scroller-canvas > .fc-bg {
  z-index: 1;
  /* make default? */
}

/* line 37, vendor/assets/stylesheets/scheduler.css */
.fc-scroller-canvas > .fc-content {
  z-index: 2;
  /* make default? */
  position: relative;
  /* origin for inner content */
  border-style: solid;
  border-width: 0;
}

/* for themed, hard to get the border-color, so just forget it (REVISIT) */
/* line 45, vendor/assets/stylesheets/scheduler.css */
.ui-widget .fc-scroller-canvas > .fc-content {
  border-color: transparent;
}

/* line 49, vendor/assets/stylesheets/scheduler.css */
.fc-scroller-canvas.fc-gutter-left > .fc-content {
  border-left-width: 1px;
  margin-left: -1px;
}

/* line 50, vendor/assets/stylesheets/scheduler.css */
.fc-scroller-canvas.fc-gutter-right > .fc-content {
  border-right-width: 1px;
  margin-right: -1px;
}

/* line 51, vendor/assets/stylesheets/scheduler.css */
.fc-scroller-canvas.fc-gutter-top > .fc-content {
  border-top-width: 1px;
  margin-top: -1px;
}

/* content is responsible for bottom border */
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* line 58, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-timeline {
  direction: rtl;
}

/* line 62, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-divider {
  width: 3px;
  border-style: double;
  /* overcome neighboring borders */
}

/* line 67, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-head > tr > .fc-divider {
  border-bottom: 0;
}

/* line 71, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-body > tr > .fc-divider {
  border-top: 0;
}

/* line 75, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-body .fc-divider.ui-widget-header {
  background-image: none;
}

/* line 79, vendor/assets/stylesheets/scheduler.css */
.fc-scrolled .fc-head .fc-scroller {
  z-index: 2;
  /* so drop shadow will go above body panes */
}

/* line 83, vendor/assets/stylesheets/scheduler.css */
.fc-timeline.fc-scrolled .fc-head .fc-scroller {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.075);
}

/* line 87, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-body .fc-scroller {
  z-index: 1;
}

/*
on most tables that expand to the edges, kill the outer border,
because the container elements take care of it.
example tables:
.fc-scroller-canvas .fc-content table
.fc-scroller-canvas .fc-bg .fc-slats table
*/
/* line 98, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-scroller-canvas > div > table,
.fc-timeline .fc-scroller-canvas > div > div > table {
  border-style: hidden;
}

/*
for resource rows (in both the spreadsheet and timeline areas),
undo previous rule in order to always show last border.
*/
/* line 107, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-scroller-canvas > .fc-content > .fc-rows > table {
  border-bottom-style: none;
}

/* Table Cell Common
--------------------------------------------------------------------------------------------------*/
/* line 115, vendor/assets/stylesheets/scheduler.css */
.fc-timeline th,
.fc-timeline td {
  white-space: nowrap;
}

/* line 120, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-cell-content {
  overflow: hidden;
}

/* line 124, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-cell-text {
  padding-left: 4px;
  padding-right: 4px;
}

/* line 129, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-col-resizer {
  cursor: col-resize;
}

/*
Cells at the start of a week
TODO: figure out better styling

.fc-ltr .fc-timeline .fc-em-cell div {
	border-left: 3px solid #eee;
	height: 100%;
}
.fc-rtl .fc-timeline .fc-em-cell {
	border-right-width: 3px;
}
*/
/* head */
/* line 148, vendor/assets/stylesheets/scheduler.css */
.fc-timeline th {
  vertical-align: middle;
}

/* line 152, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-head .fc-cell-content {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* body */
/* line 159, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-body .ui-widget-content {
  background-image: none;
}

/* Resource Area
--------------------------------------------------------------------------------------------------*/
/* line 167, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area {
  width: 30%;
}

/* line 171, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area col {
  width: 40%;
  min-width: 70px;
  /* will be read by JS */
}

/* line 176, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area col.fc-main-col {
  width: 60%;
  /* make the first column in a nested setup bigger */
}

/* line 181, vendor/assets/stylesheets/scheduler.css */
.fc-flat .fc-expander-space {
  /* fc-flat is opposite of fc-nested */
  display: none;
}

/* line 186, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-resource-area tr > * {
  text-align: left;
}

/* line 189, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-resource-area tr > * {
  text-align: right;
}

/* line 193, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area .fc-cell-content {
  padding-left: 4px;
  padding-right: 4px;
}

/* head */
/* line 200, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area .fc-super th {
  text-align: center;
}

/* line 204, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area th > div {
  position: relative;
}

/* line 208, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area th .fc-cell-content {
  position: relative;
  z-index: 1;
}

/* line 213, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area th .fc-col-resizer {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 5px;
}

/* line 221, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-resource-area th .fc-col-resizer {
  right: -3px;
}

/* line 224, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-resource-area th .fc-col-resizer {
  left: -3px;
}

/* body */
/* line 230, vendor/assets/stylesheets/scheduler.css */
tr.fc-collapsed > td,
tr.fc-transitioning > td {
  /* during the transition */
  overflow: hidden;
  /* prevents absolutely-positioned events from bleeding out */
}

/* line 235, vendor/assets/stylesheets/scheduler.css */
tr.fc-transitioning > td > div {
  transition: margin-top 0.2s;
}

/* line 239, vendor/assets/stylesheets/scheduler.css */
tr.fc-collapsed > td > div {
  margin-top: -10px;
}

/* line 244, vendor/assets/stylesheets/scheduler.css */
.fc-body .fc-resource-area .fc-cell-content {
  /* might BE the cell */
  padding-top: 8px;
  padding-bottom: 8px;
}

/* line 249, vendor/assets/stylesheets/scheduler.css */
.fc-no-overlap .fc-body .fc-resource-area .fc-cell-content {
  /* might BE the cell */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 254, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area .fc-icon {
  /* the expander and spacers before the expander */
  width: 1em;
  /* ensure constant width, esp for empty icons */
  font-size: .9em;
  vertical-align: middle;
  margin-top: -1%;
}

/* line 261, vendor/assets/stylesheets/scheduler.css */
.fc-resource-area .fc-expander {
  cursor: pointer;
  color: #666;
  /* for the icon within */
}

/* Time Area
--------------------------------------------------------------------------------------------------*/
/* line 270, vendor/assets/stylesheets/scheduler.css */
.fc-time-area col {
  min-width: 2.2em;
  /* detected by JS */
}

/* head */
/* line 276, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-time-area .fc-chrono th {
  text-align: left;
}

/* line 279, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-time-area .fc-chrono th {
  text-align: right;
}

/* body slats (vertical lines) */
/* line 285, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-slats {
  /* fc-bg is responsible for a lot of this now! */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 294, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-slats table {
  height: 100%;
}

/* line 298, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-slats .fc-minor {
  border-style: dotted;
}

/* line 302, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-slats td {
  border-width: 0 1px;
  /* need to do this. sometimes -1 margin wouldn't hide the dotted */
}

/* line 306, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-time-area .fc-slats td {
  border-right-width: 0;
}

/* line 309, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-time-area .fc-slats td {
  border-left-width: 0;
}

/* body content containers
   can be within rows or directly within the pane's content
*/
/* line 317, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-bgevent-container,
.fc-time-area .fc-highlight-container {
  position: absolute;
  z-index: 2;
  /* only for directly within pane. not for row. overridden later */
  top: 0;
  bottom: 0;
  width: 0;
}

/* line 326, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-time-area .fc-helper-container,
.fc-ltr .fc-time-area .fc-bgevent-container,
.fc-ltr .fc-time-area .fc-highlight-container {
  left: 0;
}

/* line 331, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-time-area .fc-helper-container,
.fc-rtl .fc-time-area .fc-bgevent-container,
.fc-rtl .fc-time-area .fc-highlight-container {
  right: 0;
}

/* line 337, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-bgevent,
.fc-time-area .fc-highlight {
  position: absolute;
  top: 0;
  bottom: 0;
}

/* body resource rows */
/* line 346, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-rows {
  position: relative;
  z-index: 3;
}

/* line 351, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-rows .ui-widget-content {
  background: none;
}

/* line 355, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-rows td > div {
  position: relative;
}

/* line 359, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-rows .fc-bgevent-container,
.fc-time-area .fc-rows .fc-highlight-container {
  z-index: 1;
}

/* line 364, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-event-container {
  position: relative;
  z-index: 2;
  /* above bgevent and highlight */
  width: 0;
  /* for event positioning. will end up on correct side based on dir */
}

/* line 370, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-helper-container {
  /* also an fc-event-container */
  position: absolute;
  z-index: 3;
  top: 0;
}

/* line 376, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-event-container {
  padding-bottom: 8px;
  top: -1px;
}

/* line 381, vendor/assets/stylesheets/scheduler.css */
.fc-time-area tr:first-child .fc-event-container {
  top: 0;
}

/* line 385, vendor/assets/stylesheets/scheduler.css */
.fc-no-overlap .fc-time-area .fc-event-container {
  padding-bottom: 0;
  top: 0;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
/* line 394, vendor/assets/stylesheets/scheduler.css */
.fc-timeline .fc-now-indicator {
  /* both the arrow and the line */
  z-index: 3;
  /* one above scroller's fc-content */
  top: 0;
}

/* line 399, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-now-indicator-arrow {
  margin: 0 -6px;
  /* 5, then one more to counteract scroller's negative margins */
  /* triangle pointing down... */
  border-width: 6px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
}

/* line 407, vendor/assets/stylesheets/scheduler.css */
.fc-time-area .fc-now-indicator-line {
  margin: 0 -1px;
  /* counteract scroller's negative margins */
  bottom: 0;
  border-left-width: 1px;
}

/* Time Grid Events
--------------------------------------------------------------------------------------------------*/
/* line 417, vendor/assets/stylesheets/scheduler.css */
.fc-timeline-event {
  position: absolute;
  border-radius: 0;
  padding: 2px 0;
  margin-bottom: 1px;
}

/* line 424, vendor/assets/stylesheets/scheduler.css */
.fc-no-overlap .fc-timeline-event {
  padding: 5px 0;
  margin-bottom: 0;
}

/* don't overlap grid lines at the event's end */
/* line 430, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-timeline-event {
  margin-right: 1px;
}

/* line 431, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-timeline-event {
  margin-left: 1px;
}

/* line 433, vendor/assets/stylesheets/scheduler.css */
.fc-timeline-event .fc-content {
  padding: 0 1px;
  white-space: nowrap;
  overflow: hidden;
}

/* line 439, vendor/assets/stylesheets/scheduler.css */
.fc-timeline-event .fc-time {
  font-weight: bold;
  padding: 0 1px;
}

/* line 444, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-timeline-event .fc-time {
  display: inline-block;
  /* will force it on the other side */
}

/* line 448, vendor/assets/stylesheets/scheduler.css */
.fc-timeline-event .fc-title {
  padding: 0 1px;
}

/* line 452, vendor/assets/stylesheets/scheduler.css */
.fc-timeline-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

/* follower logic */
/* line 460, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-timeline-event .fc-title {
  padding-left: 10px;
  margin-left: -8px;
}

/* line 464, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-timeline-event .fc-title {
  padding-right: 10px;
  margin-right: -8px;
}

/* line 469, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-timeline-event.fc-not-start .fc-title {
  margin-left: -2px;
}

/* line 472, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-timeline-event.fc-not-start .fc-title {
  margin-right: -2px;
}

/* line 476, vendor/assets/stylesheets/scheduler.css */
.fc-timeline-event.fc-not-start .fc-title,
.fc-body .fc-time-area .fc-following {
  position: relative;
}

/* line 481, vendor/assets/stylesheets/scheduler.css */
.fc-timeline-event.fc-not-start .fc-title:before,
.fc-body .fc-time-area .fc-following:before {
  /* generic arrow */
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  border: 5px solid #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  opacity: .5;
}

/* line 493, vendor/assets/stylesheets/scheduler.css */
.fc-ltr .fc-timeline-event.fc-not-start .fc-title:before,
.fc-ltr .fc-body .fc-time-area .fc-following:before {
  /* LTR. left pointing arrow */
  border-left: 0;
  left: 2px;
}

/* line 499, vendor/assets/stylesheets/scheduler.css */
.fc-rtl .fc-timeline-event.fc-not-start .fc-title:before,
.fc-rtl .fc-body .fc-time-area .fc-following:before {
  /* RTL. right pointing arrow */
  border-right: 0;
  right: 2px;
}

/* License Message
--------------------------------------------------------------------------------------------------*/
/* line 509, vendor/assets/stylesheets/scheduler.css */
.fc-license-message {
  position: absolute;
  z-index: 99999;
  bottom: 1px;
  left: 1px;
  background: #eee;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 1px 0 0;
  padding: 2px 4px;
  font-size: 12px;
  border-top-right-radius: 3px;
}

/* line 1, app/assets/stylesheets/popover.scss */
.popover-container {
  display: inline-block;
}

/* line 4, app/assets/stylesheets/popover.scss */
.popover-container .avatar {
  cursor: pointer;
}

/* line 7, app/assets/stylesheets/popover.scss */
.popover-container .avatar:hover {
  border: 1px solid #2aa7ff;
}

/* line 12, app/assets/stylesheets/popover.scss */
.popover-container .about-fields {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 82px;
  justify-content: center;
  max-width: 250px;
  overflow: hidden;
  position: relative;
}

/* line 22, app/assets/stylesheets/popover.scss */
.popover-container .about-fields .about-fields-data {
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 27, app/assets/stylesheets/popover.scss */
.popover-container .about-fields .about-fields-data:nth-of-type(4) {
  opacity: 40%;
}

/* line 30, app/assets/stylesheets/popover.scss */
.popover-container .about-fields .about-fields-data:nth-of-type(n+5) {
  display: none;
}

/* line 35, app/assets/stylesheets/popover.scss */
.popover-container .about-fields:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background: linear-gradient(transparent, white);
}

/* line 47, app/assets/stylesheets/popover.scss */
.member-popover-tooltip {
  z-index: 1079 !important;
}

/* line 50, app/assets/stylesheets/popover.scss */
.member-popover-tooltip .tooltip-arrow {
  left: calc(50% - 3px) !important;
}

/* line 56, app/assets/stylesheets/popover.scss */
.large-popover .popover {
  width: 230px;
}

/* line 61, app/assets/stylesheets/popover.scss */
.tooltip, .vue-tooltip, .tooltip.top-start, .top-start.vue-tooltip {
  opacity: 1 !important;
}

/* line 65, app/assets/stylesheets/popover.scss */
.popover .btn.dismiss, .popover .app-tabs-switch > .nav.nav-tabs .dismiss.nav-item, .app-tabs-switch > .nav.nav-tabs .popover .dismiss.nav-item {
  margin-top: 12px;
}

/* line 69, app/assets/stylesheets/popover.scss */
.a-popover {
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/popover.scss */
.popover {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* for IE 11 */
}

/* line 79, app/assets/stylesheets/popover.scss */
.popover.getting-started-popover .getting-started-number {
  width: 19px;
  height: 19px;
}

/* line 83, app/assets/stylesheets/popover.scss */
.popover.getting-started-popover .popover-content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* for IE 11 */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* line 86, app/assets/stylesheets/popover.scss */
.popover.getting-started-popover.left {
  -webkit-animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -moz-animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -o-animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -ms-animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  margin-left: -20px;
}

/* line 90, app/assets/stylesheets/popover.scss */
.popover.getting-started-popover.right {
  -webkit-animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -moz-animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -o-animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -ms-animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  margin-left: 20px;
}

/* line 94, app/assets/stylesheets/popover.scss */
.popover.getting-started-popover.top, .getting-started-popover.tooltip.top-start, .getting-started-popover.top-start.vue-tooltip {
  -webkit-animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -moz-animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -o-animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -ms-animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  margin-top: -20px;
}

/* line 98, app/assets/stylesheets/popover.scss */
.popover.getting-started-popover.bottom {
  -webkit-animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -moz-animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -o-animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -ms-animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  margin-top: 20px;
}

/* line 104, app/assets/stylesheets/popover.scss */
.vue-popover {
  max-width: 350px;
}

/* line 106, app/assets/stylesheets/popover.scss */
.time-entries-project-switcher-popover .vue-popover {
  width: 350px;
}

/* line 109, app/assets/stylesheets/popover.scss */
.time-entries-project-switcher-popover .vue-popover .task-app-select {
  height: 4rem;
}

/* line 113, app/assets/stylesheets/popover.scss */
.vue-popover .time-span-popover .time_entry {
  width: 100%;
}

/* line 117, app/assets/stylesheets/popover.scss */
.vue-popover.duration-popover[x-placement^="bottom"] {
  margin-top: 8px;
}

/* line 121, app/assets/stylesheets/popover.scss */
.vue-popover.popover-dropdown {
  height: 250px;
  overflow-y: scroll;
  border: 1px solid #2aa7ff;
}

/* line 125, app/assets/stylesheets/popover.scss */
.vue-popover.popover-dropdown .popover-content {
  padding: 0px !important;
  height: 250px;
}

/* line 129, app/assets/stylesheets/popover.scss */
.vue-popover.popover-dropdown .popper__arrow {
  display: none;
}

/* line 133, app/assets/stylesheets/popover.scss */
.vue-popover[x-out-of-boundaries] {
  display: none;
}

/* line 137, app/assets/stylesheets/popover.scss */
.vue-popover.vue-time-entries-edit-time-span-popover .app-time-picker-trigger {
  top: 7px;
}

@media (max-width: 575.98px) {
  /* line 136, app/assets/stylesheets/popover.scss */
  .vue-popover.vue-time-entries-edit-time-span-popover {
    width: 100%;
  }
}

/* line 144, app/assets/stylesheets/popover.scss */
.vue-popover .popper__arrow {
  width: 10px;
  height: 10px;
  transform: rotate(45deg) translateX(-50%);
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  z-index: 1039;
}

/* line 153, app/assets/stylesheets/popover.scss */
.vue-popover[x-placement^="right"] {
  left: 15px !important;
}

/* line 155, app/assets/stylesheets/popover.scss */
.vue-popover[x-placement^="right"] .popper__arrow {
  box-shadow: 0 1px 0 0 #e5e7eb;
  left: -1px;
}

/* line 160, app/assets/stylesheets/popover.scss */
.vue-popover[x-placement^="left"] {
  left: -15px !important;
}

/* line 162, app/assets/stylesheets/popover.scss */
.vue-popover[x-placement^="left"] .popper__arrow {
  box-shadow: 1px 0 0 0 #e5e7eb;
  left: 397px;
}

/* line 167, app/assets/stylesheets/popover.scss */
.vue-popover[x-placement^="bottom"] {
  margin-top: 12px;
}

/* line 169, app/assets/stylesheets/popover.scss */
.vue-popover[x-placement^="bottom"] .popper__arrow {
  box-shadow: -1px -1px 0 0 #e5e7eb;
  top: 0px;
}

/* line 174, app/assets/stylesheets/popover.scss */
.vue-popover[x-placement^="top"] {
  margin-bottom: 12px;
}

/* line 176, app/assets/stylesheets/popover.scss */
.vue-popover[x-placement^="top"] .popper__arrow {
  box-shadow: 1px 1px 0 0 #e5e7eb;
  bottom: -8px;
}

/* line 183, app/assets/stylesheets/popover.scss */
.vue-popover.member-popover[x-placement^="top"] {
  margin-bottom: 11px;
}

/* line 188, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover {
  max-width: 492px;
  width: 100%;
}

/* line 192, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover[x-placement^="top"] {
  top: 5px !important;
}

/* line 196, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover[x-placement^="bottom"] {
  top: -5px !important;
}

/* line 201, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover .info-popover-header .popover-type {
  color: #6b7280;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}

/* line 210, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover .info-popover-header .member-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
}

/* line 217, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover .about-fields {
  max-width: none;
}

/* line 220, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover .about-fields .about-fields-data {
  display: flex;
  margin-bottom: 2px;
}

/* line 224, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover .about-fields .about-fields-data .info-title {
  color: #6b7280;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  padding-top: .3rem;
  text-transform: uppercase;
  width: 150px;
}

/* line 234, app/assets/stylesheets/popover.scss */
#members-info-popover.vue-popover .about-fields .about-fields-data .info-value {
  max-width: 294px;
  font-size: 13px;
  word-break: break-word;
}

/** Special IE6 Style Positioning **/
/* line 3, vendor/assets/stylesheets/jquery.jgrowl.css */
.ie6 {
  position: absolute;
}

/* line 7, vendor/assets/stylesheets/jquery.jgrowl.css */
.ie6.top-right {
  right: auto;
  bottom: auto;
  left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/* line 14, vendor/assets/stylesheets/jquery.jgrowl.css */
.ie6.top-left {
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/* line 19, vendor/assets/stylesheets/jquery.jgrowl.css */
.ie6.bottom-right {
  left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/* line 24, vendor/assets/stylesheets/jquery.jgrowl.css */
.ie6.bottom-left {
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/* line 29, vendor/assets/stylesheets/jquery.jgrowl.css */
.ie6.center {
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  width: 100%;
}

/** jGrowl Styling **/
/* line 37, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  position: fixed;
}

/* line 44, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl.top-left {
  left: 0px;
  top: 0px;
}

/* line 49, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl.top-right {
  right: 0px;
  top: 0px;
}

/* line 54, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

/* line 59, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}

/* line 64, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}

/** Cross Browser Styling **/
/* line 71, vendor/assets/stylesheets/jquery.jgrowl.css */
.center .jGrowl-notification, .center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

/* line 76, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
  background-color: #000;
  opacity: .85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  zoom: 1;
  width: 235px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: left;
  display: none;
  border-radius: 5px;
}

/* line 93, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl .jGrowl-notification {
  min-height: 40px;
}

/* line 97, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
  margin: 10px;
}

/* line 102, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl .jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: .85em;
}

/* line 107, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl .jGrowl-notification .jGrowl-close {
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

/* line 115, vendor/assets/stylesheets/jquery.jgrowl.css */
.jGrowl .jGrowl-closer {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
  /* line 126, vendor/assets/stylesheets/jquery.jgrowl.css */
  .jGrowl {
    display: none;
  }
}

/* View.js styles */
/* line 3, vendor/assets/stylesheets/view.css */
.viewer li {
  -webkit-transition: width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* line 9, vendor/assets/stylesheets/view.css */
.viewer .caption {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
}

/* line 17, vendor/assets/stylesheets/view.css */
.viewer .current .caption {
  opacity: 100;
  visibility: visible;
}

/* line 116, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */
}

/* line 132, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

/* line 140, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

/* line 148, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

/* line 157, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.opensleft:before {
  right: 9px;
}

/* line 162, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.opensleft:after {
  right: 10px;
}

/* line 169, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

/* line 177, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

/* line 187, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.opensright:before {
  left: 9px;
}

/* line 192, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.opensright:after {
  left: 10px;
}

/* line 198, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.dropup {
  margin-top: -5px;
}

/* line 202, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

/* line 209, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

/* line 217, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}

/* line 223, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}

/* line 230, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.show-calendar .calendar {
  display: block;
}

/* line 235, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}

/* line 241, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar.single .calendar-table {
  border: none;
}

/* line 246, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

/* line 255, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

/* line 262, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker table {
  width: 100%;
  margin: 0;
}

/* line 267, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

/* line 277, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

/* line 284, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

/* line 292, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

/* line 301, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

/* line 310, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

/* line 314, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

/* line 318, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

/* line 323, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #0090f6;
  border-color: transparent;
  color: #fff;
}

/* line 332, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker th.month {
  width: auto;
}

/* line 341, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

/* line 349, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

/* line 357, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

/* line 362, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker select.yearselect {
  width: 40%;
}

/* line 366, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

/* line 375, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}

/* line 389, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px;
}

/* line 395, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .daterangepicker_input {
  position: relative;
}

/* line 398, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

/* line 407, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px;
}

/* line 411, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px;
}

/* line 420, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

/* line 428, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

/* line 440, vendor/assets/stylesheets/daterangepicker.scss */
.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}

/* line 446, vendor/assets/stylesheets/daterangepicker.scss */
.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

/* line 453, vendor/assets/stylesheets/daterangepicker.scss */
.ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}

/* line 463, vendor/assets/stylesheets/daterangepicker.scss */
.ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/* line 469, vendor/assets/stylesheets/daterangepicker.scss */
.ranges li.active {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  /* line 479, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker {
    width: auto;
  }
  /* line 483, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker .ranges ul {
    width: 160px;
  }
  /* line 490, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  /* line 495, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  /* line 500, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
    float: left;
  }
  /* line 505, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
    float: right;
  }
  /* line 511, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  /* line 515, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0;
  }
  /* line 519, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 526, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }
  /* line 529, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 537, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }
  /* line 541, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px;
  }
  /* line 545, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: left;
  }
  /* line 549, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  /* line 553, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0;
  }
  /* line 557, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 564, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.right {
    margin-right: 0;
  }
  /* line 567, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 575, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px;
  }
  /* line 579, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px;
  }
  /* line 583, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
    text-align: right;
    float: right;
  }
}

@media (min-width: 730px) {
  /* line 593, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker .ranges {
    width: auto;
  }
  /* line 597, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .ranges {
    float: left;
  }
  /* line 602, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .ranges {
    float: right;
  }
  /* line 607, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker .calendar.left {
    clear: none !important;
  }
}

/* line 1, vendor/assets/stylesheets/select2.css */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

/* line 8, vendor/assets/stylesheets/select2.css */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 16, vendor/assets/stylesheets/select2.css */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 24, vendor/assets/stylesheets/select2.css */
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

/* line 27, vendor/assets/stylesheets/select2.css */
.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

/* line 31, vendor/assets/stylesheets/select2.css */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 39, vendor/assets/stylesheets/select2.css */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 46, vendor/assets/stylesheets/select2.css */
.select2-container .select2-search--inline {
  float: left;
}

/* line 49, vendor/assets/stylesheets/select2.css */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

/* line 56, vendor/assets/stylesheets/select2.css */
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 60, vendor/assets/stylesheets/select2.css */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* line 72, vendor/assets/stylesheets/select2.css */
.select2-results {
  display: block;
}

/* line 76, vendor/assets/stylesheets/select2.css */
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 82, vendor/assets/stylesheets/select2.css */
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 87, vendor/assets/stylesheets/select2.css */
.select2-results__option[aria-selected] {
  cursor: pointer;
}

/* line 91, vendor/assets/stylesheets/select2.css */
.select2-container--open .select2-dropdown {
  left: 0;
}

/* line 95, vendor/assets/stylesheets/select2.css */
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 101, vendor/assets/stylesheets/select2.css */
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 107, vendor/assets/stylesheets/select2.css */
.select2-search--dropdown {
  display: block;
  padding: 4px;
}

/* line 111, vendor/assets/stylesheets/select2.css */
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

/* line 116, vendor/assets/stylesheets/select2.css */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 119, vendor/assets/stylesheets/select2.css */
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/* line 123, vendor/assets/stylesheets/select2.css */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 141, vendor/assets/stylesheets/select2.css */
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 152, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 157, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 161, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

/* line 166, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 169, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 176, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 189, vendor/assets/stylesheets/select2.css */
.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 193, vendor/assets/stylesheets/select2.css */
.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

/* line 198, vendor/assets/stylesheets/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 202, vendor/assets/stylesheets/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 206, vendor/assets/stylesheets/select2.css */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 211, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

/* line 217, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

/* line 224, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

/* line 227, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

/* line 232, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

/* line 239, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 249, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 256, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

/* line 260, vendor/assets/stylesheets/select2.css */
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline {
  float: right;
}

/* line 266, vendor/assets/stylesheets/select2.css */
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 271, vendor/assets/stylesheets/select2.css */
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 276, vendor/assets/stylesheets/select2.css */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

/* line 281, vendor/assets/stylesheets/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 286, vendor/assets/stylesheets/select2.css */
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 290, vendor/assets/stylesheets/select2.css */
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 296, vendor/assets/stylesheets/select2.css */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 302, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

/* line 306, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

/* line 314, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 319, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results__option[role='group'] {
  padding: 0;
}

/* line 323, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results__option[aria-disabled='true'] {
  color: #999;
}

/* line 327, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #ddd;
}

/* line 331, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 334, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 337, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 341, vendor/assets/stylesheets/select2.css */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 349, vendor/assets/stylesheets/select2.css */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 358, vendor/assets/stylesheets/select2.css */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 368, vendor/assets/stylesheets/select2.css */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 380, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

/* line 385, vendor/assets/stylesheets/select2.css */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 391, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 402, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

/* line 405, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 409, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

/* line 415, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 418, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

/* line 435, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 448, vendor/assets/stylesheets/select2.css */
.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 452, vendor/assets/stylesheets/select2.css */
.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

/* line 462, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

/* line 465, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

/* line 469, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 474, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 485, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

/* line 496, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

/* line 503, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

/* line 506, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

/* line 511, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

/* line 514, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 524, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 531, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

/* line 535, vendor/assets/stylesheets/select2.css */
.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

/* line 539, vendor/assets/stylesheets/select2.css */
.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 544, vendor/assets/stylesheets/select2.css */
.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 549, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

/* line 553, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 559, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 565, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

/* line 570, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

/* line 575, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

/* line 580, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

/* line 584, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

/* line 588, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 593, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-results__option[role='group'] {
  padding: 0;
}

/* line 597, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-results__option[aria-disabled='true'] {
  color: grey;
}

/* line 601, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

/* line 606, vendor/assets/stylesheets/select2.css */
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 612, vendor/assets/stylesheets/select2.css */
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* line 135, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap {
  display: block;
  /*------------------------------------*\
      #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*\
      #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*\
      #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*\
    #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*\
    #RTL SUPPORT
  \*------------------------------------*/
}

/* line 145, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #374151;
  font-size: 14px;
  outline: 0;
}

/* line 149, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 6px;
}

/* line 161, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #374151;
  font-size: 14px;
}

/* line 171, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */
}

/* line 174, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}

/* line 179, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}

/* line 188, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}

/* line 193, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}

/* line 205, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option {
  padding: 9px 14px;
  /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
  /**
     * Hover state.
     */
  /**
     * Selected state.
     */
}

/* line 208, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

/* line 218, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}

/* line 227, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}

/* line 236, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #2aa7ff;
  color: #fff;
}

/* line 241, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 9px 14px;
}

/* line 244, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 248, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -14px;
  padding-left: 28px;
}

/* line 252, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -28px;
  padding-left: 42px;
}

/* line 256, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -42px;
  padding-left: 56px;
}

/* line 260, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -56px;
  padding-left: 70px;
}

/* line 264, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -70px;
  padding-left: 84px;
}

/* line 275, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 9px 14px;
  font-size: 12px;
  line-height: 1.45;
  white-space: nowrap;
}

/* line 286, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(42, 167, 255, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(42, 167, 255, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-color: #2aa7ff;
}

/* line 293, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--open {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
  /**
     * Handle border radii of the container when the dropdown is showing.
     */
}

/* line 298, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow {
  transform: rotateZ(180deg);
}

/* line 307, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}

/* line 314, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-color: transparent;
}

/* line 325, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

/* line 332, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection__clear:hover {
  color: #374151;
}

/* line 345, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #e5e7eb;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 350, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}

/* line 354, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  /* hide invisible input for disabled select2 */
  display: none;
}

/* line 358, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--disabled .select2-search__field[placeholder]:not([placeholder=""]) {
  /* but show it if has a placeholder */
  display: block;
}

/* line 364, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: transparent;
}

/* line 369, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

/* line 387, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #2aa7ff;
  overflow-x: hidden;
  margin-top: -1px;
}

/* line 393, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-dropdown--above {
  -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  margin-top: 1px;
}

/* line 403, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 416, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-selection--multiple {
  height: 40px;
  line-height: 1.45;
  padding: 9px 26px 9px 14px;
  /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
}

/* line 426, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__arrow {
  position: absolute;
  right: 14px;
  bottom: 25%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 431, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow :before,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__arrow :before {
  content: "\f117";
  font-size: 10px;
  display: inline-block;
  font-family: "hubstaff-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
}

/* line 446, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  color: #374151;
  padding: 0;
}

/* line 451, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
}

/* line 464, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple {
  min-height: 40px;
  padding: 0;
  height: auto;
  /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
  /**
     * Minus 2px borders.
     */
  /**
     * Clear the selection.
     */
}

/* line 470, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  display: block;
  line-height: 1.45;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 483, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

/* line 493, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #374151;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: default;
  float: left;
  margin: 8px 0 0 7px;
  padding: 0 9px;
}

/* line 509, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 14px;
  height: 30px;
  line-height: 1.45;
  margin-top: 0;
  padding-top: 10px;
  min-width: 5em;
}

/* line 520, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 4.5px;
}

/* line 527, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #374151;
}

/* line 536, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  line-height: 30px;
}

/* line 555, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single.input-sm, .select2-container--bootstrap .input-group-sm > .select2-selection--single.form-control,
.select2-container--bootstrap .input-group-sm > .select2-selection--single.input-group-addon,
.select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--single.btn,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .select2-selection--single.nav-item,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--single.nav-item, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single, .time-span-popover .time_entry .select2-container--bootstrap .select2-selection--single, .time-span-popover .duration .select2-container--bootstrap .select2-selection--single, .time-span-popover .vue-app-date-picker .select2-container--bootstrap .select2-selection--single,
.time-span-popover .datepicker .select2-container--bootstrap .select2-selection--single,
.time-span-popover .time_entry_duration .select2-container--bootstrap .select2-selection--single {
  border-radius: 4px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 32px 5px 20px;
  /* 2 */
}

/* line 565, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b, .select2-container--bootstrap .input-group-sm > .select2-selection--single.form-control .select2-selection__arrow b,
.select2-container--bootstrap .input-group-sm > .select2-selection--single.input-group-addon .select2-selection__arrow b,
.select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--single.btn .select2-selection__arrow b,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .select2-selection--single.nav-item .select2-selection__arrow b,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--single.nav-item .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .time-span-popover .time_entry .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .time-span-popover .duration .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .time-span-popover .vue-app-date-picker .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.time-span-popover .datepicker .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.time-span-popover .time_entry_duration .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

/* line 570, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple.input-sm, .select2-container--bootstrap .input-group-sm > .select2-selection--multiple.form-control,
.select2-container--bootstrap .input-group-sm > .select2-selection--multiple.input-group-addon,
.select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--multiple.btn,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .select2-selection--multiple.nav-item,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--multiple.nav-item, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple, .time-span-popover .time_entry .select2-container--bootstrap .select2-selection--multiple, .time-span-popover .duration .select2-container--bootstrap .select2-selection--multiple, .time-span-popover .vue-app-date-picker .select2-container--bootstrap .select2-selection--multiple,
.time-span-popover .datepicker .select2-container--bootstrap .select2-selection--multiple,
.time-span-popover .time_entry_duration .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 4px;
}

/* line 576, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice, .select2-container--bootstrap .input-group-sm > .select2-selection--multiple.form-control .select2-selection__choice,
.select2-container--bootstrap .input-group-sm > .select2-selection--multiple.input-group-addon .select2-selection__choice,
.select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--multiple.btn .select2-selection__choice,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .select2-selection--multiple.nav-item .select2-selection__choice,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--multiple.nav-item .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .time-span-popover .time_entry .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .time-span-popover .duration .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .time-span-popover .vue-app-date-picker .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.time-span-popover .datepicker .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.time-span-popover .time_entry_duration .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 10px;
  padding: 0 5px;
}

/* line 583, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .select2-container--bootstrap .input-group-sm > .select2-selection--multiple.form-control .select2-search--inline .select2-search__field,
.select2-container--bootstrap .input-group-sm > .select2-selection--multiple.input-group-addon .select2-search--inline .select2-search__field,
.select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--multiple.btn .select2-search--inline .select2-search__field,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .select2-selection--multiple.nav-item .select2-search--inline .select2-search__field,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--multiple.nav-item .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .time-span-popover .time_entry .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .time-span-popover .duration .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .time-span-popover .vue-app-date-picker .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.time-span-popover .datepicker .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.time-span-popover .time_entry_duration .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 20px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

/* line 590, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear, .select2-container--bootstrap .input-group-sm > .select2-selection--multiple.form-control .select2-selection__clear,
.select2-container--bootstrap .input-group-sm > .select2-selection--multiple.input-group-addon .select2-selection__clear,
.select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--multiple.btn .select2-selection__clear,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-sm > .input-group-btn > .select2-selection--multiple.nav-item .select2-selection__clear,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-sm > .input-group-btn > .select2-selection--multiple.nav-item .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .time-span-popover .time_entry .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .time-span-popover .duration .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .time-span-popover .vue-app-date-picker .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.time-span-popover .datepicker .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.time-span-popover .time_entry_duration .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

/* line 595, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single.input-lg, .select2-container--bootstrap .input-group-lg > .select2-selection--single.form-control,
.select2-container--bootstrap .input-group-lg > .select2-selection--single.input-group-addon,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--single.btn,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-selection--single.nav-item,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--single.nav-item, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 8px;
  font-size: 14px;
  height: 44px;
  line-height: 1.3333333;
  padding: 14px 31px 14px 16px;
  /* 1 */
}

/* line 605, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow, .select2-container--bootstrap .input-group-lg > .select2-selection--single.form-control .select2-selection__arrow,
.select2-container--bootstrap .input-group-lg > .select2-selection--single.input-group-addon .select2-selection__arrow,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--single.btn .select2-selection__arrow,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-selection--single.nav-item .select2-selection__arrow,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--single.nav-item .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

/* line 608, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b, .select2-container--bootstrap .input-group-lg > .select2-selection--single.form-control .select2-selection__arrow b,
.select2-container--bootstrap .input-group-lg > .select2-selection--single.input-group-addon .select2-selection__arrow b,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--single.btn .select2-selection__arrow b,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-selection--single.nav-item .select2-selection__arrow b,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--single.nav-item .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -14px;
  margin-top: -2.5px;
}

/* line 617, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple.input-lg, .select2-container--bootstrap .input-group-lg > .select2-selection--multiple.form-control,
.select2-container--bootstrap .input-group-lg > .select2-selection--multiple.input-group-addon,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--multiple.btn,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-selection--multiple.nav-item,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--multiple.nav-item, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 44px;
  border-radius: 8px;
}

/* line 623, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice, .select2-container--bootstrap .input-group-lg > .select2-selection--multiple.form-control .select2-selection__choice,
.select2-container--bootstrap .input-group-lg > .select2-selection--multiple.input-group-addon .select2-selection__choice,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--multiple.btn .select2-selection__choice,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-selection--multiple.nav-item .select2-selection__choice,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--multiple.nav-item .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 14px;
  line-height: 1.3333333;
  border-radius: 6px;
  margin: 13px 0 0 8px;
  padding: 0 14px;
}

/* line 631, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, .select2-container--bootstrap .input-group-lg > .select2-selection--multiple.form-control .select2-search--inline .select2-search__field,
.select2-container--bootstrap .input-group-lg > .select2-selection--multiple.input-group-addon .select2-search--inline .select2-search__field,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--multiple.btn .select2-search--inline .select2-search__field,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-selection--multiple.nav-item .select2-search--inline .select2-search__field,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--multiple.nav-item .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 14px;
  height: 42px;
  line-height: 1.3333333;
}

/* line 638, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear, .select2-container--bootstrap .input-group-lg > .select2-selection--multiple.form-control .select2-selection__clear,
.select2-container--bootstrap .input-group-lg > .select2-selection--multiple.input-group-addon .select2-selection__clear,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--multiple.btn .select2-selection__clear,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-selection--multiple.nav-item .select2-selection__clear,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection--multiple.nav-item .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 14px;
}

/* line 119, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single, .select2-container--bootstrap .input-group-lg > .select2-selection.select2-container--open.form-control .select2-selection--single,
.select2-container--bootstrap .input-group-lg > .select2-selection.select2-container--open.input-group-addon .select2-selection--single,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection.select2-container--open.btn .select2-selection--single,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-container--open.nav-item .select2-selection--single,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-container--open.nav-item .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

/* line 124, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .input-group-lg > .select2-selection.select2-container--open.form-control .select2-selection--single .select2-selection__arrow b,
.select2-container--bootstrap .input-group-lg > .select2-selection.select2-container--open.input-group-addon .select2-selection--single .select2-selection__arrow b,
.select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-selection.select2-container--open.btn .select2-selection--single .select2-selection__arrow b,
.select2-container--bootstrap .app-tabs-switch > .nav.nav-tabs .input-group-lg > .input-group-btn > .select2-container--open.nav-item .select2-selection--single .select2-selection__arrow b,
.app-tabs-switch > .nav.nav-tabs .select2-container--bootstrap .input-group-lg > .input-group-btn > .select2-container--open.nav-item .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

/* line 119, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

/* line 124, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

/* line 661, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] {
  /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
  /**
     * Multiple Select2
     */
}

/* line 670, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 26px;
  padding-right: 14px;
}

/* line 674, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}

/* line 680, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 684, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 14px;
  right: auto;
}

/* line 688, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}

/* line 699, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

/* line 705, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 7px;
}

/* line 710, vendor/assets/stylesheets/select2-bootstrap.scss */
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/*------------------------------------*\
  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
/* line 97, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #e3a008;
}

/* line 102, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c858;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c858;
  border-color: #b27d06;
}

/* line 108, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-warning.select2-drop-active {
  border-color: #b27d06;
}

/* line 111, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #b27d06;
}

/* line 97, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #f05252;
}

/* line 102, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8b0b0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8b0b0;
  border-color: #ec2323;
}

/* line 108, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-error.select2-drop-active {
  border-color: #ec2323;
}

/* line 111, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #ec2323;
}

/* line 97, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #31c48d;
}

/* line 102, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ddeba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ddeba;
  border-color: #279b70;
}

/* line 108, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-success.select2-drop-active {
  border-color: #279b70;
}

/* line 111, vendor/assets/stylesheets/select2-bootstrap.scss */
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #279b70;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * @see http://getbootstrap.com/components/#input-groups
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
/**
 * Reset rounded corners
 */
/* line 761, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 766, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
  border-radius: 0;
}

/* line 771, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 777, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group > .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
  /**
   * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
   * Multi Select2's height which - depending on how many elements have been selected -
   * may grow taller than its initial size.
   *
   * @see http://getbootstrap.com/components/#input-groups
   */
}

/* line 785, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none;
}

/* line 794, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
  z-index: 3;
}

/* line 807, vendor/assets/stylesheets/select2-bootstrap.scss */
.input-group > .select2-container--bootstrap,
.input-group > .select2-container--bootstrap .input-group-btn,
.input-group > .select2-container--bootstrap .input-group-btn .btn,
.input-group > .select2-container--bootstrap .input-group-btn .app-tabs-switch > .nav.nav-tabs .nav-item,
.app-tabs-switch > .nav.nav-tabs .input-group > .select2-container--bootstrap .input-group-btn .nav-item {
  vertical-align: top;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
/* line 824, vendor/assets/stylesheets/select2-bootstrap.scss */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
 */
@media (min-width: 768px) {
  /* line 833, vendor/assets/stylesheets/select2-bootstrap.scss */
  .form-inline .select2-container--bootstrap {
    display: inline-block;
  }
}

/*!
 * jQuery UI Sortable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*
 *= require jquery-ui/theme
 */
/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/jquery-ui-rails-6.0.1/app/assets/stylesheets/jquery-ui/sortable.css */
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* line 1, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail {
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  width: 1px;
  transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
}

/* line 14, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail.inactive {
  opacity: 0;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .item.active {
  opacity: 1;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .x_label {
  font-family: Arial, sans-serif;
  border-radius: 3px;
  padding: 6px;
  opacity: 0.5;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  position: absolute;
  background: white;
  white-space: nowrap;
}

/* line 31, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .x_label.left {
  left: 0;
}

/* line 34, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .x_label.right {
  right: 0;
}

/* line 37, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .item {
  position: absolute;
  z-index: 2;
  border-radius: 3px;
  padding: 0.25em;
  font-size: 12px;
  font-family: Arial, sans-serif;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.4);
  margin-left: 1em;
  margin-right: 1em;
  margin-top: -1em;
  white-space: nowrap;
}

/* line 53, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .item.left {
  left: 0;
}

/* line 56, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .item.right {
  right: 0;
}

/* line 59, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .item.active {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8);
}

/* line 63, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .item:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
}

/* line 73, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .item.left:after {
  top: 1em;
  left: -5px;
  margin-top: -5px;
  border-right-color: rgba(0, 0, 0, 0.8);
  border-left-width: 0;
}

/* line 80, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .item.right:after {
  top: 1em;
  right: -5px;
  margin-top: -5px;
  border-left-color: rgba(0, 0, 0, 0.8);
  border-right-width: 0;
}

/* line 87, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .dot {
  width: 4px;
  height: 4px;
  margin-left: -2px;
  margin-top: -2px;
  border-radius: 5px;
  position: absolute;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  background: white;
  border-width: 2px;
  border-style: solid;
  display: none;
  background-clip: padding-box;
}

/* line 101, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .detail .dot.active {
  display: block;
}

/* graph */
/* line 106, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph {
  position: relative;
}

/* line 109, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph svg {
  display: block;
  overflow: hidden;
}

/* ticks */
/* line 116, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .x_tick {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0px;
  border-left: 1px dotted rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

/* line 124, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .x_tick .title {
  position: absolute;
  font-size: 12px;
  font-family: Arial, sans-serif;
  opacity: 0.5;
  white-space: nowrap;
  margin-left: 3px;
  bottom: 1px;
}

/* annotations */
/* line 136, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_annotation_timeline {
  height: 1px;
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
  position: relative;
}

/* line 142, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_annotation_timeline .annotation {
  position: absolute;
  height: 6px;
  width: 6px;
  margin-left: -2px;
  top: -3px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.25);
}

/* line 151, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .annotation_line {
  position: absolute;
  top: 0;
  bottom: -6px;
  width: 0px;
  border-left: 2px solid rgba(0, 0, 0, 0.3);
  display: none;
}

/* line 159, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .annotation_line.active {
  display: block;
}

/* line 163, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .annotation_range {
  background: rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  top: 0;
  bottom: -6px;
}

/* line 170, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .annotation_range.active {
  display: block;
}

/* line 173, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .annotation_range.active.offscreen {
  display: none;
}

/* line 177, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_annotation_timeline .annotation .content {
  background: white;
  color: black;
  opacity: 0.9;
  padding: 5px 5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  position: relative;
  z-index: 20;
  font-size: 12px;
  padding: 6px 8px 8px;
  top: 18px;
  left: -11px;
  width: 160px;
  display: none;
  cursor: pointer;
}

/* line 194, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_annotation_timeline .annotation .content:before {
  content: "\25b2";
  position: absolute;
  top: -11px;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
}

/* line 201, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_annotation_timeline .annotation.active,
.rickshaw_annotation_timeline .annotation:hover {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: none;
}

/* line 206, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_annotation_timeline .annotation .content:hover {
  z-index: 50;
}

/* line 209, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_annotation_timeline .annotation.active .content {
  display: block;
}

/* line 212, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_annotation_timeline .annotation:hover .content {
  display: block;
  z-index: 50;
}

/* line 216, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .y_axis,
.rickshaw_graph .x_axis_d3 {
  fill: none;
}

/* line 220, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .y_ticks .tick,
.rickshaw_graph .x_ticks_d3 .tick {
  stroke: rgba(0, 0, 0, 0.16);
  stroke-width: 2px;
  shape-rendering: crisp-edges;
  pointer-events: none;
}

/* line 227, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .y_grid .tick,
.rickshaw_graph .x_grid_d3 .tick {
  z-index: -1;
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 1 1;
}

/* line 234, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .y_grid path,
.rickshaw_graph .x_grid_d3 path {
  fill: none;
  stroke: none;
}

/* line 239, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .y_ticks path,
.rickshaw_graph .x_ticks_d3 path {
  fill: none;
  stroke: #808080;
}

/* line 244, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .y_ticks text,
.rickshaw_graph .x_ticks_d3 text {
  opacity: 0.5;
  font-size: 12px;
  pointer-events: none;
}

/* line 250, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .x_tick.glow .title,
.rickshaw_graph .y_ticks.glow text {
  fill: black;
  color: black;
  text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.1), 1px -1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.1), 0px -1px 0 rgba(255, 255, 255, 0.1), 1px 0px 0 rgba(255, 255, 255, 0.1), -1px 0px 0 rgba(255, 255, 255, 0.1), -1px -1px 0 rgba(255, 255, 255, 0.1);
}

/* line 264, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_graph .x_tick.inverse .title,
.rickshaw_graph .y_ticks.inverse text {
  fill: white;
  color: white;
  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8), 1px -1px 0 rgba(0, 0, 0, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.8), 0px 1px 0 rgba(0, 0, 0, 0.8), 0px -1px 0 rgba(0, 0, 0, 0.8), 1px 0px 0 rgba(0, 0, 0, 0.8), -1px 0px 0 rgba(0, 0, 0, 0.8), -1px -1px 0 rgba(0, 0, 0, 0.8);
}

/* line 278, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend {
  font-family: Arial;
  font-size: 12px;
  color: white;
  background: #404040;
  display: inline-block;
  padding: 12px 5px;
  border-radius: 2px;
  position: relative;
}

/* line 288, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend:hover {
  z-index: 10;
}

/* line 291, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend .swatch {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 296, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend .line {
  clear: both;
  line-height: 140%;
  padding-right: 15px;
}

/* line 301, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend .line .swatch {
  display: inline-block;
  margin-right: 3px;
  border-radius: 2px;
}

/* line 306, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend .label, .rickshaw_legend .timesheet-sync-status, .rickshaw_legend .timesheet-status, .rickshaw_legend .time_off_request_status, .rickshaw_legend .adjustment_type_label, .rickshaw_legend .manual_time_log span.action, .manual_time_log .rickshaw_legend span.action,
.rickshaw_legend .widget-id-manual_time_log span.action,
.widget-id-manual_time_log .rickshaw_legend span.action {
  margin: 0;
  white-space: nowrap;
  display: inline;
  font-size: inherit;
  background-color: transparent;
  color: inherit;
  font-weight: normal;
  line-height: normal;
  padding: 0px;
  text-shadow: none;
}

/* line 318, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend .action:hover {
  opacity: 0.6;
}

/* line 321, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend .action {
  margin-right: 0.2em;
  font-size: 10px;
  opacity: 0.2;
  cursor: pointer;
  font-size: 14px;
}

/* line 328, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend .line.disabled {
  opacity: 0.4;
}

/* line 331, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 2px;
  cursor: pointer;
}

/* line 338, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend li {
  padding: 0 0 0 2px;
  min-width: 80px;
  white-space: nowrap;
}

/* line 343, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend li:hover {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}

/* line 347, ../usr/local/bundle/ruby/3.3.0/gems/rickshaw_rails-1.4.5/app/assets/stylesheets/rickshaw.css */
.rickshaw_legend li:active {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

@font-face {
  font-family: "hubstaff-icons";
  src: url(https://server-assets.hubstaff.com/b9e3417e06/hubstaff_utils/hubstaff-icons-681acfd34c672b5d4809fce02aece9a32fca8195f8503263ac43d19e9bca5773.eot);
  src: url(https://server-assets.hubstaff.com/b9e3417e06/hubstaff_utils/hubstaff-icons-681acfd34c672b5d4809fce02aece9a32fca8195f8503263ac43d19e9bca5773.eot?#iefix) format("embedded-opentype"), url(https://server-assets.hubstaff.com/b9e3417e06/hubstaff_utils/hubstaff-icons-98ef89d4f2c4acf88b82cf76954a95604a27b4b2ce8684a04891869ca15ce061.woff2) format("woff2"), url(https://server-assets.hubstaff.com/b9e3417e06/hubstaff_utils/hubstaff-icons-a892542b76688438d31e32272e8595c24ea714bf06d78deffa4afa75c5896a9f.woff) format("woff"), url(https://server-assets.hubstaff.com/b9e3417e06/hubstaff_utils/hubstaff-icons-d734bfe4c523ebaa9fb779b21f527d08e410ba847f76d3ccf73754219f06f8f1.ttf) format("truetype"), url(https://server-assets.hubstaff.com/b9e3417e06/hubstaff_utils/hubstaff-icons-587157f5fcad247686a9d1b2898b91d6f4279b9ce28c35e8559f7e52917596a0.svg#hubstaff-icons) format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "hubstaff-icons";
    src: url(https://server-assets.hubstaff.com/b9e3417e06/hubstaff_utils/hubstaff-icons-587157f5fcad247686a9d1b2898b91d6f4279b9ce28c35e8559f7e52917596a0.svg#hubstaff-icons) format("svg");
  }
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
[data-icon]:before {
  content: attr(data-icon);
}

/* line 26, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
[data-icon]:before,
.hi-achievements:before,
.hi-activity:before,
.hi-agency:before,
.hi-applicants:before,
.hi-apps:before,
.hi-arrow-down-narrow:before,
.hi-arrow-top-right:before,
.hi-asterisk:before,
.hi-at:before,
.hi-attendance:before,
.hi-banknote:before,
.hi-bar-graph:before,
.hi-bars:before,
.hi-bell:before,
.hi-billing_history:before,
.hi-bin:before,
.hi-blog:before,
.hi-bold:before,
.hi-box:before,
.hi-briefcase:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before,
.hi-browser:before,
.hi-browser-time:before,
.hi-brush:before,
.hi-bug:before,
.hi-calculator:before,
.hi-calculator-outline:before,
.hi-calendar:before,
.form-group.year-selector .select2-selection__arrow > b:before,
.datepicker:before,
.hs_daterange_picker:before,
.hi-calendar-1:before,
.hi-calendar-check:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before,
.hi-calendar-forward:before,
.hi-calendar-x:before,
.hi-camera:before,
.hi-cancel:before,
.hi-card:before,
.hi-caret:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before,
.hi-chat:before,
.hi-chats:before,
.hi-check:before,
.is-first.is-last.is-complete .v-step-number-wrapper .step-number:before,
.rounded-checkbox-wrapper input:checked + label:before,
.toggling-dropdown > li.is-on > a:before,
.hi-check-circle:before,
.hi-check-circle-filled:before,
.hi-checklist:before,
.hi-clear-formatting:before,
.hi-clip:before,
.hi-clipboard:before,
.hi-clipboard-check:before,
.hi-close:before,
.top-bar .topbar-link .close-notifications:before,
.hi-cloud:before,
.hi-code:before,
.hi-code-xs:before,
.hi-collaboration:before,
.hi-collapse:before,
.hi-columns:before,
.hi-comment:before,
.hi-credit-card:before,
.hi-cubes:before,
.hi-dashboard:before,
.hi-delete:before,
.hi-delete-xs:before,
.hi-doc:before,
.hi-document:before,
.hi-dollar:before,
.hi-double-left:before,
.hi-double-right:before,
.hi-drag:before,
.hi-edit:before,
.hi-edit-xs:before,
.hi-emphasis:before,
.hi-employee-monitoring:before,
.hi-epic:before,
.hi-epic-outline:before,
.hi-esc:before,
.hi-exit:before,
.hi-expand:before,
.hi-expense:before,
.hi-export:before,
.hi-external:before,
.hi-eye:before,
.hi-fb:before,
.hi-fb-square:before,
.hi-file:before,
.hi-filter:before,
.hi-filter-alt:before,
.hi-filter-alt-outline:before,
.hi-filter-vertical:before,
.hi-flag:before,
.hi-folder-alt:before,
.hi-folder-outline:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before,
.hi-folder-plus:before,
.hi-gift:before,
.hi-globe:before,
.hi-gplus:before,
.hi-gps-tracking:before,
.hi-grid:before,
.hi-group-by:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before,
.hi-group-by-rounded:before,
.hi-h1:before,
.hi-h2:before,
.hi-h3:before,
.hi-h4:before,
.hi-headset:before,
.hi-headset-o:before,
.hi-hidden:before,
.hi-home-outline:before,
.hi-icebox:before,
.hi-idle:before,
.hi-image:before,
.hi-img:before,
.hi-import:before,
.hi-important:before,
.archive_warning:before,
.hi-info:before,
.hi-info-filled:before,
.hi-insights:before,
.hi-instagram:before,
.hi-invites:before,
.hi-invoice:before,
.hi-invoicing:before,
.hi-key:before,
.hi-left:before,
.hi-left-arrow:before,
.hi-left-arrow-heavy:before,
.hi-left-circle:before,
.hi-level-down:before,
.hi-link:before,
.hi-link-alt:before,
.hi-linkedin:before,
.hi-list:before,
.hi-list-ol:before,
.hi-list-ul:before,
.hi-lists-filled:before,
.hi-lists-outlined:before,
.hi-lock:before,
.hi-logo:before,
.hi-mail:before,
.hi-manual-time:before,
.hi-map:before,
.hi-markup:before,
.hi-merge:before,
.hi-minus:before,
.hi-minus-circle:before,
.hi-mobile-time:before,
.hi-monitor:before,
.hi-more:before,
.hi-more-h:before,
.hi-move:before,
.hi-move-xs:before,
.hi-online-timesheets:before,
.hi-organization:before,
.hi-overtime:before,
.hi-paper-plane:before,
.hi-password:before,
.hi-payroll:before,
.hi-phone:before,
.hi-pie-chart:before,
.hi-pin:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before,
.hi-pin-filled:before,
.hi-pipe:before,
.hi-plans:before,
.hi-play:before,
.hi-plus:before,
.hi-plus-circle:before,
.hi-plus-circle-filled:before,
.hi-printer:before,
.hi-profile:before,
.hi-puzzle:before,
.hi-quickbooks:before,
.hi-quote-right:before,
.hi-refresh:before,
.hi-refresh-check:before,
.hi-remote:before,
.hi-remove:before,
.hi-remove-screenshot:before,
.hi-resume:before,
.hi-return:before,
.hi-right:before,
.hi-right-arrow:before,
.hi-right-arrow-heavy:before,
.hi-right-circle:before,
.hi-roadmap:before,
.hi-route:before,
.hi-save:before,
.hi-schedules:before,
.hi-scheduling:before,
.hi-screenshot:before,
.hi-screenshot-outline:before,
.hi-search:before,
.vue-map-search:before,
.full-page-map-wrapper .vue-map-search:before,
.search-filter:before,
.hi-settings:before,
.hi-simple-bar-graph:before,
.hi-smiley:before,
.hi-smiley-bold:before,
.hi-sort-down:before,
.hi-sort-up:before,
.hi-spinner:before,
.hi-split:before,
.hi-sprint:before,
.hi-stack:before,
.hi-standup:before,
.hi-star:before,
.attention:before,
.hi-star-cancel:before,
.hi-star-empty:before,
.hi-star-half:before,
.hi-stop:before,
.hi-stopwatch:before,
.hi-strikethrough:before,
.hi-support:before,
.hi-switcher:before,
.hi-tag:before,
.hi-task:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before,
.hi-teams:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before,
.hi-teams-circle:before,
.hi-templates:before,
.hi-thin-left-arrow:before,
.hi-thin-right-arrow:before,
.hi-thumbs-down-full:before,
.hi-thumbs-down-outline:before,
.hi-thumbs-up-full:before,
.hi-thumbs-up-outline:before,
.hi-time:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before,
.hi-time-filled:before,
.hi-time-off:before,
.hi-time-reports:before,
.hi-time-x-outline:before,
.hi-timeline-filled:before,
.hi-timeline-outlined:before,
.hi-timesheet:before,
.hi-timesheets:before,
.hi-toggles:before,
.hi-transfer:before,
.hi-triangle-outline:before,
.hi-truck:before,
.hi-twitter:before,
.hi-unbox:before,
.hi-unlink:before,
.hi-up-down:before,
.hi-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before,
.hi-user-big:before,
.hi-users:before,
.hi-users-filled:before,
.hi-video:before,
.hi-warning:before,
.hi-work-break:before,
.hi-work-order:before,
.hi-workflows:before,
.hi-www:before,
.hi-x:before,
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove:before,
.hi-youtube:before {
  display: inline-block;
  font-family: "hubstaff-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* line 285, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-achievements:before {
  content: "\f1bd";
}

/* line 286, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-activity:before {
  content: "\f100";
}

/* line 287, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-agency:before {
  content: "\f105";
}

/* line 288, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-applicants:before {
  content: "\f106";
}

/* line 289, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-apps:before {
  content: "\f1b3";
}

/* line 290, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-arrow-down-narrow:before {
  content: "\f1e6";
}

/* line 291, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-arrow-top-right:before {
  content: "\f1ab";
}

/* line 292, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-asterisk:before {
  content: "\f204";
}

/* line 293, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-at:before {
  content: "\f17f";
}

/* line 294, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-attendance:before {
  content: "\f180";
}

/* line 295, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-banknote:before {
  content: "\f181";
}

/* line 296, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-bar-graph:before {
  content: "\f107";
}

/* line 297, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-bars:before {
  content: "\f108";
}

/* line 298, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-bell:before {
  content: "\f109";
}

/* line 299, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-billing_history:before {
  content: "\f1b8";
}

/* line 300, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-bin:before {
  content: "\f10a";
}

/* line 301, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-blog:before {
  content: "\f10b";
}

/* line 302, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-bold:before {
  content: "\f1ec";
}

/* line 303, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-box:before {
  content: "\f10d";
}

/* line 304, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-briefcase:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before {
  content: "\f10e";
}

/* line 305, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-browser:before, .hi-browser-time:before {
  content: "\f10f";
}

/* line 306, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-brush:before {
  content: "\f110";
}

/* line 307, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-bug:before {
  content: "\f182";
}

/* line 308, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-calculator:before {
  content: "\f111";
}

/* line 309, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-calculator-outline:before {
  content: "\f112";
}

/* line 310, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-calendar:before, .form-group.year-selector .select2-selection__arrow > b:before, .datepicker:before,
.hs_daterange_picker:before {
  content: "\f113";
}

/* line 311, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-calendar-1:before {
  content: "\f1d2";
}

/* line 312, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-calendar-check:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before {
  content: "\f1a6";
}

/* line 313, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-calendar-forward:before {
  content: "\f1d3";
}

/* line 314, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-calendar-x:before {
  content: "\f1cb";
}

/* line 315, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-camera:before {
  content: "\f114";
}

/* line 316, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-cancel:before {
  content: "\f115";
}

/* line 317, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-card:before {
  content: "\f116";
}

/* line 318, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-caret:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before {
  content: "\f117";
}

/* line 319, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-chat:before {
  content: "\f118";
}

/* line 320, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-chats:before {
  content: "\f1ba";
}

/* line 321, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-check:before, .is-first.is-last.is-complete .v-step-number-wrapper .step-number:before, .rounded-checkbox-wrapper input:checked + label:before, .toggling-dropdown > li.is-on > a:before {
  content: "\f119";
}

/* line 322, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-check-circle:before {
  content: "\f11a";
}

/* line 323, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-check-circle-filled:before {
  content: "\f11b";
}

/* line 324, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-checklist:before {
  content: "\f183";
}

/* line 325, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-clear-formatting:before {
  content: "\f1ed";
}

/* line 326, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-clip:before {
  content: "\f184";
}

/* line 327, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-clipboard:before {
  content: "\f11c";
}

/* line 328, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-clipboard-check:before {
  content: "\f1e2";
}

/* line 329, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-close:before, .top-bar .topbar-link .close-notifications:before {
  content: "\f11d";
}

/* line 330, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-cloud:before {
  content: "\f185";
}

/* line 331, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-code:before {
  content: "\f11e";
}

/* line 332, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-code-xs:before {
  content: "\f1ee";
}

/* line 333, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-collaboration:before {
  content: "\f19b";
}

/* line 334, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-collapse:before {
  content: "\f1c3";
}

/* line 335, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-columns:before {
  content: "\f1be";
}

/* line 336, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-comment:before {
  content: "\f186";
}

/* line 337, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-credit-card:before {
  content: "\f11f";
}

/* line 338, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-cubes:before {
  content: "\f120";
}

/* line 339, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-dashboard:before {
  content: "\f121";
}

/* line 340, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-delete:before {
  content: "\f122";
}

/* line 341, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-delete-xs:before {
  content: "\f187";
}

/* line 342, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-doc:before {
  content: "\f123";
}

/* line 343, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-document:before {
  content: "\f124";
}

/* line 344, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-dollar:before {
  content: "\f1cf";
}

/* line 345, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-double-left:before {
  content: "\f206";
}

/* line 346, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-double-right:before {
  content: "\f207";
}

/* line 347, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-drag:before {
  content: "\f1d4";
}

/* line 348, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-edit:before {
  content: "\f126";
}

/* line 349, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-edit-xs:before {
  content: "\f188";
}

/* line 350, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-emphasis:before {
  content: "\f1ef";
}

/* line 351, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-employee-monitoring:before {
  content: "\f1a0";
}

/* line 352, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-epic:before {
  content: "\f1c0";
}

/* line 353, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-epic-outline:before {
  content: "\f1da";
}

/* line 354, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-esc:before {
  content: "\f1b4";
}

/* line 355, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-exit:before {
  content: "\f127";
}

/* line 356, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-expand:before {
  content: "\f1c4";
}

/* line 357, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-expense:before {
  content: "\f1c5";
}

/* line 358, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-export:before {
  content: "\f1a7";
}

/* line 359, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-external:before {
  content: "\f189";
}

/* line 360, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-eye:before {
  content: "\f128";
}

/* line 361, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-fb:before {
  content: "\f129";
}

/* line 362, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-fb-square:before {
  content: "\f12a";
}

/* line 363, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-file:before {
  content: "\f1e7";
}

/* line 364, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-filter:before {
  content: "\f18b";
}

/* line 365, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-filter-alt:before {
  content: "\f1fd";
}

/* line 366, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-filter-alt-outline:before {
  content: "\f1fe";
}

/* line 367, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-filter-vertical:before {
  content: "\f1db";
}

/* line 368, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-flag:before {
  content: "\f12b";
}

/* line 369, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-folder-alt:before {
  content: "\f1dc";
}

/* line 370, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-folder-outline:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before {
  content: "\f18d";
}

/* line 371, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-folder-plus:before {
  content: "\f1d0";
}

/* line 372, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-gift:before {
  content: "\f12d";
}

/* line 373, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-globe:before {
  content: "\f12e";
}

/* line 374, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-gplus:before {
  content: "\f12f";
}

/* line 375, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-gps-tracking:before {
  content: "\f1a1";
}

/* line 376, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-grid:before {
  content: "\f1e9";
}

/* line 377, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-group-by:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before {
  content: "\f1a8";
}

/* line 378, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-group-by-rounded:before {
  content: "\f1d5";
}

/* line 379, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-h1:before {
  content: "\f1f0";
}

/* line 380, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-h2:before {
  content: "\f1f1";
}

/* line 381, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-h3:before {
  content: "\f1f2";
}

/* line 382, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-h4:before {
  content: "\f1f3";
}

/* line 383, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-headset:before {
  content: "\f130";
}

/* line 384, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-headset-o:before {
  content: "\f19c";
}

/* line 385, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-hidden:before {
  content: "\f1b2";
}

/* line 386, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-home-outline:before {
  content: "\f1e8";
}

/* line 387, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-icebox:before {
  content: "\f1c1";
}

/* line 388, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-idle:before {
  content: "\f133";
}

/* line 389, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-image:before {
  content: "\f134";
}

/* line 390, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-img:before {
  content: "\f135";
}

/* line 391, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-import:before {
  content: "\f205";
}

/* line 392, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-important:before, .archive_warning:before {
  content: "\f136";
}

/* line 393, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-info:before {
  content: "\f137";
}

/* line 394, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-info-filled:before {
  content: "\f1c2";
}

/* line 395, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-insights:before {
  content: "\f1fb";
}

/* line 396, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-instagram:before {
  content: "\f138";
}

/* line 397, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-invites:before {
  content: "\f139";
}

/* line 398, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-invoice:before {
  content: "\f13a";
}

/* line 399, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-invoicing:before {
  content: "\f13b";
}

/* line 400, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-key:before {
  content: "\f202";
}

/* line 401, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-left:before {
  content: "\f13c";
}

/* line 402, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-left-arrow:before {
  content: "\f13d";
}

/* line 403, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-left-arrow-heavy:before {
  content: "\f1dd";
}

/* line 404, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-left-circle:before {
  content: "\f13e";
}

/* line 405, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-level-down:before {
  content: "\f1f9";
}

/* line 406, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-link:before {
  content: "\f13f";
}

/* line 407, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-link-alt:before {
  content: "\f1fa";
}

/* line 408, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-linkedin:before {
  content: "\f140";
}

/* line 409, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-list:before {
  content: "\f1ea";
}

/* line 410, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-list-ol:before {
  content: "\f1f4";
}

/* line 411, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-list-ul:before {
  content: "\f1f5";
}

/* line 412, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-lists-filled:before {
  content: "\f1c7";
}

/* line 413, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-lists-outlined:before {
  content: "\f1c8";
}

/* line 414, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-lock:before {
  content: "\f1af";
}

/* line 415, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-logo:before {
  content: "\f1a2";
}

/* line 416, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-mail:before {
  content: "\f141";
}

/* line 417, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-manual-time:before {
  content: "\f142";
}

/* line 418, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-map:before {
  content: "\f1ce";
}

/* line 419, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-markup:before {
  content: "\f143";
}

/* line 420, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-merge:before {
  content: "\f145";
}

/* line 421, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-minus:before {
  content: "\f146";
}

/* line 422, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-minus-circle:before {
  content: "\f1ff";
}

/* line 423, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-mobile-time:before {
  content: "\f147";
}

/* line 424, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-monitor:before {
  content: "\f148";
}

/* line 425, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-more:before {
  content: "\f149";
}

/* line 426, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-more-h:before {
  content: "\f18e";
}

/* line 427, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-move:before {
  content: "\f14a";
}

/* line 428, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-move-xs:before {
  content: "\f14b";
}

/* line 429, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-online-timesheets:before {
  content: "\f14c";
}

/* line 430, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-organization:before {
  content: "\f14d";
}

/* line 431, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-overtime:before {
  content: "\f203";
}

/* line 432, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-paper-plane:before {
  content: "\f1a9";
}

/* line 433, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-password:before {
  content: "\f14e";
}

/* line 434, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-payroll:before {
  content: "\f1a3";
}

/* line 435, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-phone:before {
  content: "\f150";
}

/* line 436, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-pie-chart:before {
  content: "\f151";
}

/* line 437, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-pin:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before {
  content: "\f152";
}

/* line 438, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-pin-filled:before {
  content: "\f18f";
}

/* line 439, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-pipe:before {
  content: "\f154";
}

/* line 440, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-plans:before {
  content: "\f155";
}

/* line 441, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-play:before {
  content: "\f190";
}

/* line 442, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-plus:before {
  content: "\f156";
}

/* line 443, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-plus-circle:before {
  content: "\f1ac";
}

/* line 444, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-plus-circle-filled:before {
  content: "\f1c6";
}

/* line 445, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-printer:before {
  content: "\f1f8";
}

/* line 446, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-profile:before {
  content: "\f157";
}

/* line 447, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-puzzle:before {
  content: "\f19d";
}

/* line 448, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-quickbooks:before {
  content: "\f1b9";
}

/* line 449, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-quote-right:before {
  content: "\f1f6";
}

/* line 450, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-refresh:before {
  content: "\f158";
}

/* line 451, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-refresh-check:before {
  content: "\f1e3";
}

/* line 452, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-remote:before {
  content: "\f159";
}

/* line 453, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-remove:before {
  content: "\f15a";
}

/* line 454, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-remove-screenshot:before {
  content: "\f15b";
}

/* line 455, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-resume:before {
  content: "\f15c";
}

/* line 456, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-return:before {
  content: "\f1b5";
}

/* line 457, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-right:before {
  content: "\f15d";
}

/* line 458, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-right-arrow:before {
  content: "\f15e";
}

/* line 459, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-right-arrow-heavy:before {
  content: "\f1de";
}

/* line 460, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-right-circle:before {
  content: "\f15f";
}

/* line 461, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-roadmap:before {
  content: "\f1df";
}

/* line 462, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-route:before {
  content: "\f1d7";
}

/* line 463, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-save:before {
  content: "\f191";
}

/* line 464, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-schedules:before {
  content: "\f1a4";
}

/* line 465, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-scheduling:before {
  content: "\f160";
}

/* line 466, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-screenshot:before {
  content: "\f161";
}

/* line 467, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-screenshot-outline:before {
  content: "\f162";
}

/* line 468, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-search:before, .vue-map-search:before, .full-page-map-wrapper .vue-map-search:before, .search-filter:before {
  content: "\f163";
}

/* line 469, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-settings:before {
  content: "\f164";
}

/* line 470, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-simple-bar-graph:before {
  content: "\f1eb";
}

/* line 471, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-smiley:before {
  content: "\f1bc";
}

/* line 472, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-smiley-bold:before {
  content: "\f1bf";
}

/* line 473, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-sort-down:before {
  content: "\f200";
}

/* line 474, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-sort-up:before {
  content: "\f201";
}

/* line 475, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-spinner:before {
  content: "\f167";
}

/* line 476, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-split:before {
  content: "\f168";
}

/* line 477, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-sprint:before {
  content: "\f1e0";
}

/* line 478, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-stack:before {
  content: "\f1e4";
}

/* line 479, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-standup:before {
  content: "\f1e1";
}

/* line 480, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-star:before, .attention:before {
  content: "\f169";
}

/* line 481, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-star-cancel:before {
  content: "\f1fc";
}

/* line 482, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-star-empty:before {
  content: "\f16a";
}

/* line 483, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-star-half:before {
  content: "\f16b";
}

/* line 484, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-stop:before {
  content: "\f192";
}

/* line 485, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-stopwatch:before {
  content: "\f1aa";
}

/* line 486, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-strikethrough:before {
  content: "\f1f7";
}

/* line 487, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-support:before {
  content: "\f16c";
}

/* line 488, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-switcher:before {
  content: "\f1b6";
}

/* line 489, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-tag:before {
  content: "\f193";
}

/* line 490, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before {
  content: "\f194";
}

/* line 491, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-teams:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before {
  content: "\f1b1";
}

/* line 492, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-teams-circle:before {
  content: "\f1bb";
}

/* line 493, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-templates:before {
  content: "\f19e";
}

/* line 494, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-thin-left-arrow:before {
  content: "\f1ad";
}

/* line 495, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-thin-right-arrow:before {
  content: "\f1ae";
}

/* line 496, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-thumbs-down-full:before {
  content: "\f195";
}

/* line 497, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-thumbs-down-outline:before {
  content: "\f196";
}

/* line 498, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-thumbs-up-full:before {
  content: "\f197";
}

/* line 499, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-thumbs-up-outline:before {
  content: "\f198";
}

/* line 500, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-time:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before {
  content: "\f16d";
}

/* line 501, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-time-filled:before {
  content: "\f16e";
}

/* line 502, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-time-off:before {
  content: "\f199";
}

/* line 503, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-time-reports:before {
  content: "\f16f";
}

/* line 504, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-time-x-outline:before {
  content: "\f1e5";
}

/* line 505, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-timeline-filled:before {
  content: "\f1c9";
}

/* line 506, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-timeline-outlined:before {
  content: "\f1ca";
}

/* line 507, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-timesheet:before {
  content: "\f170";
}

/* line 508, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-timesheets:before {
  content: "\f1a5";
}

/* line 509, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-toggles:before {
  content: "\f171";
}

/* line 510, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-transfer:before {
  content: "\f172";
}

/* line 511, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-triangle-outline:before {
  content: "\f173";
}

/* line 512, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-truck:before {
  content: "\f174";
}

/* line 513, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-twitter:before {
  content: "\f175";
}

/* line 514, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-unbox:before {
  content: "\f177";
}

/* line 515, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-unlink:before {
  content: "\f19a";
}

/* line 516, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-up-down:before {
  content: "\f1b7";
}

/* line 517, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before {
  content: "\f178";
}

/* line 518, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-user-big:before {
  content: "\f1b0";
}

/* line 519, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-users:before {
  content: "\f179";
}

/* line 520, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-users-filled:before {
  content: "\f17a";
}

/* line 521, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-video:before {
  content: "\f17b";
}

/* line 522, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-warning:before {
  content: "\f1d1";
}

/* line 523, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-work-break:before {
  content: "\f1d9";
}

/* line 524, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-work-order:before {
  content: "\f1cd";
}

/* line 525, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-workflows:before {
  content: "\f19f";
}

/* line 526, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-www:before {
  content: "\f17c";
}

/* line 527, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-x:before, .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove:before {
  content: "\f17d";
}

/* line 528, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-icons-rails.scss */
.hi-youtube:before {
  content: "\f17e";
}

/* line 3, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi, .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .vue-map-search:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .full-page-map-wrapper .vue-map-search:before, .search-filter:before, .datepicker:before,
.hs_daterange_picker:before, .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .rounded-checkbox-wrapper input:checked + label:before, .toggling-dropdown > li.is-on > a:before {
  display: inline-block;
  font: normal normal normal 14px/1 "hubstaff-icons";
  font-size: inherit;
  text-transform: none;
  vertical-align: text-top;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  line-height: 1;
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-9 {
  font-size: 9px;
}

/* line 20, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-10 {
  font-size: 10px;
}

/* line 24, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-12 {
  font-size: 12px;
}

/* line 28, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-14 {
  font-size: 14px;
}

/* line 32, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-16 {
  font-size: 16px;
}

/* line 36, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-17 {
  font-size: 17px;
}

/* line 40, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-18 {
  font-size: 18px;
}

/* line 44, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-20 {
  font-size: 20px;
}

/* line 48, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-24 {
  font-size: 24px;
}

/* line 52, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-32 {
  font-size: 32px !important;
}

/* line 61, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-spinner {
  -webkit-animation: fa-spin 1s infinite linear;
  -moz-animation: fa-spin 1s infinite linear;
  -o-animation: fa-spin 1s infinite linear;
  -ms-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}

/* line 65, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-stacked {
  position: relative;
}

/* line 67, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-stacked .hi-x, .hi-stacked .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .hi-stacked .select2-selection__choice__remove {
  font-size: 7px;
  color: #f05252;
  position: absolute;
  bottom: 1px;
  right: -3px;
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

/* line 80, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-hamburger {
  width: 16px;
  border-radius: 1px;
  height: 2px;
  background-color: #586b82;
  position: relative;
}

/* line 86, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-hamburger:before, .hi-hamburger:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  border-radius: 1px;
  height: 2px;
  background-color: #586b82;
  left: 0;
  top: -6px;
}

/* line 97, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_utils-1.7.6/app/assets/stylesheets/hubstaff_utils/_hubstaff-font.scss */
.hi-hamburger:after {
  top: auto;
  bottom: -6px;
}

/* line 1, app/assets/stylesheets/global.scss */
.errors {
  color: #f05252;
}

/* line 5, app/assets/stylesheets/global.scss */
.clickable {
  cursor: pointer;
}

/* line 9, app/assets/stylesheets/global.scss */
.underline {
  text-decoration: underline;
}

/* line 14, app/assets/stylesheets/global.scss */
.hover-underline:hover {
  text-decoration: underline;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/global.scss */
.font-weight-normal {
  font-weight: normal;
}

/* line 24, app/assets/stylesheets/global.scss */
.width-fit-content {
  width: fit-content;
}

/* line 28, app/assets/stylesheets/global.scss */
.shim {
  margin-top: 20px;
}

/* line 32, app/assets/stylesheets/global.scss */
.faq-list {
  margin: 20px 0 0 0;
  padding-right: 0.5ex;
}

/* line 35, app/assets/stylesheets/global.scss */
.faq-list > dt {
  margin-bottom: 10px;
  color: #374151;
}

/* line 38, app/assets/stylesheets/global.scss */
.faq-list > dt::before {
  content: 'Q: ';
  color: #2aa7ff;
}

/* line 43, app/assets/stylesheets/global.scss */
.faq-list > dd {
  margin: 0 0 30px 0;
  color: #6b7280;
}

/* line 46, app/assets/stylesheets/global.scss */
.faq-list > dd::before {
  content: 'A: ';
  color: #2aa7ff;
}

/* line 50, app/assets/stylesheets/global.scss */
.faq-list > dd:last-child {
  margin-bottom: 0;
}

/* line 56, app/assets/stylesheets/global.scss */
.form-actions {
  border-top: 1px solid #e5e7eb;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  padding-top: 20px;
}

/* line 58, app/assets/stylesheets/global.scss */
.push-bottom {
  margin-bottom: 40px;
}

/* line 61, app/assets/stylesheets/global.scss */
.push-bottom-25 {
  margin-bottom: 25px;
}

/* line 65, app/assets/stylesheets/global.scss */
.nudge-right {
  margin-right: 8px;
}

/* line 69, app/assets/stylesheets/global.scss */
.string-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 77, app/assets/stylesheets/global.scss */
.form-group .image-preview {
  display: block;
  margin-bottom: 5px;
}

/* line 78, app/assets/stylesheets/global.scss */
.form-group .input-preview {
  line-height: 15px;
  margin-top: 5px;
}

/* line 81, app/assets/stylesheets/global.scss */
.proxied {
  display: block;
  padding: 15px 20px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-color: #0168dd;
  margin: -30px -15px 30px -15px;
  z-index: 1003;
}

@media (min-width: 768px) {
  /* line 81, app/assets/stylesheets/global.scss */
  .proxied {
    margin: -30px -30px 30px -30px;
  }
}

/* line 93, app/assets/stylesheets/global.scss */
.proxied:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0168dd;
}

/* line 100, app/assets/stylesheets/global.scss */
.example-data-banner {
  position: sticky;
  top: 4.6rem;
  display: flex;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
  z-index: 1000;
  color: white;
  font-weight: 500;
  text-align: center;
  background-color: #0168dd;
  margin-top: -1rem;
  margin-bottom: 2rem;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* line 118, app/assets/stylesheets/global.scss */
.example-data-banner .btn-destroy {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 11.5rem;
  max-height: 2.6rem;
  color: white;
  background-color: #1f2937;
  font-size: 1.1rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

/* line 133, app/assets/stylesheets/global.scss */
.example-data-banner .btn-destroy:hover {
  background-color: #1f2937;
}

/* line 139, app/assets/stylesheets/global.scss */
.pl-0 {
  padding-left: 0px;
}

/* line 143, app/assets/stylesheets/global.scss */
.table > tbody > tr.archived td {
  background-color: #f3f4f6;
  color: #9ca3af;
}

/* line 148, app/assets/stylesheets/global.scss */
.stop-animations {
  -webkit-animation: inherit !important;
  -moz-animation: inherit !important;
  -o-animation: inherit !important;
  -ms-animation: inherit !important;
  animation: inherit !important;
}

/* line 152, app/assets/stylesheets/global.scss */
.section-disabled {
  opacity: 0.65;
  pointer-events: none;
}

/* line 157, app/assets/stylesheets/global.scss */
a.clipboard {
  cursor: pointer;
}

/* line 163, app/assets/stylesheets/global.scss */
.shift-count-warning-wrapper .shift-count-warning {
  display: inline-flex;
  padding: 10px 10px 8px;
  border: 1px solid #ffac51;
  border-radius: 3px;
}

/* line 169, app/assets/stylesheets/global.scss */
.shift-count-warning-wrapper .shift-count-warning .hi-important, .shift-count-warning-wrapper .shift-count-warning .archive_warning:before {
  color: #ffac51;
}

/* line 175, app/assets/stylesheets/global.scss */
.shift-count-warning-wrapper.danger .shift-count-warning {
  padding: 0;
  border: none;
}

/* line 179, app/assets/stylesheets/global.scss */
.shift-count-warning-wrapper.danger .shift-count-warning .hi-important, .shift-count-warning-wrapper.danger .shift-count-warning .archive_warning:before {
  color: #f05252;
}

/* line 186, app/assets/stylesheets/global.scss */
.marketing-headings-font {
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* line 190, app/assets/stylesheets/global.scss */
.badge.badge-new {
  border-radius: 0.313rem;
  background-color: #8b1dff;
}

@media print {
  /* line 196, app/assets/stylesheets/global.scss */
  .no-print,
html body [id*='hs-'],
html body [class*='hs-'],
html body [data-hs-],
html body #hubspot-messages-iframe-container,
html body iframe[src*='hubspot'] {
    display: none !important;
  }
}

@media screen {
  /* line 207, app/assets/stylesheets/global.scss */
  .print-only {
    display: none;
  }
}

/* line 212, app/assets/stylesheets/global.scss */
.\!opacity-100 {
  opacity: 100 !important;
}

/* line 217, app/assets/stylesheets/global.scss */
[x-cloak] {
  display: none;
}

/* line 1, app/assets/stylesheets/forms.scss */
.form-container {
  padding: 20px 40px;
  margin-bottom: 20px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 2px #d1d5db, inset 0px -3px 0px #e5e7eb;
}

/* line 12, app/assets/stylesheets/forms.scss */
.form-container .actions {
  text-align: center;
}

/* line 16, app/assets/stylesheets/forms.scss */
.form-container .actions .action {
  margin-top: 12px;
}

/* line 21, app/assets/stylesheets/forms.scss */
.form-wrapper.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

/* line 28, app/assets/stylesheets/forms.scss */
legend {
  color: #31c48d;
}

/* line 33, app/assets/stylesheets/forms.scss */
.checkbox_container input {
  margin: 0 8px 0 0;
}

/* line 36, app/assets/stylesheets/forms.scss */
.checkbox_container input,
.checkbox_container label {
  display: inline;
}

/* line 42, app/assets/stylesheets/forms.scss */
.form-group .review {
  padding: 5px 0;
}

/* line 46, app/assets/stylesheets/forms.scss */
input.pay_rate_amount {
  width: 100px;
}

/* line 51, app/assets/stylesheets/forms.scss */
.form-group .second-control {
  margin-left: 20px;
}

/* line 55, app/assets/stylesheets/forms.scss */
.form-group .form-right-link {
  font-size: 12px;
}

/* line 60, app/assets/stylesheets/forms.scss */
input.full_width,
.uneditable-input.full_width {
  width: 90%;
}

/* line 65, app/assets/stylesheets/forms.scss */
.weekly-range-input {
  display: inline-block;
  min-width: 290px;
  width: auto;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.form-actions:before, .form-actions:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.form-actions:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.form-actions {
  *zoom: 1;
}

/* line 76, app/assets/stylesheets/forms.scss */
.form-control.input-w-165 {
  width: 165px;
}

/* line 81, app/assets/stylesheets/forms.scss */
abbr[title],
abbr[data-original-title] {
  border-bottom: 1px dotted inherit;
  text-decoration: none;
}

/* line 86, app/assets/stylesheets/forms.scss */
.radio,
.checkbox {
  margin: 0;
}

/* line 89, app/assets/stylesheets/forms.scss */
.radio label,
.checkbox label {
  padding-left: 0;
}

/* line 95, app/assets/stylesheets/forms.scss */
input[type='file'] {
  line-height: normal;
}

/* line 101, app/assets/stylesheets/forms.scss */
#manage-budget-form .duration_editor .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 109, app/assets/stylesheets/forms.scss */
#manage-budget-form #budget-attributes-amount {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* CSS rule to hide the up / down arrows on number inputs.
   Requested as a global update by Cody:
   https://docs.google.com/document/d/18-ifdah2ba859K6iYH_Yl509o3EMAcWczfsUQFBJook

   Covers Chrome, Safari, Edge, Opera and Firefox.
*/
/* line 121, app/assets/stylesheets/forms.scss */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

/* line 126, app/assets/stylesheets/forms.scss */
input[type='number'] {
  -moz-appearance: textfield !important;
}

/*
  CSS rule to hide the profile/autocomplete icons in Safari browsers
  in text inputs. Requested as a global update by Cody.
*/
/* line 134, app/assets/stylesheets/forms.scss */
input::-webkit-contacts-auto-fill-button {
  visibility: hidden !important;
  display: none !important;
  pointer-events: none;
}

/* Remove bootstrap negative margin with absolute positioning */
/* line 141, app/assets/stylesheets/forms.scss */
.radio label,
.checkbox label {
  padding-left: 0;
}

/* line 145, app/assets/stylesheets/forms.scss */
.radio input[type='radio'],
.radio-inline input[type='radio'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'] {
  margin-left: 0;
  margin-right: 0.5rem;
  margin-top: 0;
  position: static;
}

/* line 155, app/assets/stylesheets/forms.scss */
.checkbox,
.checkbox label {
  display: flex;
  justify-content: start;
  align-items: center;
}

/* line 162, app/assets/stylesheets/forms.scss */
.checkbox label {
  line-height: 21px;
}

/* line 166, app/assets/stylesheets/forms.scss */
.checkbox label:has(> input) {
  line-height: 20px;
}

/* line 171, app/assets/stylesheets/forms.scss */
.password i {
  cursor: pointer;
}

/* line 176, app/assets/stylesheets/forms.scss */
.label-with-extra {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

/* line 183, app/assets/stylesheets/forms.scss */
.label-with-extra .label-with-tooltip {
  margin-bottom: 0;
}

/* line 186, app/assets/stylesheets/forms.scss */
.label-with-extra .label-with-tooltip i {
  transform: translateY(1px) !important;
}

/* line 191, app/assets/stylesheets/forms.scss */
.label-with-extra .control-label, .label-with-extra #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .label-with-extra .inline-control-label {
  margin-bottom: 0;
  transform: translateY(2px);
}

/* line 196, app/assets/stylesheets/forms.scss */
.label-with-extra .custom-checkbox-wrapper {
  font-size: 12px;
  font-weight: normal;
}

/* line 200, app/assets/stylesheets/forms.scss */
.label-with-extra .custom-checkbox-wrapper span:last-child {
  transform: translateY(2px);
}

/* TODO: Fix for zone::input */
/* line 207, app/assets/stylesheets/forms.scss */
turbo-frame#modal label {
  margin-bottom: 0;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.alert:before, .alert:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.alert:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.alert {
  *zoom: 1;
}

/* line 3, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
  margin: 0;
}

/* line 7, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.modal .alert:only-child, .modal .alert:last-child {
  margin-bottom: 0;
}

/* line 13, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.has-confetti {
  position: relative;
  border: 1px solid #f3f4f6;
  background: url(https://server-assets.hubstaff.com/b9e3417e06/global/confetti-top-f98c1653b6c056e67deaf6b66083254cb1449093bfcfa202e03253167c47b8a1.svg) no-repeat center top, url(https://server-assets.hubstaff.com/b9e3417e06/global/confetti-bottom-3b585225800114e1d23164ab786cb2effc4789e1134011817d81fb17260c6c09.svg) no-repeat center bottom;
}

/* line 20, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-basic {
  background-color: #ffffff;
  border: 1px solid #f3f4f6;
}

/* line 25, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-disabled {
  background-color: #f9fafb;
}

/* line 27, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-disabled .alert-title {
  margin-left: 15px;
}

/* line 30, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-disabled .alert-body {
  margin-right: 25px;
}

/* line 33, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-disabled .alert-action {
  margin-left: auto;
}

/* line 36, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-disabled .alert-action .text-grey {
  min-width: 250px;
  text-align: right;
}

/* line 41, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-disabled .alert-action .learn-more {
  text-wrap: nowrap;
  font-weight: 500;
  margin-right: 20px;
}

/* line 48, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-disabled .alert-close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  z-index: 999;
}

/* line 57, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-tasks {
  background-color: #f9fafb;
}

/* line 59, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-tasks .alert-head {
  display: flex;
  align-items: flex-start;
}

/* line 63, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-tasks .alert-link {
  margin-left: auto;
}

/* line 66, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-tasks .alert-text {
  margin-top: 8px;
}

/* line 71, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-title {
  font-size: 14px;
  margin-bottom: 3px !important;
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-body {
  margin-bottom: 15px;
}

/* line 79, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-body span > b {
  font-weight: 500;
}

/* line 84, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
.alert-inner-wrapper {
  position: relative;
  z-index: 445;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 768px) {
  /* line 93, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
  .alert-inner-wrapper {
    flex-direction: row;
    align-items: center;
  }
  /* line 97, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
  .alert-body {
    margin-bottom: 0;
  }
  /* line 100, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
  .alert-action {
    margin-left: auto;
  }
}

@media (max-width: 768px) {
  /* line 105, app/assets/stylesheets/custom_bootstrap/_alerts.scss */
  .alert-disabled {
    margin-top: 15px;
  }
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-split {
  display: flex;
  align-items: stretch;
}

/* line 4, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-split > .btn:not(.dropdown-toggle-split), .app-tabs-switch > .nav.nav-tabs .btn-group-split > .nav-item:not(.dropdown-toggle-split) {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
  min-width: 33px;
}

/* line 9, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-split > .btn.btn-sm:not(.dropdown-toggle-split), .app-tabs-switch > .nav.nav-tabs .btn-group-split > .nav-item.btn-sm:not(.dropdown-toggle-split), .btn-group-sm.btn-group-split > .btn:not(.dropdown-toggle-split), .app-tabs-switch > .nav.nav-tabs .btn-group-sm.btn-group-split > .nav-item:not(.dropdown-toggle-split) {
  min-width: 25px;
}

/* line 13, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-split .dropdown-toggle-split {
  min-width: 0;
}

/* line 18, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.dropdown-toggle-split {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 33px;
}

/* line 22, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.dropdown-toggle-split.btn-sm, .btn-group-sm > .dropdown-toggle-split.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-sm > .dropdown-toggle-split.nav-item {
  min-width: 25px;
}

/* line 25, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.dropdown-toggle-split.btn-primary {
  background-color: #008df1;
  border-color: #008df1;
}

/* line 28, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.dropdown-toggle-split.btn-primary:hover, .dropdown-toggle-split.btn-primary:focus, .dropdown-toggle-split.btn-primary:active {
  background-color: #0081dd;
  border-color: #0081dd;
}

/* line 35, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.dropdown-toggle-split.btn-success {
  background-color: #26976d;
  border-color: #26976d;
}

/* line 38, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.dropdown-toggle-split.btn-success:hover, .dropdown-toggle-split.btn-success:focus, .dropdown-toggle-split.btn-success:active {
  background-color: #228761;
  border-color: #228761;
}

/* line 45, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.dropdown-toggle-split i {
  font-size: 10px;
  margin: 0 !important;
}

/* line 102, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -12px;
}

/* line 58, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced.is-right-aligned {
  justify-content: flex-end;
}

/* line 61, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced.is-centered {
  justify-content: center;
}

/* line 65, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced.is-justified > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-spaced.is-justified > .nav-item {
  flex: 1;
  min-width: auto;
  flex-basis: 100%;
  margin-bottom: 10px;
}

/* line 70, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced.is-justified > .btn:last-child, .app-tabs-switch > .nav.nav-tabs .btn-group-spaced.is-justified > .nav-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  /* line 65, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  .btn-group-spaced.is-justified > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-spaced.is-justified > .nav-item {
    flex-basis: auto;
    margin-bottom: 0;
  }
}

/* line 79, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced.is-stacked {
  flex-direction: column;
  margin-left: 0;
}

/* line 82, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced.is-stacked > .btn, .app-tabs-switch > .nav.nav-tabs .btn-group-spaced.is-stacked > .nav-item,
.btn-group-spaced.is-stacked > .dropdown,
.btn-group-spaced.is-stacked > .label,
.btn-group-spaced.is-stacked > .timesheet-sync-status,
.btn-group-spaced.is-stacked > .timesheet-status,
.btn-group-spaced.is-stacked > .time_off_request_status,
.btn-group-spaced.is-stacked > .adjustment_type_label,
.manual_time_log .btn-group-spaced.is-stacked > span.action,
.widget-id-manual_time_log .btn-group-spaced.is-stacked > span.action,
.btn-group-spaced.is-stacked > .btn-link {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 12px;
}

/* line 89, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced.is-stacked > .btn:last-child, .app-tabs-switch > .nav.nav-tabs .btn-group-spaced.is-stacked > .nav-item:last-child,
.btn-group-spaced.is-stacked > .dropdown:last-child,
.btn-group-spaced.is-stacked > .label:last-child,
.btn-group-spaced.is-stacked > .timesheet-sync-status:last-child,
.btn-group-spaced.is-stacked > .timesheet-status:last-child,
.btn-group-spaced.is-stacked > .time_off_request_status:last-child,
.btn-group-spaced.is-stacked > .adjustment_type_label:last-child,
.manual_time_log .btn-group-spaced.is-stacked > span.action:last-child,
.widget-id-manual_time_log .btn-group-spaced.is-stacked > span.action:last-child,
.btn-group-spaced.is-stacked > .btn-link:last-child {
  margin-bottom: 0;
}

/* line 94, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.btn-group-spaced .btn, .btn-group-spaced .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .btn-group-spaced .nav-item,
.btn-group-spaced > .dropdown,
.btn-group-spaced > .label,
.btn-group-spaced > .timesheet-sync-status,
.btn-group-spaced > .timesheet-status,
.btn-group-spaced > .time_off_request_status,
.btn-group-spaced > .adjustment_type_label,
.manual_time_log .btn-group-spaced > span.action,
.widget-id-manual_time_log .btn-group-spaced > span.action,
.btn-group-spaced > .btn-link {
  margin-left: 12px;
}

@media (max-width: 576px) {
  /* line 108, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  td .toggle-multiple-options.four-elements, td .app-tabs-switch > .four-elements.nav.nav-tabs {
    flex-direction: column;
  }
  /* line 112, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  td .toggle-multiple-options.four-elements > label.btn, td .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options.four-elements > label.nav-item, .app-tabs-switch > .nav.nav-tabs td .toggle-multiple-options.four-elements > label.nav-item, td .app-tabs-switch > .four-elements.nav.nav-tabs > label.btn, td .app-tabs-switch > .four-elements.nav.nav-tabs > label.nav-item {
    width: 100%;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  td .toggle-multiple-options.four-elements, td .app-tabs-switch > .four-elements.nav.nav-tabs {
    flex-wrap: wrap;
  }
  /* line 120, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  td .toggle-multiple-options.four-elements > label.btn, td .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options.four-elements > label.nav-item, .app-tabs-switch > .nav.nav-tabs td .toggle-multiple-options.four-elements > label.nav-item, td .app-tabs-switch > .four-elements.nav.nav-tabs > label.btn, td .app-tabs-switch > .four-elements.nav.nav-tabs > label.nav-item {
    width: 50%;
    min-width: inherit;
  }
}

@media (min-width: 992px) {
  /* line 108, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  td .toggle-multiple-options.four-elements, td .app-tabs-switch > .four-elements.nav.nav-tabs {
    flex-wrap: nowrap;
    min-width: 100px;
  }
}

/* line 133, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options, .app-tabs-switch > .nav.nav-tabs {
  display: inline-flex;
  align-items: center;
  background-color: #e5e7eb;
  border-radius: 20px;
  max-width: 100%;
}

@media (max-width: 576px) {
  /* line 141, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  .toggle-multiple-options.lte-three-elements, .app-tabs-switch > .lte-three-elements.nav.nav-tabs {
    flex-direction: column;
  }
  /* line 145, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  .toggle-multiple-options.lte-three-elements > label.btn, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options.lte-three-elements > label.nav-item, .app-tabs-switch > .lte-three-elements.nav.nav-tabs > label.btn, .app-tabs-switch > .lte-three-elements.nav.nav-tabs > label.nav-item {
    width: 100%;
    min-width: inherit;
  }
}

@media (max-width: 576px) {
  /* line 153, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  .toggle-multiple-options.four-elements, .app-tabs-switch > .four-elements.nav.nav-tabs {
    flex-wrap: wrap;
  }
  /* line 157, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  .toggle-multiple-options.four-elements > label.btn, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options.four-elements > label.nav-item, .app-tabs-switch > .four-elements.nav.nav-tabs > label.btn, .app-tabs-switch > .four-elements.nav.nav-tabs > label.nav-item {
    width: 50%;
    min-width: inherit;
  }
}

/* line 165, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options.gt-four-elements > .btn, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options.gt-four-elements > .nav-item, .app-tabs-switch > .gt-four-elements.nav.nav-tabs > .btn, .app-tabs-switch > .gt-four-elements.nav.nav-tabs > .nav-item {
  flex: 1;
  width: 100%;
}

/* line 171, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options > .btn, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options > .nav-item, .app-tabs-switch > .nav.nav-tabs > .btn, .app-tabs-switch > .nav.nav-tabs > .nav-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e5e7eb;
  font-size: 12px;
  font-weight: normal;
  height: 32px;
  line-height: 1;
  border-radius: 0;
  position: relative;
  border: 0;
  min-width: 100px;
  border-radius: 20px;
}

/* line 188, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options > .btn.active, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options > .active.nav-item, .app-tabs-switch > .nav.nav-tabs > .btn.active, .app-tabs-switch > .nav.nav-tabs > .active.nav-item {
  height: 36px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  border-radius: 20px;
  margin-top: -2px;
  z-index: 333;
}

/* line 198, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options > .btn.active:active, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options > .active.nav-item:active, .app-tabs-switch > .nav.nav-tabs > .btn.active:active, .app-tabs-switch > .nav.nav-tabs > .active.nav-item:active {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
}

/* line 202, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options > .btn:active, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options > .nav-item:active, .app-tabs-switch > .nav.nav-tabs > .btn:active, .app-tabs-switch > .nav.nav-tabs > .nav-item:active {
  box-shadow: none;
}

/* line 205, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options > .btn.focus, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options > .focus.nav-item, .app-tabs-switch > .nav.nav-tabs > .btn.focus, .app-tabs-switch > .nav.nav-tabs > .focus.nav-item, .toggle-multiple-options > .btn:focus, .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options > .nav-item:focus, .app-tabs-switch > .nav.nav-tabs > .btn:focus, .app-tabs-switch > .nav.nav-tabs > .nav-item:focus {
  outline: none;
}

/* line 210, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options.disabled, .app-tabs-switch > .disabled.nav.nav-tabs {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 214, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-multiple-options.disabled .btn-toggle-option, .app-tabs-switch > .disabled.nav.nav-tabs .btn-toggle-option {
  pointer-events: none;
}

/* line 220, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-bottom: 0;
}

/* line 227, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper .toggle-switch + .toggle-switch-label {
  padding-left: 10px;
}

/* line 230, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper .toggle-switch + .capitalized {
  text-transform: none;
}

/* line 236, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper .toggle-switch-label + .toggle-switch {
  margin-left: 10px;
}

/* line 241, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper .inline-control-label {
  padding: 0;
  margin: 0 5px;
  line-height: 18px;
}

/* line 248, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper.toggle-switch-text-left > .inline-control-label {
  order: 1;
}

/* line 252, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper.toggle-switch-text-left > .toggle-switch {
  order: 2;
}

/* line 257, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper input[type='checkbox'],
.toggle-switch-wrapper input[type='radio'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  margin: 0;
}

/* line 265, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper input[type='checkbox']:checked ~ .toggle-switch,
.toggle-switch-wrapper input[type='radio']:checked ~ .toggle-switch {
  background-color: #2f8af4;
  text-align: left;
}

/* line 269, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper input[type='checkbox']:checked ~ .toggle-switch:after,
.toggle-switch-wrapper input[type='radio']:checked ~ .toggle-switch:after {
  content: '\f119';
  font-size: 8px;
  color: #2f8af4;
  transform: translateX(16px);
}

/* line 279, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper input[type='checkbox']:disabled ~ .toggle-switch,
.toggle-switch-wrapper input[type='radio']:disabled ~ .toggle-switch {
  opacity: 0.4;
  cursor: not-allowed;
}

/* line 284, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch-wrapper input[type='checkbox']:disabled ~ .toggle-switch-label,
.toggle-switch-wrapper input[type='radio']:disabled ~ .toggle-switch-label {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 293, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-group-label.control-label, #attendance-schedule-form .toggle-switch-wrapper .toggle-group-label.inline-control-label {
  margin: 10px 0;
}

/* line 298, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.primary-toggle .form-group {
  margin-bottom: 5px;
}

/* line 301, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.primary-toggle .toggle-switch-label {
  font-weight: normal;
}

/* line 304, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.primary-toggle + .primary-toggle {
  margin-top: 23px;
}

/* line 308, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.secondary-toggle {
  display: block;
  margin-left: 41px;
}

/* line 311, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.secondary-toggle .toggle-switch-label {
  font-size: 12px;
  color: #777777;
}

/* line 317, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch {
  height: 16px;
  width: 32px;
  min-width: 32px;
  position: relative;
  margin: 0;
  background-color: #d1d5db;
  -webkit-transition: 0.15s background-color;
  -o-transition: 0.15s background-color;
  transition: 0.15s background-color;
  will-change: background-color;
  border-radius: 20px;
}

/* line 327, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch:after {
  content: '\f11d';
  font-family: 'hubstaff-icons';
  color: #9ca3af;
  font-size: 6px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 222;
  vertical-align: middle;
  background: #ffffff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
  margin: 2px;
  transform: translateX(0);
  -webkit-transition: 0.15s transform;
  -o-transition: 0.15s transform;
  transition: 0.15s transform;
  will-change: transform;
}

/* line 349, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.toggle-switch:hover {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-reset {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 14, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-reset:focus {
  outline: none;
}

/* line 18, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-reset::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 24, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn, .app-tabs-switch > .nav.nav-tabs .nav-item {
  min-width: 84px;
}

/* line 27, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn.min-w-unset, .app-tabs-switch > .nav.nav-tabs .min-w-unset.nav-item {
  min-width: unset;
}

/* line 31, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn.has-icon, .app-tabs-switch > .nav.nav-tabs .has-icon.nav-item {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.btn.has-icon > i, .app-tabs-switch > .nav.nav-tabs .has-icon.nav-item > i, .btn.has-icon img, .app-tabs-switch > .nav.nav-tabs .has-icon.nav-item img {
  margin-right: 5px;
}

/* line 36, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn.has-icon-right, .app-tabs-switch > .nav.nav-tabs .has-icon-right.nav-item {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.btn.has-icon-right > i, .app-tabs-switch > .nav.nav-tabs .has-icon-right.nav-item > i, .btn.has-icon-right img, .app-tabs-switch > .nav.nav-tabs .has-icon-right.nav-item img {
  margin-left: 5px;
}

/* line 41, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn.dropdown-toggle, .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.nav-item {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.btn.dropdown-toggle > i, .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.nav-item > i, .btn.dropdown-toggle img, .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.nav-item img {
  margin-left: 5px;
}

/* line 45, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn.dropdown-toggle.has-icon, .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.has-icon.nav-item {
  align-items: center;
  display: inline-flex;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.btn.dropdown-toggle.has-icon > i, .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.has-icon.nav-item > i, .btn.dropdown-toggle.has-icon img, .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.has-icon.nav-item img {
  margin-right: 5px;
}

/* line 48, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn.dropdown-toggle.has-icon > i, .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.has-icon.nav-item > i {
  margin-left: 0;
}

/* line 55, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-full-width {
  width: 100%;
}

/* line 59, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-action {
  margin: 0 6px;
}

/* line 64, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus {
  background-color: #ffffff;
  border-color: #c8ccd5;
}

/* line 72, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-default.active, .btn-default.active:active, .btn-default.active:focus {
  background-color: #2aa7ff !important;
  border-color: #2aa7ff !important;
  color: #ffffff !important;
  outline: none !important;
}

/* line 81, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-default[disabled="disabled"] {
  background-color: #f3f4f6;
}

/* line 84, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-default[disabled="disabled"]:hover, .btn-default[disabled="disabled"]:focus, .btn-default[disabled="disabled"]:active, .btn-default[disabled="disabled"]:active:focus {
  background-color: #f3f4f6;
}

/* line 93, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-primary {
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 97, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #1ba1ff;
  border-color: #1ba1ff;
}

/* line 106, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: #2eb884;
  border-color: #2eb884;
}

/* line 114, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-purple {
  color: #ffffff;
  background-color: #6875f5;
  border-color: #6875f5;
}

/* line 119, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-purple:hover, .btn-purple:active, .btn-purple:focus {
  background-color: #808bf7;
  border-color: #808bf7;
  color: #ffffff;
}

/* line 128, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-trial-topbar {
  color: #ffffff;
  background-color: #8b1dff;
  border-color: #8b1dff;
}

/* line 133, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-trial-topbar:hover, .btn-trial-topbar:active, .btn-trial-topbar:focus {
  background-color: #9837ff;
  border-color: #9837ff;
  color: #ffffff;
}

/* line 142, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-default {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

/* line 147, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #1f2937;
}

/* line 156, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-primary {
  background-color: #ffffff;
  border-color: #2aa7ff;
}

/* line 160, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-primary.hover, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: #2aa7ff;
  border-color: #2aa7ff;
  color: #ffffff;
}

/* line 170, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-secondary {
  background-color: #ffffff;
  border-color: #d1d5db;
  color: #1f2937;
}

/* line 175, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
  background-color: #d1d5db;
  border-color: #d1d5db;
}

/* line 183, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-success {
  background-color: #fff;
  border-color: #28A745;
  color: #28A745;
}

/* line 188, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active {
  background-color: #28A745;
  border-color: #28A745;
  color: white;
}

/* line 198, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-danger {
  background-color: #fff;
  border-color: #DC3545;
  color: #DC3545;
}

/* line 203, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active {
  background-color: #DC3545;
  border-color: #DC3545;
  color: white;
}

/* line 212, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-circle {
  width: 32px;
  height: 32px;
  min-width: 0;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 222, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-circle.active {
  box-shadow: none;
}

/* line 227, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-rounded {
  border-radius: 20px;
}

/* line 232, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-naked:hover, .btn-naked:focus, .btn-naked:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 239, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-h-space {
  margin: 0 9px;
}

/* line 242, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-h-space:first-child {
  margin-left: 0;
}

/* line 246, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-h-space:last-child {
  margin-right: 0;
}

/* line 251, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}

/* line 264, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-icon:active .hi, .btn-icon:active .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .btn-icon:active .step-number, .btn-icon:active .vue-map-search:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-work_break_policy:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-job_site:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-team:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-task:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-timesheet:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-project:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-client:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-user:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-member:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-date:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-week:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-results__option.is-paid:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .btn-icon:active b:before, .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-selection:before, .btn-icon:active .search-filter:before, .btn-icon:active .datepicker:before,
.btn-icon:active .hs_daterange_picker:before, .btn-icon:active .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .btn-icon:active .select2-selection__choice__remove, .btn-icon:active .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .btn-icon:active input:checked + label:before, .btn-icon:active .toggling-dropdown > li.is-on > a:before, .btn-icon:hover .hi, .btn-icon:hover .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .btn-icon:hover .step-number, .btn-icon:hover .vue-map-search:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-work_break_policy:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-job_site:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-team:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-task:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-timesheet:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-project:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-client:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-user:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-member:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-date:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-week:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-results__option.is-paid:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .btn-icon:hover b:before, .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-selection:before, .btn-icon:hover .search-filter:before, .btn-icon:hover .datepicker:before,
.btn-icon:hover .hs_daterange_picker:before, .btn-icon:hover .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .btn-icon:hover .select2-selection__choice__remove, .btn-icon:hover .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .btn-icon:hover input:checked + label:before, .btn-icon:hover .toggling-dropdown > li.is-on > a:before {
  color: #6b7280;
}

/* line 269, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-icon:focus {
  outline: none;
}

/* line 273, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-sm > .btn-icon.nav-item {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}

/* line 280, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-icon.btn-xs, .btn-group-xs > .btn-icon.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-xs > .btn-icon.nav-item {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

/* line 287, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-icon.btn-xxs {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

/* line 294, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-icon > i {
  margin: 0 !important;
}

/* line 299, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-transparent-outline {
  color: #1f2937;
  background-color: transparent;
  border: 1px solid #d1d5db;
}

/* line 304, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-transparent-outline:hover, .btn-transparent-outline:focus, .btn-transparent-outline:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 311, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-transparent {
  background-color: transparent;
}

/* line 314, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 322, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
  .buttons-sm {
    margin-top: 7px;
  }
  /* line 325, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
  .buttons-sm .btn, .buttons-sm .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .buttons-sm .nav-item {
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  /* line 339, app/assets/stylesheets/custom_bootstrap/_buttons.scss */
  .btn-group .btn, .btn-group .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .btn-group .nav-item {
    min-width: 0;
  }
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_creditcards.scss */
.ccard-illustration {
  border-radius: 4px;
  background-color: #6b7280;
  padding-bottom: 58.6%;
  width: 100%;
  position: relative;
  min-width: 184px;
}

/* line 11, app/assets/stylesheets/custom_bootstrap/_creditcards.scss */
.has-cvc-on-back span {
  position: absolute;
  left: 10%;
  top: 50%;
  width: 65%;
  background-color: #9ca3af;
  border-radius: 2px;
  font-size: 0.7rem;
  text-align: right;
}

/* line 20, app/assets/stylesheets/custom_bootstrap/_creditcards.scss */
.has-cvc-on-back span:before {
  content: '1234 ';
  display: inline-block;
}

/* line 24, app/assets/stylesheets/custom_bootstrap/_creditcards.scss */
.has-cvc-on-back span:after {
  content: '576';
  display: inline-block;
  border: 2px solid #1f2e54;
  border-radius: 1px;
}

/* line 31, app/assets/stylesheets/custom_bootstrap/_creditcards.scss */
.has-cvc-on-back:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15%;
  width: 100%;
  height: 20%;
  background-color: #4b5563;
}

/* line 43, app/assets/stylesheets/custom_bootstrap/_creditcards.scss */
.has-cvc-on-front span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 25%;
  height: 60%;
  background-color: #9ca3af;
  border-radius: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* line 53, app/assets/stylesheets/custom_bootstrap/_creditcards.scss */
.has-cvc-on-front:before {
  content: "2222 \00a0 333333 \00a0 44444";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 334;
  font-weight: 500;
}

/* line 64, app/assets/stylesheets/custom_bootstrap/_creditcards.scss */
.has-cvc-on-front:after {
  content: '1234';
  font-size: 0.7rem;
  display: inline-block;
  border: 2px solid #1f2e54;
  border-radius: 1px;
  position: absolute;
  top: 30%;
  right: 3%;
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 4, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper:hover .custom-checkbox-box {
  opacity: 1;
}

/* line 8, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper input {
  display: none;
}

/* line 12, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  position: relative;
  background-color: #31c48d;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* line 17, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper input:checked + .custom-checkbox-box:before {
  width: 6px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* line 22, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper input:checked + .custom-checkbox-box:after {
  width: 10px;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

/* line 31, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper input:disabled + .custom-checkbox-box, .custom-checkbox-wrapper input:disabled + .custom-checkbox-box + span {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 41, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper input:indeterminate + .custom-checkbox-box:before, .custom-checkbox-wrapper input:indeterminate + .custom-checkbox-box:after {
  transition: none;
  border-bottom-color: #d1d5db;
  width: 10px;
  transform: rotate(0) translate(2px, 6px);
}

/* line 52, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper span {
  cursor: pointer;
}

/* line 56, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper .custom-checkbox-box {
  border-radius: 2px;
  display: inline-block;
  text-align: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid rgba(0, 0, 0, 0.085);
  vertical-align: middle;
  -webkit-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  border-radius: 4px;
  opacity: 0.85;
}

/* line 69, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper .custom-checkbox-box:before, .custom-checkbox-wrapper .custom-checkbox-box:after {
  content: '';
  position: absolute;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  width: 0;
  border-bottom-color: #ffffff;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

/* line 81, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper .custom-checkbox-box:before {
  -webkit-transition: width 0.05s linear;
  -o-transition: width 0.05s linear;
  transition: width 0.05s linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -moz-transform: rotate(45deg) translateX(5px) translateY(3px);
  -o-transform: rotate(45deg) translateX(5px) translateY(3px);
  -ms-transform: rotate(45deg) translateX(5px) translateY(3px);
  -webkit-transform: rotate(45deg) translateX(5px) translateY(3px);
  transform: rotate(45deg) translateX(5px) translateY(3px);
}

/* line 87, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper .custom-checkbox-box:after {
  -webkit-transition: width 0.1s linear;
  -o-transition: width 0.1s linear;
  transition: width 0.1s linear;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: rotate(-45deg) translateX(-2px) translateY(11px);
  -o-transform: rotate(-45deg) translateX(-2px) translateY(11px);
  -ms-transform: rotate(-45deg) translateX(-2px) translateY(11px);
  -webkit-transform: rotate(-45deg) translateX(-2px) translateY(11px);
  transform: rotate(-45deg) translateX(-2px) translateY(11px);
}

/* line 95, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper.blue-checkbox input:checked + .custom-checkbox-box {
  background: #2aa7ff;
}

/* line 101, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper.default-cursor, .custom-checkbox-wrapper.default-cursor span, .custom-checkbox-wrapper.default-cursor input:disabled + .custom-checkbox-box, .custom-checkbox-wrapper.default-cursor input:disabled + .custom-checkbox-box + span {
  cursor: default;
}

/* line 106, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper .checkbox-with-subtext-and-margin {
  margin-top: 10px;
}

/* line 110, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper .checkbox-with-subtext {
  transform: translateY(-0.1rem);
}

/* line 113, app/assets/stylesheets/custom_bootstrap/_custom-checkbox.scss */
.custom-checkbox-wrapper .checkbox-with-subtext .subtext {
  font-size: 1.2rem;
  color: #9ca3af;
}

/* line 5, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
.hs-flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

/* line 13, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
.col-lg-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
  .col-lg-2-4 {
    float: left;
    width: 20%;
  }
}

/* line 16, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
.col-md-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  /* line 16, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
  .col-md-2-4 {
    float: left;
    width: 20%;
  }
}

/* line 19, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
.col-sm-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  /* line 19, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
  .col-sm-2-4 {
    float: left;
    width: 20%;
  }
}

@media (min-width: 992px) {
  /* line 23, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
  .col-md-push-2-4 {
    left: 20%;
  }
}

@media (min-width: 992px) {
  /* line 26, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
  .col-md-pull-2-4 {
    right: 20%;
  }
}

@media (min-width: 992px) {
  /* line 29, app/assets/stylesheets/custom_bootstrap/_custom-grid.scss */
  .col-md-offset-2-4 {
    margin-left: 20%;
  }
}

@media (min-width: 1800px) {
  /* line 27, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-1 {
    width: 8.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-2 {
    width: 16.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-3 {
    width: 25%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-4 {
    width: 33.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-5 {
    width: 41.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-6 {
    width: 50%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-7 {
    width: 58.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-8 {
    width: 66.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-9 {
    width: 75%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-10 {
    width: 83.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-11 {
    width: 91.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-12 {
    width: 100%;
  }
  /* line 55, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-0 {
    right: auto;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-pull-12 {
    right: 100%;
  }
  /* line 45, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-0 {
    left: auto;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-3 {
    left: 25%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-6 {
    left: 50%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-9 {
    left: 75%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-push-12 {
    left: 100%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-offset-12 {
    margin-left: 100%;
  }
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker.daterangepicker {
  border: 1px solid #e5e7eb;
  margin-top: 12px;
}

/* line 4, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker.daterangepicker.single {
  flex-direction: column;
}

/* line 7, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker.daterangepicker:before, .daterangepicker.daterangepicker:after {
  content: normal;
}

/* line 10, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker.daterangepicker.single .calendar {
  float: none;
}

/* line 13, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker.daterangepicker.dropup {
  margin-top: -12px;
}

/* line 18, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker {
  padding: 0;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 744px;
  min-width: 278px;
  border-radius: 0;
}

/* line 25, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker.single {
  width: auto;
}

/* line 29, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .calendar {
  margin: 0;
  max-width: none;
}

/* line 34, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .calendar.single tbody {
  font-size: 13px;
}

/* line 39, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .calendar.left:not(.single) {
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
}

/* line 44, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .calendar .calendar-table.calendar-table {
  padding: 0 !important;
  border: none;
}

/* line 49, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .calendar td, .daterangepicker .calendar th {
  min-width: 40px;
  padding: 10px 9px;
}

/* line 55, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker table {
  margin: 0 0 0 -1px;
}

/* line 61, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker thead th {
  cursor: default;
  font-weight: 500;
  color: #2aa7ff;
}

/* line 65, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker thead th .hi, .daterangepicker thead th .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .daterangepicker thead th .step-number, .daterangepicker thead th .vue-map-search:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-work_break_policy:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-job_site:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-team:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-task:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-timesheet:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-project:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-client:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-user:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-member:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-date:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-week:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-results__option.is-paid:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .daterangepicker thead th b:before, .daterangepicker thead th .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-selection:before, .daterangepicker thead th .search-filter:before, .daterangepicker thead th .datepicker:before,
.daterangepicker thead th .hs_daterange_picker:before, .daterangepicker thead th .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .daterangepicker thead th .select2-selection__choice__remove, .daterangepicker thead th .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .daterangepicker thead th input:checked + label:before, .daterangepicker thead th .toggling-dropdown > li.is-on > a:before {
  vertical-align: middle;
}

/* line 68, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker thead th.weekend {
  background-color: #f3f4f6;
  border-radius: 0;
}

/* line 74, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker thead tr:first-child th {
  background-color: #2aa7ff;
  color: #ffffff;
  border-radius: 0;
  padding: 19px 9px;
  border: none;
}

/* line 81, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker thead tr:first-child th:first-child {
  font-size: 10px;
  vertical-align: middle;
}

/* line 85, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker thead tr:first-child th:last-child {
  font-size: 10px;
  vertical-align: middle;
}

/* line 89, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker thead tr:first-child th.available {
  cursor: pointer;
}

/* line 91, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker thead tr:first-child th.available:hover {
  background-color: #0090f6;
  color: #ffffff;
}

/* line 100, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker tbody {
  font-size: 13px;
}

/* line 103, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker tbody td.active {
  background-color: #2aa7ff;
}

/* line 107, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker tbody td.disabled {
  background-color: #f9fafb;
  border-radius: 0;
  text-decoration: none;
}

/* line 115, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .ranges {
  margin: 10px;
  display: flex;
  flex-direction: column;
}

/* line 120, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .ranges ul {
  flex: auto;
}

/* line 123, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .ranges ul li {
  font-weight: 500;
  color: #374151;
  background-color: #fff;
  border-color: #e5e7eb;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
  margin: 0 0 10px;
  text-align: left;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li:focus, .daterangepicker .ranges ul li.focus {
  color: #374151;
  background-color: #e6e6e6;
  border-color: #9da4b4;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li:hover {
  color: #374151;
  background-color: #e6e6e6;
  border-color: #c2c7d0;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li:active, .daterangepicker .ranges ul li.active, .open > .daterangepicker .ranges ul li.dropdown-toggle {
  color: #374151;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #c2c7d0;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li:active:hover, .daterangepicker .ranges ul li:active:focus, .daterangepicker .ranges ul li.focus:active, .daterangepicker .ranges ul li.active:hover, .daterangepicker .ranges ul li.active:focus, .daterangepicker .ranges ul li.active.focus, .open > .daterangepicker .ranges ul li.dropdown-toggle:hover, .open > .daterangepicker .ranges ul li.dropdown-toggle:focus, .open > .daterangepicker .ranges ul li.dropdown-toggle.focus {
  color: #374151;
  background-color: #d4d4d4;
  border-color: #9da4b4;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li.disabled:hover, .daterangepicker .ranges ul li.disabled:focus, .daterangepicker .ranges ul li.disabled.focus, .daterangepicker .ranges ul li[disabled]:hover, .daterangepicker .ranges ul li[disabled]:focus, .daterangepicker .ranges ul li.focus[disabled], fieldset[disabled] .daterangepicker .ranges ul li:hover, fieldset[disabled] .daterangepicker .ranges ul li:focus, fieldset[disabled] .daterangepicker .ranges ul li.focus {
  background-color: #fff;
  border-color: #e5e7eb;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li .badge {
  color: #fff;
  background-color: #374151;
}

/* line 130, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .ranges ul li:hover, .daterangepicker .ranges ul li:focus {
  background-color: #ffffff;
  border-color: #c8ccd5;
}

/* line 136, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .ranges ul li:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* line 140, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .ranges ul li.active {
  color: #fff;
  background-color: #2aa7ff;
  border-color: #119cff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 11, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li.active:focus, .daterangepicker .ranges ul li.active.focus {
  color: #fff;
  background-color: #0090f6;
  border-color: #005590;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li.active:hover {
  color: #fff;
  background-color: #0090f6;
  border-color: #007bd2;
}

/* line 22, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li.active:active, .daterangepicker .ranges ul li.active.active, .open > .daterangepicker .ranges ul li.active.dropdown-toggle {
  color: #fff;
  background-color: #0090f6;
  background-image: none;
  border-color: #007bd2;
}

/* line 30, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li.active:active:hover, .daterangepicker .ranges ul li.active:active:focus, .daterangepicker .ranges ul li.active.focus:active, .daterangepicker .ranges ul li.active.active:hover, .daterangepicker .ranges ul li.active.active:focus, .daterangepicker .ranges ul li.active.active.focus, .open > .daterangepicker .ranges ul li.active.dropdown-toggle:hover, .open > .daterangepicker .ranges ul li.active.dropdown-toggle:focus, .open > .daterangepicker .ranges ul li.active.dropdown-toggle.focus {
  color: #fff;
  background-color: #007bd2;
  border-color: #005590;
}

/* line 41, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li.active.disabled:hover, .daterangepicker .ranges ul li.active.disabled:focus, .daterangepicker .ranges ul li.active.disabled.focus, .daterangepicker .ranges ul li.active[disabled]:hover, .daterangepicker .ranges ul li.active[disabled]:focus, .daterangepicker .ranges ul li.active.focus[disabled], fieldset[disabled] .daterangepicker .ranges ul li.active:hover, fieldset[disabled] .daterangepicker .ranges ul li.active:focus, fieldset[disabled] .daterangepicker .ranges ul li.active.focus {
  background-color: #2aa7ff;
  border-color: #119cff;
}

/* line 49, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.daterangepicker .ranges ul li.active .badge {
  color: #2aa7ff;
  background-color: #fff;
}

/* line 146, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .ranges .range_inputs {
  display: flex;
  gap: 1rem;
}

/* line 149, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .ranges .range_inputs .btn, .daterangepicker .ranges .range_inputs .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .daterangepicker .ranges .range_inputs .nav-item {
  padding-left: 1rem;
  padding-right: 1rem;
  min-width: 0;
  flex: 1;
}

/* line 158, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .input-mini {
  border: none;
  margin: 0;
  border-radius: 0;
  padding-left: 13px;
  border-top: 1px solid #e5e7eb;
  background-color: #f3f4f6;
  font-size: 12px;
  text-align: center;
}

/* line 168, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.daterangepicker .input-mini.active {
  border: none;
  border-top: 1px solid #e5e7eb;
  border-radius: 0;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker {
    width: calc(100% - 30px);
  }
  /* line 179, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker.daterangepicker {
    margin-top: 0;
  }
  /* line 182, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker .calendar:not(.single) {
    width: 50%;
  }
  /* line 185, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker .ranges {
    width: calc(100% - 20px);
  }
  /* line 188, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker .ranges ul {
    width: 100%;
  }
  /* line 191, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker .ranges .applyBtn {
    width: 48%;
  }
  /* line 195, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker .ranges .cancelBtn {
    width: 48%;
  }
  /* line 200, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker.single {
    width: calc(100% - 30px);
  }
}

@media (max-width: 600px) {
  /* line 207, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
  .daterangepicker .calendar {
    width: 100% !important;
  }
}

/* line 213, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.datepicker-wrapper {
  position: relative;
}

/* line 216, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.datepicker-wrapper .datepicker {
  z-index: 1;
}

/* line 220, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.datepicker-wrapper .all-dates-default {
  color: #9ca3af;
}

/* line 224, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.datepicker-wrapper .clear-range {
  margin: 0 !important;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 45px;
  z-index: 2;
  transition: all .3s ease;
}

/* line 235, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.datepicker-wrapper .clear-range i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 6px;
  line-height: 1;
  color: white;
  text-align: center;
  border-radius: 50%;
  background: #4c596f;
  border: 1px solid white;
  transform: translate(-50%, -50%);
}

/* line 254, app/assets/stylesheets/custom_bootstrap/_daterangepicker.scss */
.datepicker-wrapper .clear-range:hover {
  background: #60728e;
}

/* line 4, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown.open > .btn-default.dropdown-toggle,
.dropup.open > .btn-default.dropdown-toggle {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* line 7, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown.open > .btn-default.dropdown-toggle:focus,
.dropup.open > .btn-default.dropdown-toggle:focus {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* line 15, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown .dropdown-toggle .hi-caret, .dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .dropdown .dropdown-toggle b:before,
.dropup .dropdown-toggle .hi-caret,
.dropup .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .dropup .dropdown-toggle b:before {
  margin-left: 10px;
}

/* line 21, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown--multiple-group > .dropdown-menu {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 28, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown-menu li,
.dropdown-menu .dropdown-item,
.popover-dropdown li,
.popover-dropdown .dropdown-item {
  margin: 0 5px;
}

/* line 31, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown-menu li > a,
.dropdown-menu li span,
.dropdown-menu .dropdown-item > a,
.dropdown-menu .dropdown-item span,
.popover-dropdown li > a,
.popover-dropdown li span,
.popover-dropdown .dropdown-item > a,
.popover-dropdown .dropdown-item span {
  display: block;
  color: #333333;
  padding: 8px 14px;
  border-radius: 4px;
  margin: 0;
  cursor: pointer;
}

/* line 40, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown-menu li > a:hover,
.dropdown-menu li span:hover,
.dropdown-menu .dropdown-item > a:hover,
.dropdown-menu .dropdown-item span:hover,
.popover-dropdown li > a:hover,
.popover-dropdown li span:hover,
.popover-dropdown .dropdown-item > a:hover,
.popover-dropdown .dropdown-item span:hover {
  background-color: #f3f4f6;
}

/* line 45, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown-menu li > span.disabled,
.dropdown-menu .dropdown-item > span.disabled,
.popover-dropdown li > span.disabled,
.popover-dropdown .dropdown-item > span.disabled {
  color: fade(#374151, 75%);
  opacity: 0.7;
  cursor: not-allowed;
}

/* line 56, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.toggling-dropdown > li a::before {
  margin-right: 18px;
  content: ' ';
}

/* line 63, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.toggling-dropdown > li.is-on > a:before {
  margin-right: 6px;
  font-size: 12px;
}

/* line 71, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.toggling-dropdown > li > a:focus {
  background-color: transparent;
}

/* line 77, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
td.actions .dropdown {
  display: inline-block;
}

/* line 82, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.vue-app-time-zone-dropdown:hover {
  cursor: pointer;
}

/* line 86, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.vue-app-time-zone-dropdown.disabled {
  opacity: 0.7;
}

/* line 89, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.vue-app-time-zone-dropdown.disabled:hover {
  cursor: not-allowed;
}

/* line 96, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.app-toggle-dropdown .dropdown-submenu-left {
  display: none;
  position: absolute;
  right: 100%;
  left: auto;
  top: -5px;
}

@media only screen and (max-width: 600px) {
  /* line 96, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
  .app-toggle-dropdown .dropdown-submenu-left {
    position: absolute;
    width: 180px;
    right: 100%;
    left: 5px;
    top: 25px;
  }
}

/* line 113, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.app-toggle-dropdown-header .app-column-toggle {
  font-weight: normal;
}

/* line 118, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown-menu > li.is-on:hover > a > .app-toggle-dropdown > .dropdown-submenu-left {
  display: block;
}

/* line 122, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.dropdown-menu > li > a.has-submenu {
  position: relative;
  padding-right: 0.1em;
}

/* line 128, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.select2-selection--multiple .select2-selection__arrow {
  display: none;
}

/* line 132, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.select2-selection--multiple input.select2-search__field {
  cursor: pointer;
}

/* line 139, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.vue-sidebar .select2-selection--multiple .select2-selection__clear {
  margin-right: 30px !important;
  top: 2px;
}

/* line 144, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
.vue-sidebar .select2-selection--multiple .select2-selection__arrow {
  display: block;
}

/* line 150, app/assets/stylesheets/custom_bootstrap/_dropdowns.scss */
#teleport-target .dropdown-menu {
  width: fit-content;
}

/* line 9, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.label, .timesheet-sync-status, .timesheet-status, .time_off_request_status, .adjustment_type_label, .manual_time_log span.action,
.widget-id-manual_time_log span.action {
  font-weight: normal;
  padding: 3px 6px;
  font-size: 12px;
  display: inline-block;
}

/* line 16, app/assets/stylesheets/custom_bootstrap/_forms.scss */
i.a-tooltip.hi-info {
  order: 3;
}

/* line 20, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-control {
  box-shadow: none;
  padding-left: 14px;
  padding-right: 14px;
}

/* line 24, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-control:not(select) {
  -webkit-appearance: none;
}

/* line 27, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.datepicker .form-control, .hs_daterange_picker .form-control {
  background-color: #fff;
  border-color: #e5e7eb;
  cursor: pointer;
}

/* line 32, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group-sm .form-control, .time-span-popover .time_entry .form-control, .time-span-popover .duration .form-control, .time-span-popover .vue-app-date-picker .form-control,
.time-span-popover .datepicker .form-control,
.time-span-popover .time_entry_duration .form-control {
  padding-left: 10px;
  padding-right: 10px;
}

/* line 36, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-control:hover:not(:focus) {
  border-color: #c8ccd5;
}

/* line 38, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.has-error .form-control:hover:not(:focus) {
  border-color: #ec2323;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8b0b0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8b0b0;
}

/* line 44, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-control[disabled], fieldset[disabled] .form-control {
  opacity: .6;
  cursor: not-allowed !important;
}

/* line 49, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-control[type="search"] {
  border-radius: 20px;
}

/* line 54, app/assets/stylesheets/custom_bootstrap/_forms.scss */
textarea {
  resize: vertical;
}

/* line 58, app/assets/stylesheets/custom_bootstrap/_forms.scss */
[readonly] {
  border-color: #f9fafb;
  cursor: default;
}

/* line 63, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.control-label, #attendance-schedule-form .toggle-switch-wrapper .inline-control-label {
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-flex;
}

/* line 67, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.select-all {
  margin-left: auto;
}

/* line 71, app/assets/stylesheets/custom_bootstrap/_forms.scss */
label {
  font-weight: 500;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.form-actions:before, .form-actions:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.form-actions:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.form-actions {
  *zoom: 1;
}

/* line 79, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group {
  position: relative;
}

/* line 82, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group.file .help-block {
  font-size: 12px;
  color: #6b7280;
}

/* line 87, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group.has-icon-right {
  margin: 0;
}

/* line 89, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group.has-icon-right i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
}

/* line 96, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group.has-icon-right .form-control {
  padding-right: 40px;
}

/* line 100, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group.has-icon-left {
  margin: 0;
}

/* line 102, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group.has-icon-left i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
}

/* line 109, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group.has-icon-left .form-control {
  padding-left: 40px;
}

/* line 113, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group i.a-tooltip.hi.hi-info, .form-group .is-first.is-last.is-complete .v-step-number-wrapper .a-tooltip.hi-info.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .form-group .a-tooltip.hi-info.step-number, .form-group .a-tooltip.hi-info.vue-map-search:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-work_break_policy:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-job_site:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-team:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-task:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-timesheet:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-project:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-client:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-user:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-member:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-date:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-week:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-results__option.is-paid:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.a-tooltip.hi-info:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .form-group b.a-tooltip.hi-info:before, .form-group .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-selection:before, .form-group .a-tooltip.hi-info.search-filter:before, .form-group .a-tooltip.hi-info.datepicker:before,
.form-group .a-tooltip.hi-info.hs_daterange_picker:before, .form-group .select2-container--bootstrap.select2-container--bootstrap .a-tooltip.hi-info.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .form-group .a-tooltip.hi-info.select2-selection__choice__remove, .form-group .rounded-checkbox-wrapper input:checked + label.a-tooltip.hi-info:before, .rounded-checkbox-wrapper .form-group input:checked + label.a-tooltip.hi-info:before, .form-group .toggling-dropdown > li.is-on > a.a-tooltip.hi-info:before {
  color: #6b7280;
}

/* line 119, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group.has-error .form-control {
  border-color: #f05252;
}

/* line 125, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.help-block {
  display: flex;
}

/* line 127, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.help-block.has-justified-children {
  justify-content: space-between;
}

/* line 133, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.block-form-group .form-group {
  display: block;
  width: 100%;
}

/* line 139, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.custom-select-wrapper {
  padding: 0;
  margin: 0 0 15px 0;
  border: 1px solid #e5e7eb;
  min-width: 120px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
  vertical-align: middle;
}

/* line 149, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.custom-select-wrapper .form-control {
  height: 38px;
}

/* line 152, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.has-error .custom-select-wrapper {
  border-color: #f05252;
}

/* line 154, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.has-error .custom-select-wrapper select {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 156, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.has-error .custom-select-wrapper select:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 160, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.has-error .custom-select-wrapper .hi-caret, .has-error .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .has-error .custom-select-wrapper b:before {
  color: #f05252;
}

/* line 164, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.custom-select-wrapper select {
  font-size: 13px;
  width: 100%;
  padding: 7px 30px 6px 14px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 1.2;
}

/* line 177, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.custom-select-wrapper select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 181, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.custom-select-wrapper .hi, .custom-select-wrapper .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .custom-select-wrapper .step-number, .custom-select-wrapper .vue-map-search:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-work_break_policy:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-job_site:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-team:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-task:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-timesheet:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-project:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-client:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-user:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-member:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-date:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-week:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-results__option.is-paid:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .custom-select-wrapper b:before, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-selection:before, .custom-select-wrapper .search-filter:before, .custom-select-wrapper .datepicker:before,
.custom-select-wrapper .hs_daterange_picker:before, .custom-select-wrapper .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .custom-select-wrapper .select2-selection__choice__remove, .custom-select-wrapper .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .custom-select-wrapper input:checked + label:before, .custom-select-wrapper .toggling-dropdown > li.is-on > a:before {
  position: absolute;
  right: 11px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

/* line 188, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.custom-select-wrapper .hi-caret, .custom-select-wrapper .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .custom-select-wrapper b:before {
  font-size: 9px;
  color: #6b7280;
}

/* line 192, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.custom-select-wrapper .hi-calendar, .custom-select-wrapper .form-group.year-selector .select2-selection__arrow > b, .form-group.year-selector .custom-select-wrapper .select2-selection__arrow > b, .custom-select-wrapper .datepicker:before,
.custom-select-wrapper .hs_daterange_picker:before {
  font-size: 16px;
  color: #2aa7ff;
}

/* line 196, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.custom-select-wrapper .form-group, .form-col .custom-select-wrapper {
  margin: 0;
}

/* line 201, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.invisible-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* line 207, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper {
  position: relative;
  z-index: 333;
}

/* line 212, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper.checkbox-md input + label:after {
  border: 2px solid #e5e7eb;
  background-color: #ffffff;
}

/* line 218, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input {
  position: absolute;
  opacity: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 226, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input + label:after {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  width: 12px;
  height: 12px;
  border: 1px solid #ffffff;
  background: transparent;
  border-radius: 50%;
}

/* line 238, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input + label.hover:after {
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-left: -2px;
}

/* line 247, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input:hover + label:after {
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-left: -2px;
}

/* line 261, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input:checked + label:after {
  background: #2aa7ff;
  border-color: #2aa7ff;
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-left: -2px;
}

/* line 271, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input:disabled + label {
  color: #9ca3af;
  cursor: auto;
}

/* line 277, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input:disabled + label:after {
  box-shadow: none;
  background: #e5e7eb;
}

/* line 283, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input:checked + label:before {
  position: absolute;
  pointer-events: none;
  font-weight: bold;
  font-size: 9px;
  color: #ffffff;
  top: 3px;
  left: 2px;
}

/* line 294, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.rounded-checkbox-wrapper input.not-clickable {
  pointer-events: none;
}

/* line 300, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.input-group {
  display: flex;
  align-items: flex-start;
}

/* line 303, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.input-group .form-control {
  min-width: 0;
}

/* line 308, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.input-group-addon {
  width: auto;
  line-height: 1.45;
}

/* line 311, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-group-sm .input-group-addon, .time-span-popover .time_entry .input-group-addon, .time-span-popover .duration .input-group-addon, .time-span-popover .vue-app-date-picker .input-group-addon,
.time-span-popover .datepicker .input-group-addon,
.time-span-popover .time_entry_duration .input-group-addon {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 1.5;
}

/* line 318, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.input-group-addon, .input-group-btn {
  width: auto;
}

/* line 322, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.inline-form-row {
  display: flex;
  flex-direction: column;
}

/* line 325, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.inline-form-row:after, .inline-form-row:before {
  display: none;
}

/* line 328, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.inline-form-row .form-group {
  margin-bottom: 0;
}

/* line 333, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.inline-control-label {
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  padding: 3px 6px;
}

/* line 343, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-col {
  flex-grow: 1;
  flex-basis: 50%;
}

/* line 346, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-col .custom-select-wrapper {
  margin-bottom: 15px;
}

/* line 349, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-col.is-centered {
  align-self: center;
  margin-bottom: 0;
}

/* line 354, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-col.hours .form-group {
  margin-bottom: 0px;
}

/* line 360, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.label-with-tooltip {
  display: inline-flex;
  align-items: center;
  margin-bottom: 5px;
}

/* line 364, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.label-with-tooltip label {
  margin-bottom: 0;
}

/* line 367, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.label-with-tooltip i {
  color: #6b7280;
  font-size: 12px;
  margin-left: 5px;
}

/* line 374, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.form-field-info {
  color: #6b7280;
  font-size: 11px;
  transform: translateY(-10px);
}

/* line 380, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.timeline-container {
  height: 16px;
  width: 100%;
}

/* line 385, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.timeline-row {
  height: 100%;
  border-style: solid;
  border-width: 1px;
  margin-top: 15px;
}

/* line 392, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.timeline-row .bordered:not(:last-child) {
  border-right: 1px solid;
}

/* line 396, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.timeline-row .allowed {
  background-color: #b4c6fc;
  height: 100%;
}

/* line 400, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.timeline-row .forbidden {
  background-color: #f98080;
  height: 100%;
}

/* line 406, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.duration-input {
  min-width: 130px;
}

/* line 410, app/assets/stylesheets/custom_bootstrap/_forms.scss */
.duration-postfix {
  margin-left: 0;
}

@media (max-width: 400px) {
  /* line 410, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .duration-postfix {
    margin-left: 16px;
  }
}

@media (min-width: 576px) {
  /* line 418, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .inline-form-row {
    flex-direction: row;
  }
  /* line 421, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .form-col {
    margin-right: 30px;
  }
  /* line 423, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .form-col.is-solo {
    max-width: 50%;
  }
  /* line 426, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .form-col:last-child {
    margin-right: 0;
  }
  /* line 431, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .inline-form-row > span {
    flex: 1 1 0px;
  }
  /* line 434, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .inline-form-row > span .form-col:last-child {
    margin-right: 30px;
  }
  /* line 437, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .inline-form-row > span .form-col.form-col-last {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  /* line 447, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  #edit-organization-membership-form .input-group-addon {
    padding: 11px 5px;
    font-size: 11px;
  }
}

@media (max-width: 992px) {
  /* line 456, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .time .select2-container {
    min-width: 165px;
  }
}

@media (max-width: 768px) {
  /* line 463, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .form-inline {
    position: relative;
  }
  /* line 467, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .time .select2-container {
    width: 47% !important;
    position: relative;
    z-index: 333;
    min-width: 0;
  }
  /* line 472, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .time .select2-container:last-child {
    float: right;
  }
  /* line 477, app/assets/stylesheets/custom_bootstrap/_forms.scss */
  .time-colon {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 9px;
    left: 0;
    z-index: 1;
  }
}

/* line 487, app/assets/stylesheets/custom_bootstrap/_forms.scss */
abbr[title] {
  border-bottom: none;
  cursor: default;
}

/* line 2, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc-resource-area td {
  cursor: pointer;
}

@media (max-width: 480px) {
  /* line 6, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
  .fc-resource-area.fc-widget-header {
    width: auto !important;
  }
}

/* line 12, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc-myCustomButton-button {
  margin-left: 5px !important;
}

/* line 16, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc-today-button {
  margin-left: 10px !important;
}

/* line 20, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc-center h2 {
  font-size: 20px;
}

/* line 24, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc-right {
  margin-right: 10px !important;
}

/* line 28, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc {
  position: relative;
}

/* line 31, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc.is-loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 555;
  background: rgba(255, 255, 255, 0.8);
}

/* line 42, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc.is-loading:before {
  content: '';
  display: block;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  border: 4px solid #2aa7ff;
  border-right-color: transparent;
  -webkit-animation: fa-spin 0.6s linear infinite;
  -moz-animation: fa-spin 0.6s linear infinite;
  -o-animation: fa-spin 0.6s linear infinite;
  -ms-animation: fa-spin 0.6s linear infinite;
  animation: fa-spin 0.6s linear infinite;
  top: 120px;
  left: 50%;
  position: absolute;
  z-index: 557;
}

/* line 57, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-widget-header {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

/* line 61, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-widget-header .fc-widget-header {
  border-color: transparent;
}

/* line 65, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-day-header {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  padding: 0 12px 12px;
  color: #374151;
}

/* line 71, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-day-header.is-today {
  color: #2aa7ff;
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-minor .fc-axis {
  border-color: transparent;
}

/* line 80, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-time-grid .fc-slats td {
  height: 35px;
}

/* line 83, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-time.fc-axis {
  font-size: 13px;
  color: #6b7280;
}

/* line 87, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-agendaWeek-view {
  margin-bottom: -30px;
}

/* line 90, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-resource-area .fc-cell-content {
  padding-left: 8px;
}

/* line 93, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-today {
  background-color: #eaf6ff;
}

/* line 96, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-now-indicator-arrow {
  display: none;
}

/* line 99, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-now-indicator-line {
  border-color: #f98080;
  border-top-width: 2px;
}

/* line 104, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-event .fc-content {
  padding: 8px;
}

/* line 109, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-content .fc-time {
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* line 114, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-content .fc-title {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5;
}

/* line 119, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-content .fc-org {
  opacity: .6;
  font-weight: 500;
  font-size: 10px;
}

/* line 124, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc .fc-content .fc-task {
  font-size: 12px;
  max-width: 100px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 134, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc-timeline-event .fc-timezone-overflow {
  position: absolute;
  top: -1px;
  bottom: -1px;
  background: #e3a008;
  border-radius: 6px;
}

/* line 143, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc-timeline-event.fc-past .fc-timezone-overflow {
  background: #fff6ed;
}

/* line 149, app/assets/stylesheets/custom_bootstrap/_fullcalendar.scss */
.fc-time-range {
  display: flex;
  justify-content: space-between;
}

/* line 2, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label.has-shadow, .has-shadow.timesheet-sync-status, .has-shadow.timesheet-status, .has-shadow.time_off_request_status, .has-shadow.adjustment_type_label, .manual_time_log span.has-shadow.action,
.widget-id-manual_time_log span.has-shadow.action {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* line 5, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label > i, .timesheet-sync-status > i, .timesheet-status > i, .time_off_request_status > i, .adjustment_type_label > i, .manual_time_log span.action > i,
.widget-id-manual_time_log span.action > i {
  vertical-align: baseline;
}

/* line 10, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-md {
  padding: 6px 12px;
}

/* line 14, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-lg {
  padding: 8px 16px;
}

/* line 18, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-draft, .label-open {
  background-color: #9ca3af;
}

/* line 22, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-viewed {
  background-color: #374151;
}

/* line 26, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-sent {
  background-color: #2aa7ff;
}

/* line 30, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-partially_paid {
  background-color: #ffac51;
}

/* line 34, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-paid {
  background-color: #31c48d;
}

/* line 38, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-closed {
  background-color: #f05252;
}

/* line 42, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-gray-light {
  color: inherit;
  background-color: #f3f4f6;
}

/* line 47, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-bright-blue {
  color: #ffffff;
  background-color: #2aa7ff;
}

/* line 52, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-red {
  padding: 4px 10px;
  color: #ffffff;
  background-color: #f05252;
}

/* line 58, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-orange {
  padding: 4px 10px;
  color: #ffffff;
  background-color: #ffac51;
}

/* line 64, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-rounded {
  border-radius: 25px;
}

/* line 68, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-bold {
  font-weight: 500;
}

/* line 72, app/assets/stylesheets/custom_bootstrap/_labels.scss */
.label-outline {
  border: 1px solid #e5e7eb;
  color: #374151;
}

/* line 78, app/assets/stylesheets/custom_bootstrap/_labels.scss */
a.label-outline:hover, a.label-outline:active, a.label-outline:focus {
  color: #374151;
  border-color: #c8ccd5;
}

/* line 85, app/assets/stylesheets/custom_bootstrap/_labels.scss */
a.label-gray-light:hover, a.label-gray-light:active, a.label-gray-light:focus {
  color: inherit;
  background-color: #e4e7eb;
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_list-group.scss */
.list-group {
  font-size: 13px;
}

/* line 5, app/assets/stylesheets/custom_bootstrap/_list-group.scss */
.list-group-item {
  border-radius: 6px;
}

/* line 7, app/assets/stylesheets/custom_bootstrap/_list-group.scss */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  font-weight: 500;
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_lists.scss */
ul.checkbox-list {
  padding-left: 0;
  list-style: none;
}

/* line 3, app/assets/stylesheets/custom_bootstrap/_lists.scss */
ul.checkbox-list li {
  margin-bottom: 10px;
}

/* line 6, app/assets/stylesheets/custom_bootstrap/_lists.scss */
ul.checkbox-list ul {
  padding-left: 25px;
  margin-top: 10px;
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-backdrop.loading:before {
  content: "Loading...";
  padding-top: 25%;
  color: white;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 35px;
}

/* line 12, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1070;
}

/* line 16, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal.in {
  display: block;
}

/* line 21, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-backdrop {
  z-index: 1060;
  display: none;
}

/* line 24, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-backdrop.in {
  display: block;
}

/* line 31, app/assets/stylesheets/custom_bootstrap/_modal.scss */
body.activities-list .modal-backdrop.loader.loading {
  z-index: 1200;
}

/* line 35, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-content {
  border: none;
}

/* line 39, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-header {
  position: relative;
  padding: 25px 45px 0 30px;
}

/* line 42, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-header .close {
  display: flex;
  padding: 10px;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 999;
}

/* line 50, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-header .dialog-faq-link {
  position: absolute;
  top: 19px;
  right: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #000000;
  border-radius: 50%;
  color: #000000;
  opacity: 0.2;
  font-size: 14px;
  font-weight: 700;
}

/* line 65, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-header .dialog-faq-link:hover, .modal-header .dialog-faq-link:focus {
  opacity: 0.5;
}

/* line 73, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-body form > .form-group:last-child, .modal-body-centered form > .form-group:last-child {
  margin-bottom: 0;
}

/* line 77, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-body + .modal-footer, .modal-body-centered + .modal-footer {
  padding-top: 0;
}

/* line 84, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-footer .btn + .btn, .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .modal-footer .nav-item + .btn, .modal-footer .app-tabs-switch > .nav.nav-tabs .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .btn + .nav-item, .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .nav-item + .nav-item {
  margin-bottom: 0;
  margin-left: 12px;
}

/* line 89, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-footer.sticky-footer {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: auto;
  background-color: white;
  bottom: 0px;
  width: 100%;
  border: none;
  padding-top: 40px;
}

@media (max-width: 575.98px) {
  /* line 98, app/assets/stylesheets/custom_bootstrap/_modal.scss */
  .modal-footer .btn, .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .nav-item {
    min-width: 0;
    width: 100%;
  }
  /* line 101, app/assets/stylesheets/custom_bootstrap/_modal.scss */
  .modal-footer .btn + .btn, .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .modal-footer .nav-item + .btn, .modal-footer .app-tabs-switch > .nav.nav-tabs .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .btn + .nav-item, .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer .nav-item + .nav-item {
    margin-left: 0;
    margin-top: 12px;
  }
}

/* line 108, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-footer.cta-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/custom_bootstrap/_modal.scss */
  .modal-footer.cta-top {
    flex-direction: row;
  }
}

/* line 117, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-footer.cta-top .modal-footer-text {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  order: -2;
}

@media (min-width: 576px) {
  /* line 117, app/assets/stylesheets/custom_bootstrap/_modal.scss */
  .modal-footer.cta-top .modal-footer-text {
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    width: 100%;
  }
}

/* line 131, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-footer.cta-top .btn + .btn, .modal-footer.cta-top .app-tabs-switch > .nav.nav-tabs .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .modal-footer.cta-top .nav-item + .btn, .modal-footer.cta-top .app-tabs-switch > .nav.nav-tabs .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer.cta-top .btn + .nav-item, .modal-footer.cta-top .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer.cta-top .nav-item + .nav-item {
  margin-bottom: 12px;
  margin-top: 0;
  min-width: auto;
  order: -1;
}

@media (min-width: 576px) {
  /* line 131, app/assets/stylesheets/custom_bootstrap/_modal.scss */
  .modal-footer.cta-top .btn + .btn, .modal-footer.cta-top .app-tabs-switch > .nav.nav-tabs .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .modal-footer.cta-top .nav-item + .btn, .modal-footer.cta-top .app-tabs-switch > .nav.nav-tabs .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer.cta-top .btn + .nav-item, .modal-footer.cta-top .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item, .app-tabs-switch > .nav.nav-tabs .modal-footer.cta-top .nav-item + .nav-item {
    margin-bottom: 0;
    order: 9;
  }
}

/* line 145, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-body-centered {
  text-align: center;
}

/* line 151, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-open .without-label {
  margin-top: 24px;
}

/* line 156, app/assets/stylesheets/custom_bootstrap/_modal.scss */
div.reveal-modal {
  z-index: 1050;
}

/* line 160, app/assets/stylesheets/custom_bootstrap/_modal.scss */
div.reveal-modal-bg {
  z-index: 1040;
}

/* line 164, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal {
  position: fixed;
  overflow-y: scroll;
}

@media (min-width: 1200px) {
  /* line 170, app/assets/stylesheets/custom_bootstrap/_modal.scss */
  .modal-xl,
.modal-xxl {
    width: 1200px;
  }
}

@media (min-width: 1800px) {
  /* line 177, app/assets/stylesheets/custom_bootstrap/_modal.scss */
  .modal-xxl {
    width: 1600px;
  }
}

/* line 182, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-dialog {
  margin: 10px auto;
}

/* line 186, app/assets/stylesheets/custom_bootstrap/_modal.scss */
.modal-smd {
  max-width: 440px;
  margin: 10px auto;
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.nav-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  border-color: transparent;
  margin-bottom: 30px;
}

/* line 9, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.nav-tabs.nav-stacked > .active > a {
  background-color: #d4edff;
}

/* line 14, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.nav-tabs.nav-stacked > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* line 20, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.nav-tabs > li {
  border-bottom: none;
  -webkit-box-shadow: inset 0 -1px 0 #e5e7eb;
  box-shadow: inset 0 -1px 0 #e5e7eb;
}

/* line 23, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.nav-tabs > li.active {
  padding-bottom: 1px;
  -webkit-box-shadow: inset 0 -2px 0 #2aa7ff;
  box-shadow: inset 0 -2px 0 #2aa7ff;
}

/* line 26, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #2aa7ff;
  font-weight: 500;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.nav-tabs > li a {
  color: #6b7280;
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  white-space: nowrap;
}

/* line 42, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.nav-tabs > li a:hover, .nav-tabs > li a:focus, .nav-tabs > li a:active {
  background-color: transparent;
  border-color: transparent;
}

/* line 52, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.vertical-nav-tabs a {
  color: #6b7280;
  display: block;
  font-size: 13px;
  padding: 10px 0 10px 22px;
}

/* line 57, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
.vertical-nav-tabs a.active {
  border-left: 3px solid #2aa7ff;
  color: #2aa7ff;
  font-weight: 500;
  padding-left: 19px;
}

@media (max-width: 480px) {
  /* line 67, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
  .nav-tabs {
    border-bottom: none;
    width: 100%;
  }
  /* line 70, app/assets/stylesheets/custom_bootstrap/_nav_tabs.scss */
  .nav-tabs > li {
    width: 100%;
  }
}

/* line 3, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.hamburger-wrapper {
  height: 46px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
  background-color: #ffffff;
  z-index: 670;
}

/* line 17, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar {
  left: 0;
  padding-left: 0;
}

/* line 21, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .js-size-sidebar-toggle,
.top-bar .js-tablet-size-sidebar-toggle {
  padding: 0;
  transform: translateX(-50%);
}

/* line 27, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .arrow-wrapper {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
}

/* line 37, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .arrow-wrapper i {
  font-size: 11.8px;
  line-height: 0;
}

/* line 43, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .topbar-link {
  padding: 0 15px;
  display: flex;
  align-items: center;
}

/* line 44, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .topbar-link > a {
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .topbar-link .see-all-notifications {
  font-size: 12px;
  line-height: 45px;
  text-align: center;
  border-top: 1px solid #e5e7eb;
  margin-top: auto;
}

/* line 55, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .topbar-link .close-notifications {
  float: right;
  font-size: 10px;
  margin-right: 15px;
  margin-top: 3px;
  color: #6b7280;
  cursor: pointer;
}

/* line 69, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .notifications-bell {
  cursor: pointer;
  margin-top: 5px;
}

/* line 73, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .notifications-number {
  position: absolute;
  top: 62%;
  margin-left: 0.9em;
  margin-top: -18px;
  background: #f05252;
  color: white;
  font-weight: 500;
  padding: 3px 4px 2px;
  line-height: 100%;
  border-radius: 2px;
  font-size: 10px;
  text-align: center;
}

/* line 87, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .topbar-talent {
  min-width: 28px;
}

/* line 90, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .topbar-advert {
  padding: 0 15px;
  display: flex;
  align-items: center;
  display: none;
}

/* line 95, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .topbar-advert a {
  margin-left: 0.5ex;
  margin-right: 0.5ex;
}

/* line 100, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .user-dropdown {
  padding-right: 5px;
  padding-top: 2px;
}

/* line 104, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .user-dropdown .dropdown-menu {
  border: none;
  -webkit-box-shadow: 0px 2px 10px rgba(1, 1, 1, 0.15);
  box-shadow: 0px 2px 10px rgba(1, 1, 1, 0.15);
  margin-top: 14px;
}

/* line 110, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .organizations-dropdown {
  display: flex;
  align-items: center;
  border-left: 1px solid #e5e7eb;
  padding: 2px 10px 0;
}

/* line 116, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .organizations-dropdown .blank-link {
  cursor: pointer;
}

/* line 120, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .organizations-dropdown .dropdown-menu {
  width: 100%;
  border: none;
  -webkit-box-shadow: 0px 2px 10px rgba(1, 1, 1, 0.15);
  box-shadow: 0px 2px 10px rgba(1, 1, 1, 0.15);
  right: 5px;
  margin-top: 14px;
  min-width: 200px;
}

/* line 127, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .organizations-dropdown .dropdown-menu .Suspended > a {
  color: #6b7280;
}

/* line 131, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .organizations-dropdown .dropdown-menu li > a {
  display: flex;
  align-items: center;
}

/* line 135, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .organizations-dropdown .dropdown-menu li > a span.org-name {
  flex: 1 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  margin-right: 5px;
}

/* line 143, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .organizations-dropdown .dropdown-menu-links-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
  padding-bottom: 5px;
  max-height: calc( 100vh - 46px - 140px);
}

/* line 152, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .organizations-dropdown > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 156, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.top-bar .selected-value,
.top-bar .topbar-help,
.top-bar .topbar-alert,
.top-bar .topbar-whats-new,
.top-bar .topbar-referral-link,
.top-bar .demo-button {
  display: none;
}

@media (min-width: 768px) {
  /* line 17, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .top-bar {
    width: calc(100% - 80px);
    left: 80px;
  }
  /* line 169, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .tablet-sidebar-expanded .top-bar {
    width: calc(100% - 240px);
    left: 240px;
  }
  /* line 174, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .no-sidebar .top-bar {
    width: 100%;
    left: 0;
  }
}

@media (min-width: 992px) {
  /* line 17, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .top-bar {
    width: calc(100% - 240px);
    left: 240px;
  }
  /* line 184, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .sidebar-collapsed .top-bar {
    width: calc(100% - 80px);
    left: 80px;
  }
  /* line 189, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .no-sidebar .top-bar {
    width: 100%;
    left: 0;
  }
}

/* line 196, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-links-wrapper {
  margin-left: auto;
  display: flex;
}

/* line 201, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
ul.support-dropdown-menu {
  padding-left: 18px !important;
  margin-top: 10px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 70px;
  align-items: center;
  justify-content: center;
}

/* line 212, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
ul.support-dropdown-menu .support-phone-number {
  display: inline;
  margin-left: 5px;
}

/* line 217, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
ul.support-dropdown-menu li {
  min-width: 124px;
}

/* line 220, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
ul.support-dropdown-menu li:nth-child(even) {
  width: 50%;
  color: #6b7280;
}

/* line 227, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(57, 102, 163, 0.25);
  display: none;
  font-size: 13px;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  left: 15px;
  right: 15px;
  padding: 0;
  border: none;
}

/* line 239, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu {
  width: 340px;
  max-width: calc(100% - 30px);
  padding: 0;
  right: 10px;
  left: auto;
  margin-top: 15px;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 251, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu > li:nth-child(2) img {
  margin-left: -2px;
}

/* line 257, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu > li:nth-child(3) img {
  margin-left: -4px;
}

/* line 261, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu > li > a {
  background-color: #ffffff !important;
  padding: 20px 20px 15px;
}

/* line 265, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu > li > a:before {
  left: 114px;
  right: auto;
}

/* line 270, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu > li > a:hover {
  background-color: #f9fafb !important;
}

/* line 279, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu > li:first-child a:hover:before {
  background-color: #f9fafb !important;
}

/* line 287, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu img {
  height: 24px;
}

/* line 291, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.product-dropdown-menu .hs-product-description {
  font-size: 14px;
  color: #374151;
  padding-left: 30px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 300, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.topbar-dropdown-notifications-container {
  max-height: none;
}

/* line 304, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-container .notifications-bell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 199px;
}

/* line 313, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container.topbar-dropdown-notifications-container {
  max-height: none;
}

/* line 317, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-container .notifications-bell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 199px;
}

/* line 325, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .dropdown-head {
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
  text-align: center;
  padding: 15px 0;
  margin: 0;
}

/* line 332, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-alert {
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
  border-left: 5px solid transparent;
  background-color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* line 338, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-alert.new {
  background-color: #f3f4f6;
  border-left-color: #2aa7ff;
}

/* line 342, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-alert:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* line 346, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-alert h6 {
  font-size: 13px;
}

/* line 349, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-alert > .btn, .topbar-dropdown-container .app-tabs-switch > .nav.nav-tabs .notifications-alert > .nav-item, .app-tabs-switch > .nav.nav-tabs .topbar-dropdown-container .notifications-alert > .nav-item {
  background-color: #ffffff;
  border-color: #e5e7eb;
  font-weight: 500;
  display: inline-block;
}

/* line 354, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-alert > .btn:hover, .topbar-dropdown-container .app-tabs-switch > .nav.nav-tabs .notifications-alert > .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .topbar-dropdown-container .notifications-alert > .nav-item:hover, .topbar-dropdown-container .notifications-alert > .btn:focus, .topbar-dropdown-container .app-tabs-switch > .nav.nav-tabs .notifications-alert > .nav-item:focus, .app-tabs-switch > .nav.nav-tabs .topbar-dropdown-container .notifications-alert > .nav-item:focus, .topbar-dropdown-container .notifications-alert > .btn:active, .topbar-dropdown-container .app-tabs-switch > .nav.nav-tabs .notifications-alert > .nav-item:active, .app-tabs-switch > .nav.nav-tabs .topbar-dropdown-container .notifications-alert > .nav-item:active, .topbar-dropdown-container .notifications-alert > .btn:active:focus {
  background-color: #ffffff;
  border-color: #c8ccd5;
}

/* line 362, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-alert .inline-link {
  margin-left: 5px;
}

/* line 365, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notifications-alert .time-ago {
  height: 14px;
  width: 58px;
  color: #9ca3af;
  font-family: Roboto;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
}

/* line 375, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notification-alert-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

/* line 380, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.topbar-dropdown-container .notification-alert-body {
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 387, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .top-bar .topbar-advert {
    display: inherit;
  }
}

@media (min-width: 1200px) {
  /* line 394, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .top-bar .topbar-advert {
    display: inherit;
  }
}

/* line 400, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.navbar-toggle {
  margin-right: 10px;
}

/* line 402, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.navbar-toggle .icon-bar {
  background-color: #6b7280;
  width: 12px;
}

/* line 405, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 2px;
}

/* line 411, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.wizard-brand {
  display: none;
}

/* line 415, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.tooltip.my-account-avatar-tooltip, .my-account-avatar-tooltip.vue-tooltip {
  margin-top: 7px;
}

/* line 417, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
.tooltip.my-account-avatar-tooltip .tooltip-inner, .my-account-avatar-tooltip.vue-tooltip .tooltip-inner {
  max-width: unset;
}

@media (max-width: 768px) {
  /* line 424, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  #notifications-container .topbar-dropdown-container {
    left: calc(50% - 170px);
    position: fixed;
    top: 50px;
  }
}

@media (max-width: 480px) {
  /* line 434, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .top-bar .topbar-link {
    padding: 0 10px;
  }
  /* line 436, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .top-bar .topbar-link.topbar-referral-link {
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  /* line 444, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .topbar-link:not(.topbar-products) {
    position: relative;
  }
  /* line 447, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .topbar-dropdown-container {
    left: auto;
    right: -15px;
    top: 36px;
    width: 340px;
  }
  /* line 455, app/assets/stylesheets/custom_bootstrap/_navbar.scss */
  .top-bar .selected-value,
.top-bar .topbar-help,
.top-bar .topbar-alert,
.top-bar .topbar-whats-new,
.top-bar .topbar-referral-link,
.top-bar .demo-button {
    display: inline-block;
  }
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_page-header.scss */
.page-header-wrapper {
  display: flex;
  flex-direction: column;
}

/* line 6, app/assets/stylesheets/custom_bootstrap/_page-header.scss */
.page-header-actions {
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  /* line 12, app/assets/stylesheets/custom_bootstrap/_page-header.scss */
  .page-header-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 2, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.app-pagination .pagination-ellipsis {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 7, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.pagination-container {
  text-align: center;
  position: relative;
  margin-top: 15px;
  -webkit-user-select: none;
  /* Safari */
  user-select: none;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.pagination-container:before, .pagination-container:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.pagination-container:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.pagination-container {
  *zoom: 1;
}

/* line 16, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.pages {
  width: 70%;
  display: inline-block;
}

/* line 21, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.paginate-link {
  color: #6b7280;
  display: inline-block;
  margin: 4px 5px 0;
  border-radius: 2px;
  padding: 2px 8px;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.paginate-link.is-current {
  font-weight: 500;
  color: #ffffff;
  background-color: #2aa7ff;
  cursor: default;
}

/* line 37, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.btn-pagination {
  width: 32px;
  height: 32px;
  min-width: 0;
  border-radius: 50%;
  padding: 0;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 48, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.btn-pagination.disabled-link {
  opacity: 0.65;
  pointer-events: none;
}

/* line 53, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.btn-pagination-start {
  margin-right: 0.75rem;
}

/* line 57, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.btn-pagination-end {
  margin-left: 0.75rem;
}

/* line 62, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
.pagination-showing {
  color: #374151;
  margin-top: 10px;
}

@media (min-width: 768px) {
  /* line 68, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
  .pages {
    width: auto;
    float: right;
    margin-right: 50px;
  }
  /* line 73, app/assets/stylesheets/custom_bootstrap/_pagination.scss */
  .pagination-showing {
    float: left;
    margin-top: 7px;
    margin-left: 50px;
  }
}

@-webkit-keyframes left-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  30% {
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

@-moz-keyframes left-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  30% {
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

@-o-keyframes left-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  30% {
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

@keyframes left-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  30% {
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

@-webkit-keyframes right-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  30% {
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}

@-moz-keyframes right-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  30% {
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}

@-o-keyframes right-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  30% {
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}

@keyframes right-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  30% {
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}

@-webkit-keyframes top-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  30% {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-moz-keyframes top-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  30% {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-o-keyframes top-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  30% {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes top-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  30% {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bottom-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  30% {
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

@-moz-keyframes bottom-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  30% {
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

@-o-keyframes bottom-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  30% {
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

@keyframes bottom-bounce {
  0%, 10%, 25%, 40%, 100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  30% {
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_popover.scss */
.popover {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.025);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.025);
  padding: 0;
}

/* line 5, app/assets/stylesheets/custom_bootstrap/_popover.scss */
.popover .popover-content {
  position: relative;
  color: #1f2937;
}

/* line 9, app/assets/stylesheets/custom_bootstrap/_popover.scss */
.popover .popover-content .close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 559;
}

/* line 18, app/assets/stylesheets/custom_bootstrap/_popover.scss */
.popover-empty-content .popover-title {
  background: #ffffff;
  border-radius: 7px;
  font-weight: 400;
  text-align: center;
  border: 0;
}

/* line 26, app/assets/stylesheets/custom_bootstrap/_popover.scss */
.popover-empty-content .popover-content {
  padding: 0;
}

/* line 32, app/assets/stylesheets/custom_bootstrap/_popover.scss */
.vue-popover {
  display: block;
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_progress.scss */
.progress {
  margin: 15px 0 8px;
  height: 4px;
  box-shadow: none;
  background-color: #f3f4f6;
  min-width: 100px;
}

/* line 8, app/assets/stylesheets/custom_bootstrap/_progress.scss */
.progress.dont-animate .progress-bar {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 12, app/assets/stylesheets/custom_bootstrap/_progress.scss */
.progress .progress-bar {
  box-shadow: none;
  background-image: none;
  border-radius: 6px;
}

/* line 17, app/assets/stylesheets/custom_bootstrap/_progress.scss */
.progress.no-data {
  background-color: transparent;
}

/* line 22, app/assets/stylesheets/custom_bootstrap/_progress.scss */
.progress-full {
  width: 100%;
  margin: 8px 0;
}

/* line 27, app/assets/stylesheets/custom_bootstrap/_progress.scss */
.progress-details {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: -10px;
}

/* line 34, app/assets/stylesheets/custom_bootstrap/_progress.scss */
.progress-action {
  font-size: 13px;
}

/* line 2, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-inline ~ .select2-container--bootstrap.select2-container--bootstrap {
  display: inline-block;
  max-width: 150px;
}

@media (min-width: 991px) {
  /* line 8, app/assets/stylesheets/custom_bootstrap/_select2.scss */
  .time-select + .select2-container--bootstrap.select2-container--bootstrap {
    min-width: 100px;
  }
}

/* line 15, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.project-to-dos + .select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered:after {
  background-image: none;
}

/* line 20, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-selection-counter {
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  padding: 8px 5px 8px 10px;
  font-size: 14px;
  border-left: 4px solid #6875f5;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  min-height: 42px;
}

/* line 31, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-selection-counter .select2-selection__clear {
  font-weight: bold;
  margin-right: 10px;
  margin-left: auto;
  color: #999;
}

/* line 36, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-selection-counter .select2-selection__clear:hover {
  color: #374151;
}

/* line 42, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-large + .select2-container--bootstrap.select2-container--bootstrap {
  max-width: 210px;
}

/* line 46, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-os + .select2-container--bootstrap.select2-container--bootstrap {
  max-width: 300px;
}

/* line 50, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-tooltip {
  display: inline-block;
  width: 100%;
  max-width: 150px;
}

/* line 56, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap {
  margin: 0;
}

@media (min-width: 991px) {
  /* line 56, app/assets/stylesheets/custom_bootstrap/_select2.scss */
  .select2-container--bootstrap.select2-container--bootstrap {
    min-width: 140px;
  }
}

/* line 64, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .text-with-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* line 69, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .text-with-icon .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

/* line 73, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .text-with-icon .icon {
  margin: 0 15px auto 0;
}

/* line 75, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .text-with-icon .icon.selection {
  position: relative;
}

/* line 81, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection {
  box-shadow: none;
  border-color: #e5e7eb;
  padding: 10px 14px;
  line-height: 18px;
  text-align: left;
  border-radius: 6px !important;
}

/* line 89, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection:hover {
  border-color: #c8ccd5;
}

/* line 93, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.form-group-sm .select2-container--bootstrap.select2-container--bootstrap .select2-selection, .time-span-popover .time_entry .select2-container--bootstrap.select2-container--bootstrap .select2-selection, .time-span-popover .duration .select2-container--bootstrap.select2-container--bootstrap .select2-selection, .time-span-popover .vue-app-date-picker .select2-container--bootstrap.select2-container--bootstrap .select2-selection,
.time-span-popover .datepicker .select2-container--bootstrap.select2-container--bootstrap .select2-selection,
.time-span-popover .time_entry_duration .select2-container--bootstrap.select2-container--bootstrap .select2-selection {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 98, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection-fake {
  display: block;
  width: 100%;
  color: #999;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection-fake-disabled {
  opacity: 0.7;
}

/* line 107, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection-fake-disabled:hover {
  border-color: #e5e7eb;
}

/* line 113, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection.select2-selection--multiple {
  padding: 5px 5px 0;
}

/* line 116, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-selection__choice {
  padding: 5px 10px 5px 9px;
  margin: 0 6px 5px 0;
  font-size: 13px;
  border-left: 4px solid #6875f5;
  max-width: calc(100% - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 125, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-selection__choice.selection-team {
  border-left: 4px solid #ffac51;
}

/* line 129, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-selection__choice.has-warning {
  border-left-color: #ffac51;
  color: #ffac51;
}

/* line 133, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-selection__choice.has-warning span.select2-selection__choice__remove {
  color: #ffac51;
}

/* line 139, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-selection__clear {
  margin-right: 10px;
}

/* line 144, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  box-shadow: none;
}

/* line 150, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.has-error .select2-container--bootstrap.select2-container--bootstrap .select2-selection {
  border-color: #f05252;
}

/* line 155, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #2aa7ff;
}

/* line 160, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-radius: 6px 6px 0 0 !important;
}

/* line 166, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-radius: 0 0 6px 6px !important;
}

/* line 172, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap.select2-container--focus .select2-selection {
  border-color: #2aa7ff;
}

/* line 176, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 183, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option .suffix {
  color: #6b7280;
}

/* line 185, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option .suffix:before {
  content: ' (';
}

/* line 188, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option .suffix:after {
  content: ')';
}

/* line 193, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option sub {
  display: block;
  font-size: 80%;
  line-height: 1.45;
  bottom: auto;
  color: #6b7280;
}

/* line 200, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option .dropdown-new-item {
  margin: 5px 0 5px 10px;
  font-weight: 500;
  color: #2aa7ff;
}

/* line 206, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option[aria-selected='true'] {
  background-color: #2aa7ff;
  color: #ffffff;
  font-weight: 500;
  position: relative;
}

/* line 211, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option[aria-selected='true']:hover {
  background-color: #2aa7ff;
  color: #ffffff;
}

/* line 215, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option[aria-selected='true'] .suffix {
  color: inherit;
}

/* line 218, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option[aria-selected='true'] sub {
  color: inherit;
}

/* line 222, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results__option--highlighted[aria-selected='false'] {
  color: currentColor;
  background-color: #f0f4f7;
}

/* line 226, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove {
  float: right;
  margin-right: 0;
  margin-left: 9px;
  position: relative;
  left: -9999px;
}

/* line 234, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove:before {
  font-size: 7px;
  position: absolute;
  left: 9999px;
  top: 5px;
  color: #6b7280;
}

/* line 242, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered {
  position: relative;
  padding-right: 3rem;
}

/* line 246, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered::after {
  content: '';
  width: 30px;
  height: 85%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #ffffff 75%, #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), #ffffff 75%, #ffffff);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), #ffffff 75%, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33FFFFFF', endColorstr='#FFFFFFFF', GradientType=1);
  background-repeat: no-repeat;
  right: 0;
  position: absolute;
  z-index: 555;
}

/* line 258, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered.selection-user-with-avatar {
  margin-top: -3px;
  margin-left: -5px;
  width: 190px;
}

/* line 263, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered.selection-user-with-avatar .select2-selection__placeholder {
  margin-top: 3px;
}

/* line 268, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow {
  z-index: 556;
}

/* line 271, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__clear {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 557;
  margin-right: 20px;
}

/* line 278, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 0 0 6px 6px;
}

/* line 281, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-dropdown.select2-dropdown--above {
  -webkit-box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.09);
  border-radius: 6px 6px 0 0;
}

/* line 286, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-search--dropdown {
  padding: 6px 15px;
}

/* line 288, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border-radius: 4px;
  box-shadow: none;
}

/* line 295, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-results > .select2-results__options {
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
}

/* line 302, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered > .select2-search--inline:first-child {
  width: 100% !important;
}

/* line 305, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered > .select2-search--inline:first-child .select2-search__field {
  width: 100% !important;
}

/* line 312, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap.select2-container--disabled .select2-selection {
  cursor: default;
  background-color: #ffffff;
  border-color: #e5e7eb;
}

/* line 317, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select2-container--bootstrap.select2-container--bootstrap.select2-container--disabled .select2-selection > * {
  opacity: 0.7;
  user-select: none;
}

/* line 325, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.hide-search-dropdown {
  display: none !important;
}

/* line 327, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.hide-search-dropdown .select2-search,
.hide-search-dropdown .select2-results,
.hide-search-dropdown .select2-dropdown {
  display: none !important;
}

/* line 336, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.has-hidden-search-dropdown .select2-container--open.select2-container--open .select2-selection {
  border-radius: 6px !important;
}

/* line 342, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.select-all {
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

/* line 348, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.app-select-wrapper .loading-container {
  display: flex;
  align-items: center;
  color: var(--z-gray-400);
  user-select: none;
  cursor: not-allowed;
}

/* line 356, app/assets/stylesheets/custom_bootstrap/_select2.scss */
.app-select-wrapper .loading-container:hover {
  border-color: var(--z-gray-200);
}

/* line 7, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.popular-tooltip {
  padding: 3px 8px 3px 8px;
}

/* line 10, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.popular-tooltip .text-message {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* line 181, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
body,
html {
  min-height: 100%;
}

/* line 186, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.content-wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  z-index: 667;
  background-color: #ffffff;
  padding-bottom: 120px;
  display: flex;
  flex-direction: column;
  will-change: padding-left;
  transition: padding-left 0.5s ease;
}

/* line 199, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.has-grey-bg .content-wrapper {
  background-color: #f9fafb;
}

/* line 204, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.has-orgbar .content-wrapper .container-fluid {
  padding-top: 75px;
}

/* line 209, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.no-sidebar .content-wrapper {
  padding-left: 0 !important;
}

/* line 213, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.content-wrapper .container-fluid {
  padding: 30px 15px 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  width: 100%;
}

/* line 224, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.content-wrapper .permission-denied-container {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
}

/* line 230, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.content-wrapper .permission-denied-container .cta-buttons {
  margin-top: 32px;
}

/* line 233, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.content-wrapper .permission-denied-container .cta-buttons a.btn, .content-wrapper .permission-denied-container .cta-buttons .app-tabs-switch > .nav.nav-tabs a.nav-item, .app-tabs-switch > .nav.nav-tabs .content-wrapper .permission-denied-container .cta-buttons a.nav-item {
  min-width: 160px;
  margin: 0 8px;
}

/* line 239, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.content-wrapper .permission-denied-container img {
  width: 100%;
  max-width: 300px;
}

/* line 244, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.content-wrapper .permission-denied-container .text {
  max-width: 400px;
}

/* line 250, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-wrapper {
  position: fixed;
  background: #f3f4f6;
  width: 240px;
  top: 46px;
  bottom: 0;
  left: 0;
  z-index: 665;
  display: none;
  will-change: width;
  transition: width 0.5s ease;
  overflow: hidden;
  border-right: 1px solid #e5e7eb;
}

/* line 264, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-wrapper .is-triggered .collapse {
  visibility: visible;
}

@media (min-width: 768px) {
  /* line 250, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-wrapper {
    top: 0;
  }
}

/* line 272, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-wrapper .sidebar-logo-link {
  display: block;
  margin-top: 15px;
  padding: 0 25px 0 25px;
}

/* line 277, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-wrapper .sidebar-logo-link img {
  max-width: 130px;
}

/* line 283, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.nav-sidebar {
  width: 240px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100%;
}

/* line 292, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.nav-sidebar-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 555;
  width: 100%;
  height: 56px;
  background-color: #f3f4f6;
  -webkit-box-shadow: 0 -15px 25px #f3f4f6;
  box-shadow: 0 -15px 25px #f3f4f6;
}

/* line 304, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.no-sidebar .sidebar-toggle {
  display: none;
}

/* line 308, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.no-sidebar .wizard-brand {
  display: inline-block;
  margin-left: 15px;
}

/* line 314, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.nav-sidebar-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
  max-height: calc(100vh - 46px - 43px);
}

@media (min-width: 768px) {
  /* line 314, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .nav-sidebar-content {
    max-height: calc(100vh - 46px);
  }
}

/* line 324, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-section-title {
  color: #9ca3af;
  font-size: 11px;
  padding: 0 30px;
  text-transform: uppercase;
  margin-top: 15px;
}

/* line 331, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-section-title a {
  text-transform: none;
}

/* line 336, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-content-wrapper {
  margin-top: 5px;
  padding-bottom: 25px;
}

/* line 339, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-content-wrapper:first-child {
  margin-top: 15px;
}

/* line 342, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.touch .sidebar-content-wrapper:first-child {
  margin-bottom: 100px;
}

/* line 348, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 353, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav.is-last {
  margin-bottom: 20px;
}

/* line 357, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav .hi-right,
.sidebar-nav .hi-left {
  font-size: 10px;
  right: 30px;
  vertical-align: text-bottom;
}

/* line 364, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav a {
  color: #374151;
}

/* line 369, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav .sidebar-footer a {
  color: #2aa7ff;
}

/* line 374, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav .sidebar-badge {
  color: #ffffff;
  border-radius: 3px;
  background-color: #2aa7ff;
  text-align: center;
  position: relative;
  left: 4px;
  top: -9px;
  height: 15px;
  min-width: 15px;
  line-height: 15px;
  font-size: 11px;
}

/* line 388, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav .sidebar-main-link .collapse.in {
  visibility: visible;
}

/* line 393, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav .sidebar-main-link.active .collapse {
  visibility: visible;
}

/* line 397, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav .sidebar-main-link.active .sidebar-tag-new {
  left: 1px;
}

/* line 402, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav .popular-badge-sidebar {
  margin-left: 1rem;
  color: white;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  padding: 0.2rem 0.6rem 0.2rem 0.6rem;
  background-color: #8b1dff;
}

/* line 411, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav .sidebar-tag-new {
  text-transform: capitalize;
  height: 18px;
  position: absolute;
  left: 0;
  top: 14px;
  z-index: -1;
  padding: 2px 3px;
  color: white;
  background-color: #8b1dff;
  border-radius: 0 2px 2px 0;
  font-size: 10px;
  font-weight: 500;
}

/* line 427, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-subnav {
  padding: 0 0 0 16px;
  margin: 0;
  list-style: none;
}

/* line 432, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-subnav .sidebar-link > a {
  padding: 0 12px;
  font-size: 12px;
}

/* line 438, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav-toggle {
  position: relative;
  transform-origin: center center;
  margin-left: auto;
  display: flex;
  align-items: center;
  width: 24px;
  justify-content: center;
  margin-right: -12px;
}

/* line 448, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav-toggle:hover, .sidebar-nav-toggle:active {
  color: #2aa7ff;
}

/* line 454, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav-toggle.collapsed .hi-left {
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

/* line 459, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-nav-toggle .hi-left {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transform: translate3d(0, 0, 0) rotate(-90deg);
  -o-transform: translate3d(0, 0, 0) rotate(-90deg);
  -ms-transform: translate3d(0, 0, 0) rotate(-90deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(-90deg);
  transform: translate3d(0, 0, 0) rotate(-90deg);
}

/* line 465, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link {
  display: block;
}

/* line 469, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link:first-child > a {
  margin-top: 0;
}

/* line 475, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link:hover .hi, .sidebar-link:hover .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .sidebar-link:hover .step-number, .sidebar-link:hover .vue-map-search:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-work_break_policy:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-job_site:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-team:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-task:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-timesheet:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-project:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-client:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-user:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-member:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-date:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-week:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-results__option.is-paid:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .sidebar-link:hover b:before, .sidebar-link:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-selection:before, .sidebar-link:hover .search-filter:before, .sidebar-link:hover .datepicker:before,
.sidebar-link:hover .hs_daterange_picker:before, .sidebar-link:hover .toggling-dropdown > li.is-on > a:before, .sidebar-link:hover .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .sidebar-link:hover input:checked + label:before, .sidebar-link:hover .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .sidebar-link:hover .select2-selection__choice__remove {
  color: inherit;
}

/* line 481, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link.active a {
  color: #2aa7ff;
  background-color: #d1d5db;
  cursor: default;
  font-weight: 500;
}

/* line 486, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link.active a:hover, .sidebar-link.active a:active {
  color: #2aa7ff;
}

/* line 492, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link.active .hi, .sidebar-link.active .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .sidebar-link.active .step-number, .sidebar-link.active .vue-map-search:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-work_break_policy:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-job_site:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-team:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-task:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-timesheet:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-project:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-client:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-user:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-member:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-date:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-week:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-results__option.is-paid:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .sidebar-link.active b:before, .sidebar-link.active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-selection:before, .sidebar-link.active .search-filter:before, .sidebar-link.active .datepicker:before,
.sidebar-link.active .hs_daterange_picker:before, .sidebar-link.active .toggling-dropdown > li.is-on > a:before, .sidebar-link.active .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .sidebar-link.active input:checked + label:before, .sidebar-link.active .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .sidebar-link.active .select2-selection__choice__remove {
  color: inherit;
}

/* line 497, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link > a {
  display: block;
  border-radius: 15px;
  margin: 11px 0;
}

/* line 501, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link > a:hover, .sidebar-link > a:active {
  color: #2aa7ff;
}

/* line 507, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-link .hi, .sidebar-link .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .sidebar-link .step-number, .sidebar-link .vue-map-search:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-work_break_policy:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-job_site:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-team:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-task:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-timesheet:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-project:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-client:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-user:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-member:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-date:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-week:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-results__option.is-paid:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .sidebar-link b:before, .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-selection:before, .sidebar-link .search-filter:before, .sidebar-link .datepicker:before,
.sidebar-link .hs_daterange_picker:before, .sidebar-link .toggling-dropdown > li.is-on > a:before, .sidebar-link .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .sidebar-link input:checked + label:before, .sidebar-link .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .sidebar-link .select2-selection__choice__remove {
  margin-right: 10px;
  vertical-align: text-bottom;
  color: #6b7280;
}

/* line 514, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link {
  position: relative;
  padding: 0 25px 0 30px;
  color: #374151;
}

/* line 520, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link.active:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  height: 24px;
  width: 3px;
  background-color: #2aa7ff;
}

/* line 532, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link-inner {
  display: flex;
  padding: 11px 0;
}

/* line 537, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link-inner > .sidebar-link:hover, .sidebar-main-link-inner > .sidebar-link:active {
  color: #2aa7ff;
}

/* line 544, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link-inner.active > a {
  color: #2aa7ff;
  font-weight: 500;
}

/* line 547, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link-inner.active > a:hover, .sidebar-main-link-inner.active > a:active {
  color: #2aa7ff;
}

/* line 553, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link-inner.active.is-single {
  background-color: #2aa7ff;
}

/* line 556, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link-inner.active.is-single > a {
  color: #ffffff;
}

/* line 558, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-main-link-inner.active.is-single > a:hover, .sidebar-main-link-inner.active.is-single > a:active {
  color: #ffffff;
}

/* line 570, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
a.sidebar-link,
.sidebar-link > a {
  height: 24px;
  display: flex;
  align-items: center;
  flex: 1;
}

/* line 578, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-tooltip {
  display: none !important;
}

/* line 582, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-invite-link {
  margin: 35px 0 20px;
  padding: 11px 25px 11px 30px;
  border-width: 1px 0 1px;
  border-color: #d1d5db;
  border-style: solid;
}

/* line 589, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-invite-link:hover a,
.sidebar-invite-link .hi,
.sidebar-invite-link .is-first.is-last.is-complete .v-step-number-wrapper .step-number,
.is-first.is-last.is-complete .v-step-number-wrapper .sidebar-invite-link .step-number,
.sidebar-invite-link .vue-map-search:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-work_break_policy:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-job_site:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-team:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-task:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-timesheet:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-project:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-client:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-user:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-member:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-date:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-week:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-results__option.is-paid:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .sidebar-invite-link b:before,
.sidebar-invite-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-selection:before,
.sidebar-invite-link .search-filter:before,
.sidebar-invite-link .datepicker:before,
.sidebar-invite-link .hs_daterange_picker:before,
.sidebar-invite-link .toggling-dropdown > li.is-on > a:before,
.sidebar-invite-link .rounded-checkbox-wrapper input:checked + label:before,
.rounded-checkbox-wrapper .sidebar-invite-link input:checked + label:before,
.sidebar-invite-link .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove,
.select2-container--bootstrap.select2-container--bootstrap .sidebar-invite-link .select2-selection__choice__remove {
  color: #2aa7ff;
}

/* line 594, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-invite-link__text {
  font-weight: 500;
}

/* line 599, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.account-menu {
  width: 100%;
  border-top: 1px solid #d1d5db;
}

/* line 602, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.account-menu .dropdown-toggle {
  display: flex;
  align-items: center;
  color: #374151;
  font-size: 14px;
  padding: 15px 30px;
  position: relative;
  z-index: 557;
}

/* line 610, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.account-menu .dropdown-toggle:hover, .account-menu .dropdown-toggle:active, .account-menu .dropdown-toggle:focus {
  color: #2aa7ff;
}

/* line 617, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.account-menu .user-name {
  position: relative;
  margin-left: 5px;
  width: calc(100% - 32px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 624, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.account-menu .dropdown-menu {
  z-index: 1001;
  margin: 0 0 0 12px;
  width: 218px;
  max-height: calc(100vh - 55px);
  overflow: auto;
}

/* line 632, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.account-menu #switch_user_id {
  margin: 0 0 0 10px;
  max-width: calc(100% - 20px);
}

/* line 639, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.js-tablet-menu-trigger {
  content: '';
  cursor: pointer;
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 777;
}

/* line 653, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .sidebar-link,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .hi,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .is-first.is-last.is-complete .v-step-number-wrapper .step-number,
.is-first.is-last.is-complete .v-step-number-wrapper .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .step-number,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .vue-map-search:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-work_break_policy:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-job_site:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-team:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-task:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-timesheet:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-project:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-client:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-user:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-member:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-date:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-week:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-results__option.is-paid:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .js-tablet-menu-trigger:hover + .sidebar-main-link-inner b:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-selection:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .search-filter:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .datepicker:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .hs_daterange_picker:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .toggling-dropdown > li.is-on > a:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .rounded-checkbox-wrapper input:checked + label:before,
.rounded-checkbox-wrapper .js-tablet-menu-trigger:hover + .sidebar-main-link-inner input:checked + label:before,
.js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove,
.select2-container--bootstrap.select2-container--bootstrap .js-tablet-menu-trigger:hover + .sidebar-main-link-inner .select2-selection__choice__remove {
  color: #2aa7ff;
}

/* line 662, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.full-sidebar .content-wrapper {
  -moz-transform: translateZ(0) translateX(240px);
  -o-transform: translateZ(0) translateX(240px);
  -ms-transform: translateZ(0) translateX(240px);
  -webkit-transform: translateZ(0) translateX(240px);
  transform: translateZ(0) translateX(240px);
}

/* line 666, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.full-sidebar .main-wrapper {
  overflow: hidden;
}

/* line 670, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.full-sidebar .sidebar-wrapper {
  display: block;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
}

/* line 678, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.no-sidebar .sidebar-wrapper {
  display: none;
}

/* line 682, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.no-sidebar .hamburger-menu-wrapper {
  display: none;
}

/* line 686, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.no-sidebar .wizard-brand {
  display: inline-block;
  margin-left: 15px;
}

/* line 692, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-wrapper {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
}

/* line 696, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.sidebar-wrapper.has-sidebar-dropdown-triggered {
  overflow: visible;
}

/* line 702, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.touch .sidebar-wrapper.sidebar-wrapper {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
}

/* line 706, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.touch .sidebar-wrapper.sidebar-wrapper.has-sidebar-dropdown-triggered {
  overflow: visible;
}

/* line 712, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.js-tablet-size-sidebar-toggle,
.js-size-sidebar-toggle {
  display: none;
}

@media (min-width: 480px) {
  /* line 719, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .no-sidebar .container-fluid {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  /* line 727, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .content-wrapper {
    z-index: 664;
  }
  /* line 730, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-wrapper {
    z-index: 669;
    display: block;
  }
  /* line 735, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .content-wrapper {
    padding-left: 240px;
  }
  /* line 738, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .content-wrapper .container-fluid {
    padding: 30px 30px 0;
  }
  /* line 744, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .full-sidebar .content-wrapper {
    -moz-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
  }
  /* line 748, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .full-sidebar .main-wrapper {
    width: 100%;
  }
  /* line 753, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .no-sidebar .container-fluid {
    max-width: 1344px;
  }
  /* line 757, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .no-sidebar .wizard-brand {
    display: block;
  }
}

@media (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .content-wrapper {
    padding-left: 80px;
  }
  /* line 22, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-wrapper {
    width: 80px;
  }
  /* line 25, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link {
    padding: 0;
  }
  /* line 28, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link a {
    width: 100%;
  }
  /* line 31, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link a > span {
    padding: 0 25px 0 30px;
  }
  /* line 36, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .navbar {
    margin-left: -15px;
    margin-right: -15px;
  }
  /* line 40, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .nav-sidebar {
    width: 80px;
    height: 100%;
  }
  /* line 44, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-link-text,
.sidebar-collapsed .sidebar-nav-toggle,
.sidebar-collapsed .sidebar-subnav-wrapper.collapse {
    display: none;
  }
  /* line 50, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-section-title {
    padding: 0;
    text-align: center;
  }
  /* line 54, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-section-title a {
    display: none;
  }
  /* line 58, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-nav {
    text-align: center;
  }
  /* line 61, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-nav .sidebar-link > a {
    display: inline-flex;
    padding-left: 20px;
    text-align: left;
    margin: 11px 0;
  }
  /* line 68, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-subnav {
    padding: 0 16px;
  }
  /* line 73, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-subnav .sidebar-link.active a {
    background-color: #f3f4f6;
  }
  /* line 79, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .js-tablet-menu-trigger {
    display: block;
  }
  /* line 82, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link {
    margin: 0 auto;
    position: relative;
    text-align: center;
  }
  /* line 88, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link:hover > a {
    color: #2aa7ff;
  }
  /* line 93, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link.active {
    background-color: transparent;
  }
  /* line 96, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link.active > a {
    color: #ffffff;
    background-color: #2aa7ff;
  }
  /* line 99, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link.active > a:hover, .sidebar-collapsed .sidebar-main-link.active > a:active {
    color: #ffffff;
  }
  /* line 105, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link.active.is-single {
    background-color: transparent;
  }
  /* line 108, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link.active.is-single > a {
    color: #ffffff;
  }
  /* line 111, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link.active.is-single > a:hover, .sidebar-collapsed .sidebar-main-link.active.is-single > a:active {
    color: #ffffff;
  }
  /* line 119, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link.is-triggered {
    background-color: #d1d5db;
  }
  /* line 122, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link.is-triggered .sidebar-subnav-wrapper.collapse {
    display: block;
    margin: 0;
    position: absolute;
    min-width: 180px;
    background-color: #d1d5db;
    top: 0;
    left: 100%;
  }
  /* line 133, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-main-link > a {
    float: none !important;
    display: inline-block;
    text-align: center;
    padding: 0 9px;
    height: 35px;
    width: 36px;
    border-radius: 2px;
  }
  /* line 144, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-nav .sidebar-link {
    padding: 0;
    line-height: 1;
    min-height: 0;
    text-align: center;
  }
  /* line 150, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-nav .sidebar-link .hi, .sidebar-collapsed .sidebar-nav .sidebar-link .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .sidebar-collapsed .sidebar-nav .sidebar-link .step-number, .sidebar-collapsed .sidebar-nav .sidebar-link .vue-map-search:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-work_break_policy:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-job_site:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-team:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-task:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-timesheet:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-project:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-client:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-user:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-member:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-date:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-week:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-results__option.is-paid:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .sidebar-collapsed .sidebar-nav .sidebar-link b:before, .sidebar-collapsed .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-selection:before, .sidebar-collapsed .sidebar-nav .sidebar-link .search-filter:before, .sidebar-collapsed .sidebar-nav .sidebar-link .datepicker:before,
.sidebar-collapsed .sidebar-nav .sidebar-link .hs_daterange_picker:before, .sidebar-collapsed .sidebar-nav .sidebar-link .toggling-dropdown > li.is-on > a:before, .sidebar-collapsed .sidebar-nav .sidebar-link .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .sidebar-collapsed .sidebar-nav .sidebar-link input:checked + label:before, .sidebar-collapsed .sidebar-nav .sidebar-link .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .sidebar-collapsed .sidebar-nav .sidebar-link .select2-selection__choice__remove {
    margin-right: 0;
  }
  /* line 155, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .account-menu {
    margin-top: 0;
  }
  /* line 158, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .account-menu .dropdown-toggle {
    padding: 15px 13px;
  }
  /* line 162, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .account-menu .user-name {
    display: none;
  }
  /* line 167, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-tooltip {
    display: block !important;
  }
  /* line 171, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .has-sidebar-dropdown-triggered .nav-sidebar-content {
    overflow: visible;
  }
  /* line 176, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-collapsed .sidebar-tag-new {
    display: none;
  }
  /* line 767, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .js-size-sidebar-toggle {
    display: block;
  }
}

@media (min-width: 992px) {
  /* line 773, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .full-sidebar {
    width: 100%;
  }
  /* line 777, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .sidebar-wrapper {
    width: 240px;
  }
  /* line 781, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .nav-sidebar {
    width: 240px;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  /* line 19, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .content-wrapper {
    padding-left: 80px;
  }
  /* line 22, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-wrapper {
    width: 80px;
  }
  /* line 25, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link {
    padding: 0;
  }
  /* line 28, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link a {
    width: 100%;
  }
  /* line 31, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link a > span {
    padding: 0 25px 0 30px;
  }
  /* line 36, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .navbar {
    margin-left: -15px;
    margin-right: -15px;
  }
  /* line 40, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .nav-sidebar {
    width: 80px;
    height: 100%;
  }
  /* line 44, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-link-text,
body:not(.tablet-sidebar-expanded) .sidebar-nav-toggle,
body:not(.tablet-sidebar-expanded) .sidebar-subnav-wrapper.collapse {
    display: none;
  }
  /* line 50, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-section-title {
    padding: 0;
    text-align: center;
  }
  /* line 54, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-section-title a {
    display: none;
  }
  /* line 58, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-nav {
    text-align: center;
  }
  /* line 61, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link > a {
    display: inline-flex;
    padding-left: 20px;
    text-align: left;
    margin: 11px 0;
  }
  /* line 68, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-subnav {
    padding: 0 16px;
  }
  /* line 73, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-subnav .sidebar-link.active a {
    background-color: #f3f4f6;
  }
  /* line 79, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .js-tablet-menu-trigger {
    display: block;
  }
  /* line 82, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link {
    margin: 0 auto;
    position: relative;
    text-align: center;
  }
  /* line 88, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link:hover > a {
    color: #2aa7ff;
  }
  /* line 93, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link.active {
    background-color: transparent;
  }
  /* line 96, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link.active > a {
    color: #ffffff;
    background-color: #2aa7ff;
  }
  /* line 99, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link.active > a:hover, body:not(.tablet-sidebar-expanded) .sidebar-main-link.active > a:active {
    color: #ffffff;
  }
  /* line 105, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link.active.is-single {
    background-color: transparent;
  }
  /* line 108, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link.active.is-single > a {
    color: #ffffff;
  }
  /* line 111, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link.active.is-single > a:hover, body:not(.tablet-sidebar-expanded) .sidebar-main-link.active.is-single > a:active {
    color: #ffffff;
  }
  /* line 119, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link.is-triggered {
    background-color: #d1d5db;
  }
  /* line 122, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link.is-triggered .sidebar-subnav-wrapper.collapse {
    display: block;
    margin: 0;
    position: absolute;
    min-width: 180px;
    background-color: #d1d5db;
    top: 0;
    left: 100%;
  }
  /* line 133, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-main-link > a {
    float: none !important;
    display: inline-block;
    text-align: center;
    padding: 0 9px;
    height: 35px;
    width: 36px;
    border-radius: 2px;
  }
  /* line 144, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link {
    padding: 0;
    line-height: 1;
    min-height: 0;
    text-align: center;
  }
  /* line 150, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .hi, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .step-number, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .vue-map-search:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-work_break_policy:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-job_site:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-team:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-task:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-timesheet:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-project:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-client:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-user:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-member:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-date:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-week:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-results__option.is-paid:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link b:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-selection:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .search-filter:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .datepicker:before,
body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .hs_daterange_picker:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .toggling-dropdown > li.is-on > a:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link input:checked + label:before, body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap body:not(.tablet-sidebar-expanded) .sidebar-nav .sidebar-link .select2-selection__choice__remove {
    margin-right: 0;
  }
  /* line 155, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .account-menu {
    margin-top: 0;
  }
  /* line 158, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .account-menu .dropdown-toggle {
    padding: 15px 13px;
  }
  /* line 162, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .account-menu .user-name {
    display: none;
  }
  /* line 167, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-tooltip {
    display: block !important;
  }
  /* line 171, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .has-sidebar-dropdown-triggered .nav-sidebar-content {
    overflow: visible;
  }
  /* line 176, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .sidebar-tag-new {
    display: none;
  }
  /* line 790, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body:not(.tablet-sidebar-expanded) .top-bar {
    width: calc(100% - 80px);
    left: 80px;
  }
  /* line 795, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  .js-tablet-size-sidebar-toggle {
    display: block;
  }
  /* line 800, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
  body.tablet-sidebar-expanded .top-bar {
    width: calc(100% - 240px);
    left: 240px;
  }
}

/* line 807, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.popular-bolt-icon {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

/* line 812, app/assets/stylesheets/custom_bootstrap/_sidebar.scss */
.popular-bolt-icon i {
  background-color: #8b1dff;
  font-size: 1.2rem;
  border: 0.1rem solid transparent;
  border-radius: 0.3rem;
  color: #ffffff;
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  margin-right: 0.5rem;
}

/* line 2, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.StripeElement.focused {
  border-color: #2aa7ff !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(42, 167, 255, 0.6);
}

/* line 6, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.StripeElement.has-error, .has-error .StripeElement {
  border-color: #ec2323 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8b0b0;
}

/* line 12, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
#billing_card_number, #hubstaff_card_number {
  padding-left: 45px;
}

/* line 16, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.billing_card_number,
.hubstaff_card_number {
  position: relative;
  width: 100%;
}

/* line 22, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.billing_expires,
.hubstaff_expires {
  position: relative;
  margin-right: 10px;
  width: 50%;
}

/* line 29, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.date-cvc-wrapper {
  display: flex;
  flex: 1;
  align-items: flex-end;
  width: 100%;
  position: relative;
  top: -20px;
}

/* line 38, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.payment-error {
  color: #f05252;
  margin: -8px 0 15px;
}

/* line 43, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
#credit-card-icon-wrapper {
  width: 1.8em;
  position: relative;
  bottom: 0;
  left: 12px;
  top: -29px;
  height: 20px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
}

/* line 55, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.credit-card-icon {
  width: 100%;
  display: none;
}

/* line 60, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.billing_cvc,
.hubstaff_cvc {
  position: relative;
  width: 50%;
}

/* line 64, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.billing_cvc .hi-info,
.hubstaff_cvc .hi-info {
  display: none;
  position: absolute;
  bottom: 4px;
  right: 4px;
  z-index: 334;
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-unknown #credit-card-icon-wrapper {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/unknown-e69e2540d8c1b974e9b11cb415796c84eaa5be7742130438aabdeef9674fbda5.svg);
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-visa #credit-card-icon-wrapper {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/visa-f8c7067089f3fa490b0f198b613e1aabb801f64c45462f7180368c920d5cf47e.svg);
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-amex #credit-card-icon-wrapper {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/amex-0d364c319b4fc80e8dd51bbcfb37174f4405d51b9328238381b166bbac38e5cc.svg);
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-mastercard #credit-card-icon-wrapper {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/mastercard-3581b4c84cd09506e43feef338c215cddefcf5b899ba58a3101d9e688b8c51f2.svg);
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-discover #credit-card-icon-wrapper {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/discover-0066328d9e5d6613577a760fd0c7d4d3503dab898151a10a8fb37350131a2f3e.svg);
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-diners #credit-card-icon-wrapper {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/diners-7c8d4b80d716e5d2d775516d7bea4870403208e35d191ae71375c0376fae0a57.svg);
}

/* line 76, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-jcb #credit-card-icon-wrapper {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/jcb-37310a6bd62e54aae8de43c6a472b1197c72ad318c4f53d39c12e56e7db70701.svg);
}

/* line 83, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
#credit-card-data:not(.is-unknown):not(.is-amex) .hint-common {
  display: block;
}

/* line 89, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-unknown .hint-unknown {
  display: block;
}

/* line 94, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-focused-cvc {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/cvc-3300bfb53db87bf67624fa6ff8a81478b103d3bfe46cb9ced2df05e4bdf6e964.svg) !important;
}

/* line 99, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-amex .hint-amex {
  display: block;
}

/* line 102, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.is-amex .is-focused-cvc {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/cvc-amex-ca96f8d35a549549ec2a85491ad7ceb18e259297d9cfa1155fb5afb341c83ec9.svg) !important;
}

/* line 108, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
.has-error #credit-card-icon-wrapper, .has-error ~ #credit-card-icon-wrapper {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/creditcards/invalid-c1402c7747dfee06bcab3fdcd6dd8c847a8d2866b95d0b32ce44466790ad7389.svg);
}

@media (max-width: 768px) {
  /* line 114, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
  .date-cvc-wrapper {
    flex: auto;
  }
}

@media (min-width: 768px) {
  /* line 120, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
  .billing_card_number,
.hubstaff_card_number {
    margin-right: 10px;
    width: 50%;
  }
  /* line 125, app/assets/stylesheets/custom_bootstrap/_stripe-form.scss */
  .date-cvc-wrapper {
    width: 50%;
  }
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.app-table {
  position: relative;
  width: 100%;
}

/* line 6, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table {
  margin-top: 20px;
}

/* line 10, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table tbody tr.row-alt {
  background: #f3f4f6;
  filter: grayscale(1);
  opacity: 0.6;
}

/* line 18, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.table-hover > tbody > tr:hover {
  background-color: transparent;
}

/* line 21, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.table-hover > tbody > tr:hover > td {
  background-color: #f3f4f6;
}

/* line 26, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.table-hover .skip-hover:hover,
.table.table-hover tbody.thead tr:hover {
  background-color: inherit;
}

/* line 34, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.table-bordered tr td,
.table.table-bordered tr th {
  padding-left: 10px;
  padding-right: 10px;
}

/* line 46, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.has-actions > thead > tr > th:last-child {
  text-align: right;
}

/* line 57, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.has-actions > tbody > tr > td:last-child:not([colspan]) {
  text-align: right;
}

/* line 68, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.has-actions > tfoot > tr > td:last-child {
  text-align: right;
}

/* line 79, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.has-batch-actions td:first-child,
.table.has-batch-actions th:first-child {
  width: 40px;
}

/* line 87, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > thead > tr > th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ffffff;
  cursor: auto;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #e5e7eb;
  padding: 15px;
}

/* line 98, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > thead > tr > th.sortable {
  cursor: pointer;
}

/* line 101, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > thead > tr > th.sortable > .sort_link {
  color: #374151;
}

/* line 105, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > thead > tr > th.sortable > span {
  display: inline-flex;
  align-items: center;
}

/* line 109, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > thead > tr > th.sortable > span > i {
  font-size: 11px;
}

/* line 112, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > thead > tr > th.sortable > span > i.chevron-inactive {
  color: #9ca3af;
  opacity: 0;
  transition: all 0.1s linear;
}

/* line 119, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > thead > tr > th.sortable > span:hover > i.chevron-inactive {
  opacity: 1;
}

/* line 130, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > tbody > tr > td {
  padding: 15px;
  box-shadow: inset 0 1px 0 #e5e7eb;
  border-color: transparent;
  vertical-align: middle;
}

/* line 138, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > tbody > tr.no-border td {
  border: none;
  box-shadow: none;
}

/* line 148, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > tfoot > tr > td {
  padding: 15px;
}

/* line 152, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table > tfoot > tr > th {
  font-weight: 500;
  padding: 15px;
}

/* line 159, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table h5 {
  margin-bottom: 5px;
  font-weight: normal;
}

/* line 168, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-condensed > thead > tr > th {
  padding: 5px;
}

/* line 176, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-condensed > tbody > tr > td {
  padding: 5px;
}

/* line 184, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

/* line 195, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
  box-shadow: none;
}

/* line 205, app/assets/stylesheets/custom_bootstrap/_tables.scss */
table .avatar_speck,
table .avatar_initial {
  margin-right: 6px;
}

/* line 210, app/assets/stylesheets/custom_bootstrap/_tables.scss */
table .avatar-overlaps {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  border: 2px solid #ffffff;
}

/* line 217, app/assets/stylesheets/custom_bootstrap/_tables.scss */
table .avatar-overlaps + .avatar-overlaps {
  margin-left: -6px;
}

/* line 221, app/assets/stylesheets/custom_bootstrap/_tables.scss */
table .avatar-overlaps.avatar-speck {
  width: 27px;
  height: 27px;
}

/* line 226, app/assets/stylesheets/custom_bootstrap/_tables.scss */
table .avatar-overlaps.avatar-medium {
  width: 34px;
  height: 34px;
}

/* line 233, app/assets/stylesheets/custom_bootstrap/_tables.scss */
table .actions {
  text-align: right;
}

/* line 237, app/assets/stylesheets/custom_bootstrap/_tables.scss */
table .action {
  margin: 5px 9px;
}

/* line 241, app/assets/stylesheets/custom_bootstrap/_tables.scss */
table .action .fa-times {
  color: #f05252;
}

/* line 245, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-fixed {
  table-layout: fixed;
}

/* line 248, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-fixed .action {
  margin-top: 4px;
  margin-bottom: 4px;
}

/* line 254, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.loading-table {
  width: 100%;
  margin: 2rem 0;
}

/* line 259, app/assets/stylesheets/custom_bootstrap/_tables.scss */
tbody + tbody.loading-table-body {
  border-top: 0;
}

/* line 266, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.loading-table tr,
.loading-table-body tr {
  border-bottom: 1px solid #e5e7eb;
}

/* line 270, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.loading-table tbody tr:last-child,
.loading-table-body tbody tr:last-child {
  border: 0;
}

/* line 274, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.loading-table td,
.loading-table th,
.loading-table-body td,
.loading-table-body th {
  height: 65px;
  font-size: 0;
  color: transparent;
  position: relative;
}

/* line 281, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.loading-table td::before,
.loading-table th::before,
.loading-table-body td::before,
.loading-table-body th::before {
  display: inline-block;
  width: 70%;
  height: 1rem;
  position: relative;
  left: 0;
  content: '';
  border-radius: 8px;
  animation-name: table-loading-color;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

/* line 295, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.loading-table th,
.loading-table-body th {
  height: 50px;
}

/* line 298, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.loading-table th::before,
.loading-table-body th::before {
  width: 35%;
}

@keyframes table-loading-color {
  0% {
    background-color: #e5e7eb;
  }
  50% {
    background-color: #f3f4f6;
  }
  100% {
    background-color: #e5e7eb;
  }
}

/* line 319, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.modal .table {
  width: 100%;
}

/* line 324, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-actions-wrapper {
  display: flex;
}

/* line 327, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-actions-wrapper .table-actions-right {
  margin-left: auto;
}

/* line 332, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper {
  position: relative;
  z-index: 900;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex: 1 0 auto;
}

/* line 342, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.is-scrollable:after {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 11px;
  width: 10px;
  box-shadow: -5px 0px 2px -3px #e5e7eb;
  z-index: 33;
}

/* line 356, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.is-fully-scrolled:after {
  display: none;
}

/* line 362, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.is-scrolled:before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 11px;
  width: 10px;
  box-shadow: 5px 0 2px -3px #e5e7eb;
  z-index: 899;
}

/* line 375, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.is-scrolled.has-fixed-column:before {
  left: 210px;
  box-shadow: none;
}

/* line 381, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.is-scrolled.has-fixed-column .grouping-header th:first-child {
  -webkit-box-shadow: -20px 0 0 #ffffff;
  box-shadow: -20px 0 0 #ffffff;
  background-image: -webkit-linear-gradient(right, rgba(244, 246, 249, 0) 0, #e5e7eb 2%, #f3f4f6 2%, #f3f4f6 100%);
  background-image: linear-gradient(to left, rgba(244, 246, 249, 0) 0, #e5e7eb 2%, #f3f4f6 2%, #f3f4f6 100%);
}

/* line 395, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.is-scrolled.has-fixed-column td:first-child,
.table-wrapper.is-scrolled.has-fixed-column th:first-child {
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, #e5e7eb 2%, #ffffff 2%, #ffffff 100%);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #e5e7eb 2%, #ffffff 2%, #ffffff 100%);
}

/* line 404, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.is-scrolled.has-fixed-column .table-hover > tbody:not(.grouping-header):not(.thead) > tr:hover:not(.skip-hover) td:first-child,
.table-wrapper.is-scrolled.has-fixed-column .table-hover > tbody:not(.grouping-header):not(.thead) > tr:hover:not(.skip-hover) th:first-child {
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, #e5e7eb 2%, #f3f4f6 2%, #f3f4f6 100%);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #e5e7eb 2%, #f3f4f6 2%, #f3f4f6 100%);
}

/* line 425, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.has-fixed-column .table:not(.table-nested) .tbody:not(.grouping-header) td:first-child:not(.sticky-cell),
.table-wrapper.has-fixed-column .table:not(.table-nested) .tbody:not(.grouping-header) th:first-child:not(.sticky-cell) {
  min-width: 220px;
  min-height: 56px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: auto;
  background-color: white;
  z-index: 33;
}

/* line 437, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.has-fixed-column .table:not(.table-nested) .tbody.grouping-header td:first-child,
.table-wrapper.has-fixed-column .table:not(.table-nested) .tbody.grouping-header th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: auto;
  background-color: #f3f4f6;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 446, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.has-fixed-column .table:not(.table-nested) .tbody.thead th:first-child {
  z-index: 34;
}

/* line 458, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.has-fixed-column .table.virtual-reports-table .tbody.grouping-header td:first-child,
.table-wrapper.has-fixed-column .table.virtual-reports-table .tbody.grouping-header th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: auto;
  background-color: #f3f4f6;
}

/* line 469, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.has-fixed-column .grouping-header td:first-child,
.table-wrapper.has-fixed-column .grouping-header th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: auto;
  background-color: #f3f4f6;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 482, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper.has-fixed-column .table-hover > tbody:not(.grouping-header):not(.thead) > tr:hover:not(.skip-hover) td:first-child,
.table-wrapper.has-fixed-column .table-hover > tbody:not(.grouping-header):not(.thead) > tr:hover:not(.skip-hover) th:first-child {
  background-color: #f3f4f6;
}

/* line 490, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper .table {
  margin: 0;
}

/* line 493, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper .table td,
.table-wrapper .table th {
  white-space: nowrap;
}

/* line 499, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table-wrapper .scrollable {
  overflow-x: auto;
  min-height: 0.01%;
  width: 100%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

/* line 506, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.modal-open .table-wrapper .scrollable {
  overflow: hidden;
}

/* line 510, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.modal-dialog .table-wrapper .scrollable {
  overflow-x: auto;
  overflow-y: hidden;
}

/* line 517, app/assets/stylesheets/custom_bootstrap/_tables.scss */
td .ajax-action-spinner {
  margin-left: 5px;
  min-width: 16px;
}

@media (max-width: 480px) {
  /* line 527, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .table-wrapper .has-batch-actions td:first-child,
.table-wrapper .has-batch-actions th:first-child {
    display: none;
  }
  /* line 536, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .table-wrapper.has-fixed-column tbody:not(.grouping-header) th:first-child,
.table-wrapper.has-fixed-column tbody:not(.grouping-header) td:first-child {
    min-width: 150px;
    max-width: 150px;
  }
  /* line 544, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  #batch-actions.dropdown {
    display: none;
  }
}

@media (min-width: 576px) {
  /* line 550, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .avatar-col {
    width: 60px;
  }
  /* line 554, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .narrow-cell {
    width: 110px;
  }
  /* line 558, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .medium-cell {
    width: 145px;
  }
  /* line 562, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .narrow-actions-cell {
    width: 150px;
  }
}

/* line 569, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.table-sm-responsive thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 580, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.table-sm-responsive tr {
  display: block;
  border-bottom: 2px;
}

/* line 585, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.table-sm-responsive td {
  display: block;
  text-align: right;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.table.table-sm-responsive td:before, .table.table-sm-responsive td:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.table.table-sm-responsive td:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.table.table-sm-responsive td {
  *zoom: 1;
}

/* line 591, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.table-sm-responsive td::before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
}

@media (min-width: 576px) {
  /* line 598, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .table.table-sm-responsive tr {
    display: table-row;
  }
  /* line 602, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .table.table-sm-responsive td {
    display: table-cell;
    text-align: left;
  }
  /* line 607, app/assets/stylesheets/custom_bootstrap/_tables.scss */
  .table.table-sm-responsive td::before {
    content: '';
  }
}

/* line 616, app/assets/stylesheets/custom_bootstrap/_tables.scss */
.table.virtual-reports-table.table-nested.bg-transparent {
  background: transparent;
}

/* line 2, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.a-tooltip:not(.disabled):hover {
  cursor: pointer;
}

/* line 7, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.a-tooltip.not-allowed[disabled]:hover {
  cursor: not-allowed;
}

/* line 13, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.hi.hi-time-off.small, .is-first.is-last.is-complete .v-step-number-wrapper .hi-time-off.small.step-number, .hi-time-off.small.vue-map-search:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-time-off.small:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-selection:before, .hi-time-off.small.search-filter:before, .hi-time-off.small.datepicker:before,
.hi-time-off.small.hs_daterange_picker:before, .toggling-dropdown > li.is-on > a.hi-time-off.small:before, .rounded-checkbox-wrapper input:checked + label.hi-time-off.small:before, .select2-container--bootstrap.select2-container--bootstrap .hi-time-off.small.select2-selection__choice__remove {
  vertical-align: baseline;
  font-size: 11px;
}

/* line 18, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.tooltip, .vue-tooltip, .tooltip.top-start, .top-start.vue-tooltip {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* for IE 11 */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 575.98px) {
  /* line 18, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
  .tooltip, .vue-tooltip, .tooltip.top-start, .top-start.vue-tooltip {
    max-width: 170px;
  }
}

/* line 28, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.tooltip.top-start .tooltip-arrow, .top-start.vue-tooltip .tooltip-arrow {
  left: 50% !important;
}

/* line 33, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.tooltip.tooltip-text-left .tooltip-inner, .tooltip-text-left.vue-tooltip .tooltip-inner {
  text-align: left;
}

/* line 38, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.tooltip-inner {
  cursor: default !important;
}

/* line 39, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.tooltip-inner p {
  margin-bottom: 0px;
}

/* line 50, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.vue-tooltip .tooltip-inner {
  white-space: pre-line;
}

/* line 56, app/assets/stylesheets/custom_bootstrap/_tooltips.scss */
.budget-tooltip .tooltip-inner {
  max-width: unset;
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
.org-picker-org-menu-link {
  display: flex;
  align-items: baseline;
  padding: 8px 15px 8px;
  margin-top: 0;
}

/* line 7, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
.org-picker-org-menu-link.with-active-orgs {
  border-top: 1px solid #e5e7eb;
  padding: 12px 15px 8px;
}

/* line 12, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
.org-picker-org-menu-link .hi-right {
  font-size: 12px;
}

/* line 17, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
.topbar-trial-message {
  display: none;
  color: #8b1dff;
  margin-left: 32px;
  white-space: nowrap;
}

/* line 22, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
.topbar-trial-message .btn, .topbar-trial-message .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .topbar-trial-message .nav-item {
  margin-left: 6px;
  margin-right: 6px;
}

@media (min-width: 460px) {
  /* line 17, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
  .topbar-trial-message {
    display: block;
  }
}

@media (max-width: 1100px) {
  /* line 30, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
  .topbar-trial-message small {
    display: none;
  }
}

@media (max-width: 767.98px) {
  /* line 17, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
  .topbar-trial-message {
    margin-left: 10px;
  }
}

/* line 38, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
.unpaid-invoices .description {
  margin-left: 20px;
  color: #f05252;
}

/* line 43, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
.unpaid-invoices .cta-button {
  margin-left: 10px;
}

@media (max-width: 842px) {
  /* line 49, app/assets/stylesheets/custom_bootstrap/_topbar.scss */
  .unpaid-invoices {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/custom_bootstrap/_typography.scss */
.page-heading {
  font-size: 28px;
  color: #374151;
  font-weight: 300;
  margin: 0 0 20px 0;
}

/* line 6, app/assets/stylesheets/custom_bootstrap/_typography.scss */
.page-header-wrapper .page-heading {
  margin-bottom: 0;
}

/* line 9, app/assets/stylesheets/custom_bootstrap/_typography.scss */
.page-heading .sub-heading {
  color: #6b7280;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

/* line 16, app/assets/stylesheets/custom_bootstrap/_typography.scss */
.whitespace-pre {
  white-space: pre;
}

/* line 17, app/assets/stylesheets/custom_bootstrap/_typography.scss */
.align-text-top {
  vertical-align: text-top;
}

/* line 18, app/assets/stylesheets/custom_bootstrap/_typography.scss */
.font-thin {
  font-weight: 100;
}

/* line 19, app/assets/stylesheets/custom_bootstrap/_typography.scss */
.align-baseline {
  vertical-align: baseline;
}

/* line 1, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_auth-2.2.1/app/assets/stylesheets/hubstaff_auth/_avatar.scss */
.avatar {
  border-radius: 50%;
  margin-right: 5px;
}

/* line 4, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_auth-2.2.1/app/assets/stylesheets/hubstaff_auth/_avatar.scss */
.avatar.avatar-speck {
  width: 25px;
  height: 25px;
}

/* line 8, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_auth-2.2.1/app/assets/stylesheets/hubstaff_auth/_avatar.scss */
.avatar.avatar-medium {
  width: 32px;
  height: 32px;
}

/* line 12, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_auth-2.2.1/app/assets/stylesheets/hubstaff_auth/_avatar.scss */
.avatar.avatar-thumb {
  width: 50px;
  height: 50px;
}

/* line 16, ../usr/local/bundle/ruby/3.3.0/gems/hubstaff_auth-2.2.1/app/assets/stylesheets/hubstaff_auth/_avatar.scss */
.avatar.avatar-normal {
  width: 150px;
  height: 150px;
}

/* line 1, app/assets/stylesheets/avatar.scss */
.avatar {
  max-width: none;
  box-sizing: border-box;
}

/* line 5, app/assets/stylesheets/avatar.scss */
.avatar.avatar-overlaps {
  display: inline-block;
  margin-right: 0;
  border: 2px solid #ffffff;
}

/* line 10, app/assets/stylesheets/avatar.scss */
.avatar.avatar-overlaps + .avatar-overlaps {
  margin-left: -6px;
}

/* line 14, app/assets/stylesheets/avatar.scss */
.avatar.avatar-overlaps.avatar-speck {
  width: 25px;
  height: 25px;
}

/* line 19, app/assets/stylesheets/avatar.scss */
.avatar.avatar-overlaps.avatar-medium {
  width: 32px;
  height: 32px;
}

/* line 27, app/assets/stylesheets/avatar.scss */
.avatar-container + .avatar-container {
  margin-left: -6px;
}

/* line 31, app/assets/stylesheets/avatar.scss */
.avatar-container .avatar-overlaps {
  margin-left: 0;
}

/* line 36, app/assets/stylesheets/avatar.scss */
.avatar-label {
  display: inline-flex;
  align-items: center;
  border-radius: 20px;
  background-color: #f3f4f6;
  padding-right: 16px;
}

/* line 43, app/assets/stylesheets/avatar.scss */
.avatar-label img {
  margin-right: 8px;
}

/* line 48, app/assets/stylesheets/avatar.scss */
.avatars-wrapper {
  margin-top: 8px;
}

/* line 52, app/assets/stylesheets/avatar.scss */
.avatar-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* line 1, app/assets/stylesheets/user_status.scss */
.user-status {
  position: relative;
}

/* line 6, app/assets/stylesheets/user_status.scss */
.user-status.is-online:after {
  background-color: #31c48d;
}

/* line 11, app/assets/stylesheets/user_status.scss */
.user-status:after {
  content: "";
  display: block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 2px solid #ffffff;
  background-color: #e5e7eb;
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 26, app/assets/stylesheets/user_status.scss */
.user-status--speck:after {
  width: 12px;
  height: 12px;
  left: 19px;
}

/* line 1, app/assets/stylesheets/batch_actions.scss */
#batch_actions_wrapper {
  z-index: 668;
  position: fixed;
  bottom: 20px;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  -webkit-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  border-radius: 3px;
  background-color: #ffffff;
  height: 70px;
  width: 560px;
  max-width: 100%;
  padding: 26px 30px;
  -moz-transform: translateZ(0) translateY(200px);
  -o-transform: translateZ(0) translateY(200px);
  -ms-transform: translateZ(0) translateY(200px);
  -webkit-transform: translateZ(0) translateY(200px);
  transform: translateZ(0) translateY(200px);
}

/* line 16, app/assets/stylesheets/batch_actions.scss */
#batch_actions_wrapper.in {
  -moz-transform: translateZ(0) translateY(0);
  -o-transform: translateZ(0) translateY(0);
  -ms-transform: translateZ(0) translateY(0);
  -webkit-transform: translateZ(0) translateY(0);
  transform: translateZ(0) translateY(0);
}

/* line 21, app/assets/stylesheets/batch_actions.scss */
.activities-list #batch_actions_wrapper {
  z-index: 1066;
}

/* line 28, app/assets/stylesheets/batch_actions.scss */
.batch-actions-container .batch-action.disabled, .batch-actions-container .batch-action-dialog.disabled {
  color: #9ca3af;
  cursor: not-allowed;
}

@media (min-width: 576px) {
  /* line 36, app/assets/stylesheets/batch_actions.scss */
  #batch_actions_wrapper {
    left: 50%;
    margin-left: -280px;
  }
}

/* line 42, app/assets/stylesheets/batch_actions.scss */
.batch-actions-row {
  min-height: 40px;
}

/* line 1, app/assets/stylesheets/roles.scss */
i.role-spinner {
  display: inline-block;
  margin-left: 10px;
  margin-top: 7px;
}

/* line 3, app/assets/stylesheets/filters.scss */
.basic-filters {
  margin-bottom: 20px;
}

/* line 5, app/assets/stylesheets/filters.scss */
.basic-filters .without-label {
  margin-top: 20px;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.basic-filters .without-label:before, .basic-filters .without-label:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.basic-filters .without-label:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.basic-filters .without-label {
  *zoom: 1;
}

/* line 11, app/assets/stylesheets/filters.scss */
.basic-filters.sidebar a {
  margin-right: 0;
}

/* line 16, app/assets/stylesheets/filters.scss */
.basic-filters a {
  float: left;
  margin-right: 10px;
}

/* line 19, app/assets/stylesheets/filters.scss */
.basic-filters a:last-child, .basic-filters a.is-last {
  margin-right: 0;
}

/* line 24, app/assets/stylesheets/filters.scss */
.basic-filters .hi, .basic-filters .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .basic-filters .step-number, .basic-filters .vue-map-search:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-work_break_policy:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-job_site:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-team:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-task:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-timesheet:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-project:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-client:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-user:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-member:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-date:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-week:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-results__option.is-paid:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .basic-filters b:before, .basic-filters .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-selection:before, .basic-filters .search-filter:before, .basic-filters .datepicker:before,
.basic-filters .hs_daterange_picker:before, .basic-filters .toggling-dropdown > li.is-on > a:before, .basic-filters .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .basic-filters input:checked + label:before, .basic-filters .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .basic-filters .select2-selection__choice__remove {
  vertical-align: middle;
}

/* line 28, app/assets/stylesheets/filters.scss */
.basic-filters .next,
.basic-filters .prev {
  color: #6b7280;
}

/* line 32, app/assets/stylesheets/filters.scss */
.basic-filters label {
  display: flex;
  font-size: 11px;
  text-transform: uppercase;
  color: #6b7280;
}

/* line 40, app/assets/stylesheets/filters.scss */
.basic-filters .date {
  font-size: 18px;
  font-weight: bold;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
  margin-top: 10px;
}

/* line 49, app/assets/stylesheets/filters.scss */
.basic-filters .time_zone {
  color: #6b7280;
  margin-right: 26px;
  vertical-align: middle;
  display: inline-block;
  margin-top: 10px;
}

/* line 56, app/assets/stylesheets/filters.scss */
.basic-filters .time_zone label {
  color: #1f2937;
  display: inline;
  padding: 0 1ex;
}

/* line 64, app/assets/stylesheets/filters.scss */
.basic-filters .btn-group .btn, .basic-filters .btn-group .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .basic-filters .btn-group .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  min-height: 40px;
}

/* line 74, app/assets/stylesheets/filters.scss */
.actions-layout {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 1.5rem;
}

/* line 80, app/assets/stylesheets/filters.scss */
.actions-layout .search-wrapper {
  flex-grow: 1;
  max-width: 35rem;
  margin-bottom: 0;
}

/* line 86, app/assets/stylesheets/filters.scss */
.actions-layout .actions-buttons {
  display: flex;
  justify-content: end;
  flex: 1;
  gap: 1.5rem;
}

@media only screen and (max-width: 380px) {
  /* line 86, app/assets/stylesheets/filters.scss */
  .actions-layout .actions-buttons {
    flex-wrap: wrap;
  }
  /* line 95, app/assets/stylesheets/filters.scss */
  .actions-layout .actions-buttons > div {
    flex-grow: 1;
  }
  /* line 99, app/assets/stylesheets/filters.scss */
  .actions-layout .actions-buttons a {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  /* line 74, app/assets/stylesheets/filters.scss */
  .actions-layout {
    flex-direction: column;
  }
  /* line 108, app/assets/stylesheets/filters.scss */
  .actions-layout .search-wrapper {
    max-width: unset;
  }
}

/* line 115, app/assets/stylesheets/filters.scss */
.job-sites-rules-wrapper .basic-filters label {
  font-size: 12px;
  font-weight: 400;
}

/* line 119, app/assets/stylesheets/filters.scss */
.job-sites-rules-wrapper .select-all {
  font-size: 12px;
}

/* line 124, app/assets/stylesheets/filters.scss */
.filter-select {
  float: right;
  margin-left: 20px;
}

/* line 127, app/assets/stylesheets/filters.scss */
.filter-select:last-child {
  margin-left: 0;
}

/* line 130, app/assets/stylesheets/filters.scss */
.filter-select .select2-container--bootstrap.select2-container--bootstrap {
  max-width: 165px;
}

/* line 136, app/assets/stylesheets/filters.scss */
#new-holiday-form .datepicker:before {
  left: 160px;
  background-image: none;
}

@media (max-width: 768px) {
  /* line 142, app/assets/stylesheets/filters.scss */
  #datepicker {
    margin-right: 0;
  }
}

/* line 148, app/assets/stylesheets/filters.scss */
.datepicker,
.hs_daterange_picker {
  display: inline-block;
  position: relative;
  font-size: 16px;
  min-width: 160px;
}

/* line 154, app/assets/stylesheets/filters.scss */
.datepicker:after,
.hs_daterange_picker:after {
  display: none;
}

/* line 157, app/assets/stylesheets/filters.scss */
.datepicker:before,
.hs_daterange_picker:before {
  z-index: 557;
  color: #2aa7ff;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
  margin-right: 10px;
  padding-left: 10px;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #ffffff 15%, #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), #ffffff 15%, #ffffff);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), #ffffff 15%, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33FFFFFF', endColorstr='#FFFFFFFF', GradientType=1);
  background-repeat: no-repeat;
  pointer-events: none;
}

/* line 171, app/assets/stylesheets/filters.scss */
.datepicker .form-control,
.hs_daterange_picker .form-control {
  cursor: pointer;
}

/* line 173, app/assets/stylesheets/filters.scss */
.datepicker .form-control:focus,
.hs_daterange_picker .form-control:focus {
  cursor: pointer;
}

/* line 177, app/assets/stylesheets/filters.scss */
#weekpicker.datepicker,
#weekpicker.hs_daterange_picker {
  display: block;
  width: 100%;
}

/* line 181, app/assets/stylesheets/filters.scss */
#daterangepicker.datepicker,
#daterangepicker.hs_daterange_picker {
  display: block;
  width: 100%;
}

/* line 187, app/assets/stylesheets/filters.scss */
.datepicker.weekly-range-input {
  min-width: 290px;
}

/* line 193, app/assets/stylesheets/filters.scss */
.vue-app-date-picker.disabled * {
  opacity: 0.6;
  cursor: not-allowed !important;
}

/* line 201, app/assets/stylesheets/filters.scss */
.advanced-filters input[type='submit'] {
  margin-top: 4px;
}

/* line 205, app/assets/stylesheets/filters.scss */
.advanced-filters .select2-container {
  width: 100% !important;
  margin-top: 4px;
}

/* line 210, app/assets/stylesheets/filters.scss */
.advanced-filters .without-label {
  margin-top: 25px;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.advanced-filters .without-label:before, .advanced-filters .without-label:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.advanced-filters .without-label:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.advanced-filters .without-label {
  *zoom: 1;
}

/* line 216, app/assets/stylesheets/filters.scss */
.attributes-row {
  display: flex;
  align-items: baseline;
}

/* line 221, app/assets/stylesheets/filters.scss */
.attribute {
  float: left;
  margin-right: 20px;
}

/* line 226, app/assets/stylesheets/filters.scss */
.search-filter {
  position: relative;
}

/* line 228, app/assets/stylesheets/filters.scss */
.search-filter:before {
  z-index: 557;
  color: #6b7280;
  position: absolute;
  left: 12px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 238, app/assets/stylesheets/filters.scss */
.search-filter .form-control {
  padding-left: 36px;
}

@media (max-width: 991px) {
  /* line 244, app/assets/stylesheets/filters.scss */
  .attributes-row {
    flex-direction: column;
  }
  /* line 247, app/assets/stylesheets/filters.scss */
  .attribute {
    margin-right: 10px;
  }
}

@media (max-width: 480px) {
  /* line 253, app/assets/stylesheets/filters.scss */
  .attribute {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media (min-width: 768px) {
  /* line 260, app/assets/stylesheets/filters.scss */
  .datepicker-single {
    max-width: 180px;
  }
}

/* line 1, app/assets/stylesheets/meta.scss */
.page-meta .actions {
  margin: 15px 0 10px;
}

/* line 3, app/assets/stylesheets/meta.scss */
.page-meta .actions a {
  margin-right: 22px;
  white-space: nowrap;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
}

/* line 7, app/assets/stylesheets/meta.scss */
.page-meta .actions a:last-child {
  margin-right: 0;
}

/* line 14, app/assets/stylesheets/meta.scss */
.page-meta .actions a.muted {
  color: #9ca3af;
}

/* line 19, app/assets/stylesheets/meta.scss */
.meta-attribute {
  color: #6b7280;
  display: inline;
  font-size: 12px;
}

/* line 24, app/assets/stylesheets/meta.scss */
.meta-attribute.to-dos {
  color: #2aa7ff;
  font-weight: 500;
}

/* line 28, app/assets/stylesheets/meta.scss */
.meta-attribute.to-dos:hover {
  color: #2aa7ff;
}

/* line 34, app/assets/stylesheets/meta.scss */
.meta-attribute-value {
  display: inline;
  font-size: 12px;
  margin-left: 5px;
}

@media (max-width: 480px) {
  /* line 42, app/assets/stylesheets/meta.scss */
  .page-meta .actions a {
    white-space: nowrap;
    margin: 6px 20px 6px 0;
    display: inline-block;
  }
}

/* line 1, app/assets/stylesheets/videos.scss */
.video {
  position: relative;
}

/* line 4, app/assets/stylesheets/videos.scss */
.video .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/videos.scss */
.video .video-overlay span.play {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: 100px;
  line-height: 100px;
  height: 100px;
  color: #d1d5db;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.80;
}

/* line 12, app/assets/stylesheets/videos.scss */
.video .video-overlay span.play:before {
  content: "\f144";
}

/* line 31, app/assets/stylesheets/videos.scss */
.video .video-overlay span.play:hover {
  opacity: 0.90;
}

/* line 38, app/assets/stylesheets/videos.scss */
.video.thumbnail {
  background-color: #1f2937;
  border-radius: 4px;
  padding: 8px;
}

/* line 44, app/assets/stylesheets/videos.scss */
.video-label {
  text-align: center;
  color: #6b7280;
  font-size: 12px;
  font-weight: bold;
}

/* line 60, app/assets/stylesheets/videos.scss */
.video-modal-4-3 {
  width: 800px;
  margin-left: -400px;
  margin-top: -313.5px;
}

/* line 64, app/assets/stylesheets/videos.scss */
.video-modal-4-3 .modal-body, .video-modal-4-3 .modal-body-centered {
  padding: 10px;
  max-height: 605px;
}

/* line 67, app/assets/stylesheets/videos.scss */
.video-modal-4-3 .modal-body iframe, .video-modal-4-3 .modal-body-centered iframe {
  width: 780px;
  height: 585px;
}

/* line 79, app/assets/stylesheets/videos.scss */
.video-modal-16-9 {
  width: 731.1111111111px;
  margin-left: -365.5555555556px;
}

/* line 82, app/assets/stylesheets/videos.scss */
.video-modal-16-9 .modal-body, .video-modal-16-9 .modal-body-centered {
  padding: 10px;
  max-height: 420px;
}

/* line 85, app/assets/stylesheets/videos.scss */
.video-modal-16-9 .modal-body iframe, .video-modal-16-9 .modal-body-centered iframe {
  width: 711.1111111111px;
  height: 400px;
}

/* line 97, app/assets/stylesheets/videos.scss */
.intro-video-modal {
  width: 731.1111111111px;
  margin-left: -365.5555555556px;
}

/* line 100, app/assets/stylesheets/videos.scss */
.intro-video-modal .modal-body, .intro-video-modal .modal-body-centered {
  padding: 10px;
  max-height: 480px;
}

/* line 104, app/assets/stylesheets/videos.scss */
.intro-video-modal .modal-body iframe, .intro-video-modal .modal-body-centered iframe {
  width: 711.1111111111px;
  height: 400px;
}

/* line 109, app/assets/stylesheets/videos.scss */
.intro-video-modal .modal-body p, .intro-video-modal .modal-body-centered p {
  font-size: 16px;
  margin-top: 10px;
}

/* line 25, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-grid {
  border-bottom: 1px #e5e7eb solid;
}

/* line 29, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-toolbar {
  margin: 0;
}

/* line 33, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-resource-area.fc-widget-header {
  font-weight: 700;
}

/* line 36, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-resource-area.fc-widget-content {
  border: none;
}

/* line 39, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-resource-area .fc-cell-content {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}

/* line 46, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-resource-area .fc-expander-space {
  display: none;
}

/* line 51, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-time-area td.fc-widget-header {
  border-right: 1px solid #e5e7eb;
}

/* line 53, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-time-area td.fc-widget-header.fc-today {
  border-left: 1px solid #e5e7eb;
}

/* line 57, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-time-area.fc-widget-content {
  border-color: transparent;
}

/* line 64, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-widget-content .fc-rows tr:last-child td.fc-widget-content {
  border-color: transparent;
}

/* line 71, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-today,
.hs-full-calendar .fc-day-header.active {
  background-color: #f3f4f6;
}

/* line 76, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .unscheduled-toggle-wrapper {
  flex-wrap: wrap;
  margin-bottom: -5px;
}

/* line 80, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .unscheduled-toggle-wrapper .toggle-switch-label {
  font-weight: 400;
  font-size: 13px;
  margin: 0 10px 5px 0;
}

/* line 85, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .unscheduled-toggle-wrapper .toggle-switch-label + .toggle-switch {
  margin: 0 0 5px 0;
}

/* line 91, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-header {
  text-align: center;
  position: relative;
}

@media (min-width: 576px) {
  /* line 91, app/assets/stylesheets/full_calendar.scss */
  .hs-full-calendar .fc-day-header {
    padding: 0 25px;
  }
}

/* line 100, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-header {
  text-align: center;
  position: relative;
}

@media (min-width: 576px) {
  /* line 100, app/assets/stylesheets/full_calendar.scss */
  .hs-full-calendar .fc-day-header {
    padding: 0 15px;
  }
}

/* line 109, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-widget-header {
  border-top-color: transparent;
  position: relative;
}

/* line 113, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-widget-header:first-child {
  border-left-color: transparent;
}

/* line 116, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-widget-header:last-child {
  border-right-color: transparent;
}

/* line 120, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-widget-header .fc-widget-header:first-child {
  border-left-color: transparent;
}

/* line 126, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timeline-event {
  border-radius: 6px;
}

/* line 130, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-event {
  margin: 2px 2px 0;
}

/* line 132, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-event .fc-bg {
  opacity: 1;
  background-color: transparent;
}

/* line 136, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-event .fc-title {
  padding-left: 0;
  margin-left: 0;
}

/* line 139, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-event .fc-title:before {
  display: none;
}

/* line 149, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift.not-started .fc-shift-status:before {
  background-color: #374151 !important;
}

/* line 149, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift.missed .fc-shift-status:before {
  background-color: #f05252 !important;
}

/* line 149, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift.scheduled .fc-shift-status:before {
  background-color: #7f3cf2 !important;
}

/* line 149, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift.early .fc-shift-status:before {
  background-color: #2aa7ff !important;
}

/* line 149, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift.late .fc-shift-status:before {
  background-color: #ff9725 !important;
}

/* line 149, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift.on-time .fc-shift-status:before {
  background-color: #31c48d !important;
}

/* line 149, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift.abandoned .fc-shift-status:before {
  background-color: #c81e1e !important;
}

/* line 157, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift-status {
  font-weight: 400;
}

/* line 159, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift-status:not(:empty) {
  font-size: 11px;
  display: inline-block;
  margin-left: 8px;
}

/* line 163, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-shift-status:not(:empty):before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
}

/* line 175, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timeoff-request.is-not-approved, .hs-full-calendar .fc-timeoff-request.is-not-approved > td {
  background-color: #ffffff !important;
  color: #374151 !important;
  border: 1px solid #ff9725 !important;
}

/* line 183, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-time-range {
  font-size: 11px;
  margin-top: 3px;
  min-height: 14px;
}

/* line 193, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid .fc-row,
.hs-full-calendar .fc-week-view .fc-daygrid-body .fc-row,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid .fc-row,
.hs-full-calendar .fc-timeGridWeek-view .fc-daygrid-body .fc-row {
  min-height: 0;
  border-color: transparent;
}

/* line 197, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid .fc-content-skeleton,
.hs-full-calendar .fc-week-view .fc-daygrid-body .fc-content-skeleton,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid .fc-content-skeleton,
.hs-full-calendar .fc-timeGridWeek-view .fc-daygrid-body .fc-content-skeleton {
  padding-bottom: 0;
}

/* line 200, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid .fc-event,
.hs-full-calendar .fc-week-view .fc-daygrid-body .fc-event,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid .fc-event,
.hs-full-calendar .fc-timeGridWeek-view .fc-daygrid-body .fc-event {
  margin-bottom: 2px;
}

/* line 204, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-head-container,
.hs-full-calendar .fc-timeGridWeek-view .fc-head-container {
  border-bottom: none;
}

/* line 209, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-body > tr > .fc-widget-content,
.hs-full-calendar .fc-timeGridWeek-view .fc-body > tr > .fc-widget-content {
  border: 0;
}

/* line 214, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-divider,
.hs-full-calendar .fc-timeGridWeek-view .fc-divider {
  padding: 0;
  border: 0;
}

/* line 218, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-time.fc-axis,
.hs-full-calendar .fc-timeGridWeek-view .fc-time.fc-axis {
  border: 0;
}

/* line 221, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-bg .fc-axis,
.hs-full-calendar .fc-week-view .fc-mon.fc-widget-content,
.hs-full-calendar .fc-timeGridWeek-view .fc-bg .fc-axis,
.hs-full-calendar .fc-timeGridWeek-view .fc-mon.fc-widget-content {
  border: 0;
}

/* line 225, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-axis.fc-widget-header,
.hs-full-calendar .fc-timeGridWeek-view .fc-axis.fc-widget-header {
  width: 34px;
}

/* line 230, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-slats .fc-widget-content,
.hs-full-calendar .fc-timeGridWeek-view .fc-slats .fc-widget-content {
  border-left: 0;
}

/* line 233, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-slats .fc-minor td,
.hs-full-calendar .fc-timeGridWeek-view .fc-slats .fc-minor td {
  border: 0;
}

/* line 237, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid-event,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid-event {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 16px;
}

/* line 242, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid-event.fc-not-start,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid-event.fc-not-start {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 246, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid-event.fc-not-end,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid-event.fc-not-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 250, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid-event .fc-content,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid-event .fc-content {
  padding: 0;
  line-height: 1;
  display: flex;
  align-items: center;
}

/* line 256, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid-event .fc-title,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid-event .fc-title {
  font-size: 12px;
}

/* line 259, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-day-grid-event .avatar,
.hs-full-calendar .fc-timeGridWeek-view .fc-day-grid-event .avatar {
  width: 16px;
  height: 16px;
}

/* line 265, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-content-col .fc-time-grid-event,
.hs-full-calendar .fc-timeGridWeek-view .fc-content-col .fc-time-grid-event {
  border-color: #ffffff !important;
}

/* line 268, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-content-col .fc-content,
.hs-full-calendar .fc-timeGridWeek-view .fc-content-col .fc-content {
  white-space: nowrap;
}

/* line 271, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .fc-content-col .fc-title,
.hs-full-calendar .fc-timeGridWeek-view .fc-content-col .fc-title {
  display: inline-block;
}

/* line 275, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-week-view .event-duration,
.hs-full-calendar .fc-timeGridWeek-view .event-duration {
  font-size: 11px;
  margin-left: auto;
}

/* line 281, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view {
  border: none;
}

/* line 283, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-list-table {
  border-collapse: separate;
  border-spacing: 0 4px;
}

/* line 288, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-list-heading:not(:first-child) .fc-widget-header {
  padding-top: 25px;
}

/* line 292, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-widget-header {
  font-size: 24px;
  border: none;
  background-color: transparent;
  font-weight: normal;
}

/* line 300, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-list-item td {
  border: none;
  border-radius: 6px;
}

/* line 305, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-day-event-wrapper {
  display: flex;
}

/* line 309, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-day-event-content {
  font-weight: 500;
}

/* line 313, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-day-event-member {
  font-size: 12px;
  font-weight: 400;
}

/* line 318, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-day-event-time {
  margin-left: auto;
  text-align: right;
}

/* line 323, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-day-event-time {
  font-size: 12px;
  font-weight: 500;
}

/* line 328, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-time-range {
  font-size: 11px;
  font-weight: 400;
}

/* line 333, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-day-event-more-members {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  min-width: 25px;
  border-radius: 25px;
  background-color: transparent;
  border: 1px solid #ffffff;
  font-size: 10px;
  font-weight: 700;
  margin-left: 5px;
  margin-right: 10px;
}

/* line 348, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-title {
  padding-left: 0;
  margin-left: 0;
}

/* line 351, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-view .fc-title:before {
  display: none;
}

/* line 357, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-helper {
  background-color: #5850ec;
}

/* line 359, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-helper.fc-past {
  background-color: #cddbfe;
}

/* line 362, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-helper .avatar {
  display: none;
}

/* line 368, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date {
  display: flex;
  padding: 17px 5px;
  justify-content: center;
}

@media (min-width: 1200px) {
  /* line 368, app/assets/stylesheets/full_calendar.scss */
  .scheduler-heading-date {
    padding: 0 15px;
  }
}

/* line 377, app/assets/stylesheets/full_calendar.scss */
.fc-today .scheduler-heading-date, .fc-day-header.active .scheduler-heading-date {
  color: #2f8af4;
}

/* line 381, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date-day-of-month {
  font-size: 38px;
  line-height: 1;
  margin-right: 8px;
  font-weight: 400;
}

@media (min-width: 992px) {
  /* line 381, app/assets/stylesheets/full_calendar.scss */
  .scheduler-heading-date-day-of-month {
    font-size: 48px;
  }
}

/* line 391, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date-day-of-week {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-top: 5px;
  text-transform: uppercase;
}

/* line 398, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date-month-name {
  font-size: 12px;
  color: #9ca3af;
  line-height: 1;
  margin-bottom: 5px;
}

/* line 404, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date .day-month-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  /* line 404, app/assets/stylesheets/full_calendar.scss */
  .scheduler-heading-date .day-month-wrapper {
    position: static;
    height: auto;
  }
}

/* line 422, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date {
  display: flex;
  padding: 0 15px;
}

/* line 425, app/assets/stylesheets/full_calendar.scss */
.fc-today .scheduler-heading-date, .fc-day-header.active .scheduler-heading-date {
  color: #2f8af4;
}

/* line 429, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date-day-of-month {
  font-size: 38px;
  line-height: 1;
  margin-right: 8px;
  font-weight: 400;
}

@media (min-width: 1200px) {
  /* line 429, app/assets/stylesheets/full_calendar.scss */
  .scheduler-heading-date-day-of-month {
    font-size: 48px;
  }
}

/* line 439, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date-day-of-week {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-top: 5px;
  text-transform: uppercase;
}

/* line 446, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date-month-name {
  font-size: 12px;
  color: #9ca3af;
  line-height: 1;
  margin-bottom: 5px;
}

/* line 452, app/assets/stylesheets/full_calendar.scss */
.scheduler-heading-date .day-month-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 1200px) {
  /* line 452, app/assets/stylesheets/full_calendar.scss */
  .scheduler-heading-date .day-month-wrapper {
    position: static;
    height: auto;
  }
}

/* line 470, app/assets/stylesheets/full_calendar.scss */
.fc-time-grid-container {
  min-height: 300px;
}

@media (min-width: 1200px) {
  /* line 476, app/assets/stylesheets/full_calendar.scss */
  .vue-time-entries-weekly .scheduler-heading-date-day-of-month .scheduler-heading-date-month-name,
.vue-time-entries-calendar .scheduler-heading-date-day-of-month .scheduler-heading-date-month-name {
    padding-top: 10px !important;
  }
}

/* line 485, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-time-grid-event:not(.fc-all-day):hover,
#timesheets-calendar .fc-time-grid-event:not(.fc-all-day):hover {
  width: inherit;
  min-width: max-content;
  z-index: 9 !important;
  min-height: 0px;
  padding-bottom: 8px;
}

/* line 492, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-content,
.vue-time-entries-calendar .fc-event-popover-trigger,
#timesheets-calendar .fc-content,
#timesheets-calendar .fc-event-popover-trigger {
  height: 100%;
}

/* line 496, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-all-day,
#timesheets-calendar .fc-all-day {
  color: #374151;
  border: none !important;
  cursor: default !important;
}

/* line 500, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-all-day.is-request,
#timesheets-calendar .fc-all-day.is-request {
  cursor: pointer !important;
}

/* line 504, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-day-header .total-time,
#timesheets-calendar .fc-day-header .total-time {
  float: right;
  font-weight: 400;
  color: #6b7280;
  font-size: 13px;
  margin-top: 2px;
}

/* line 511, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-event,
#timesheets-calendar .fc-event {
  border: 1px solid #d1d5db;
}

/* line 513, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-event .fc-title,
#timesheets-calendar .fc-event .fc-title {
  line-height: 1;
}

/* line 516, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-event:hover,
#timesheets-calendar .fc-event:hover {
  cursor: pointer;
}

/* line 522, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize:hover, .vue-time-entries-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize.has-popover,
#timesheets-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize:hover,
#timesheets-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize.has-popover {
  width: 100% !important;
  opacity: 0.95;
  z-index: 999 !important;
  bottom: auto !important;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 530, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize:hover .fc-time span, .vue-time-entries-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize.has-popover .fc-time span,
#timesheets-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize:hover .fc-time span,
#timesheets-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize.has-popover .fc-time span {
  display: block;
}

/* line 534, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize:hover .fc-title,
.vue-time-entries-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize:hover .fc-org, .vue-time-entries-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize.has-popover .fc-title,
.vue-time-entries-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize.has-popover .fc-org,
#timesheets-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize:hover .fc-title,
#timesheets-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize:hover .fc-org,
#timesheets-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize.has-popover .fc-title,
#timesheets-calendar .fc-time-grid-event-inset.fc-allow-mouse-resize.has-popover .fc-org {
  display: block;
}

/* line 542, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-short:hover, .vue-time-entries-calendar .fc-short.has-popover,
#timesheets-calendar .fc-short:hover,
#timesheets-calendar .fc-short.has-popover {
  opacity: 0.95;
  z-index: 999 !important;
  bottom: auto !important;
  width: auto !important;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 550, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-short:hover .fc-time span, .vue-time-entries-calendar .fc-short.has-popover .fc-time span,
#timesheets-calendar .fc-short:hover .fc-time span,
#timesheets-calendar .fc-short.has-popover .fc-time span {
  display: block;
}

/* line 554, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-short:hover .fc-title,
.vue-time-entries-calendar .fc-short:hover .fc-org, .vue-time-entries-calendar .fc-short.has-popover .fc-title,
.vue-time-entries-calendar .fc-short.has-popover .fc-org,
#timesheets-calendar .fc-short:hover .fc-title,
#timesheets-calendar .fc-short:hover .fc-org,
#timesheets-calendar .fc-short.has-popover .fc-title,
#timesheets-calendar .fc-short.has-popover .fc-org {
  display: block;
}

/* line 560, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-short .fc-time:after, .vue-time-entries-calendar .fc-short .fc-time:before,
#timesheets-calendar .fc-short .fc-time:after,
#timesheets-calendar .fc-short .fc-time:before {
  display: none;
}

/* line 565, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-short .fc-org,
#timesheets-calendar .fc-short .fc-org {
  display: none;
}

/* line 568, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .fc-short .fc-content,
#timesheets-calendar .fc-short .fc-content {
  padding: 5px 8px 4px;
}

@media (max-width: 767.98px) {
  /* line 574, app/assets/stylesheets/full_calendar.scss */
  .vue-time-entries-calendar .scheduler-heading-date-day-of-month,
#timesheets-calendar .scheduler-heading-date-day-of-month {
    font-size: 15px;
    padding-top: 5px;
    margin-right: 1px;
  }
  /* line 578, app/assets/stylesheets/full_calendar.scss */
  .vue-time-entries-calendar .scheduler-heading-date-day-of-month.day-month,
#timesheets-calendar .scheduler-heading-date-day-of-month.day-month {
    padding-top: 1px;
    padding-right: 5px;
  }
  /* line 584, app/assets/stylesheets/full_calendar.scss */
  .vue-time-entries-calendar .scheduler-heading-date-day-of-week,
.vue-time-entries-calendar .scheduler-heading-date-month-name,
#timesheets-calendar .scheduler-heading-date-day-of-week,
#timesheets-calendar .scheduler-heading-date-month-name {
    font-size: 8px;
  }
}

/* line 592, app/assets/stylesheets/full_calendar.scss */
.app-time-grid-header .scheduler-heading-date-day-of-month {
  font-size: 4vw;
  margin-right: 0.5vw;
}

/* line 596, app/assets/stylesheets/full_calendar.scss */
.app-time-grid-header .scheduler-heading-date-day-of-week,
.app-time-grid-header .scheduler-heading-date-month-name {
  font-size: 1.15vw;
}

@media (min-width: 1200px) {
  /* line 601, app/assets/stylesheets/full_calendar.scss */
  .app-time-grid-header .scheduler-heading-date-day-of-month {
    font-size: 50px;
    margin-right: 5px;
  }
  /* line 605, app/assets/stylesheets/full_calendar.scss */
  .app-time-grid-header .scheduler-heading-date-day-of-week,
.app-time-grid-header .scheduler-heading-date-month-name {
    font-size: 15px;
  }
}

/* line 616, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-scrollgrid > tbody .fc-timegrid-slot-minor {
  border: 0;
}

/* line 622, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-scrollgrid-section.fc-scrollgrid-section-body > td, .hs-full-calendar .fc-scrollgrid-section.fc-scrollgrid-section-header > th {
  border: 0;
}

/* line 629, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-slots tr {
  height: 35px;
}

/* line 633, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-slots .fc-timegrid-slot-label {
  border: 0;
}

/* line 637, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-slots .fc-timegrid-slot-lane {
  border-left: 0;
  border-right: 0;
}

/* line 643, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-slot-label {
  border: 0;
}

/* line 648, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-cols .fc-timegrid-axis {
  border: 0;
}

/* line 652, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-cols .fc-timegrid-col.fc-day {
  border-left: 0;
}

/* line 657, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-scrollgrid.fc-scrollgrid-liquid {
  border: 0;
}

/* line 662, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-col-header .fc-timegrid-axis {
  border: 0;
}

/* line 666, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-col-header .fc-col-header-cell {
  border-left: 0;
  border-bottom: 0;
}

/* line 670, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-col-header .fc-col-header-cell:last-child {
  border-right: 0;
}

/* line 676, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .app-time-grid-header-table-data.fc-day-header {
  border: 0;
}

/* line 680, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-day-today {
  background-color: #f3f4f6;
}

/* line 684, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-event {
  overflow: hidden;
}

/* line 690, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-daygrid-body-natural .fc-daygrid-day-frame .fc-daygrid-day-events {
  margin-bottom: 0;
}

/* line 697, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timeGridWeek-view .fc-daygrid-event {
  padding: 4px;
  border-radius: 16px;
}

/* line 701, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timeGridWeek-view .fc-daygrid-event .fc-event-main {
  color: #374151;
}

/* line 704, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timeGridWeek-view .fc-daygrid-event .fc-event-main .fc-content {
  padding: 0;
  line-height: 1;
  display: flex;
  justify-content: space-between;
}

/* line 714, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-divider.fc-cell-shaded {
  padding: 0;
}

/* line 718, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .app-time-grid-header-table-data.fc-day-header.fc-today.is-today.active {
  background-color: transparent;
}

/* line 723, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-events {
  min-height: 0;
}

/* line 726, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner .fc-daygrid-day-events .fc-daygrid-day-bottom {
  padding-top: 0;
}

/* line 733, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-list-item td {
  padding: 8px 14px;
}

/* line 739, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller-harness {
  margin-top: 3em;
}

/* line 744, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid-axis.fc-scrollgrid-shrink {
  border: none;
}

/* line 748, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-daygrid-day.fc-day {
  border-left: none;
}

/* line 753, app/assets/stylesheets/full_calendar.scss */
.hs-full-calendar .fc-timegrid tbody tr:first-child .fc-timegrid-axis-frame.fc-scrollgrid-shrink-frame {
  display: flex;
  place-content: center;
  color: #555555;
  padding: 0;
}

/* line 763, app/assets/stylesheets/full_calendar.scss */
.vue-time-entries-calendar .hs-full-calendar .fc-header-toolbar.fc-toolbar {
  margin: 0;
}

/* line 22, app/assets/stylesheets/charts.scss */
.chart-legend {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 28, app/assets/stylesheets/charts.scss */
.chart-legend-horizontal {
  gap: 1rem;
  flex-direction: row;
  align-items: center;
}

/* line 34, app/assets/stylesheets/charts.scss */
.chart-legend-line {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  color: #6b7280;
}

/* line 40, app/assets/stylesheets/charts.scss */
.chart-legend-line:first-child {
  margin-top: 0;
}

/* line 44, app/assets/stylesheets/charts.scss */
.chart-legend-line i.shape {
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  margin: 0 5px 0 0;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(1) > i {
  background: #0090f6;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(2) > i {
  background: #0072c3;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(3) > i {
  background: #005590;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(4) > i {
  background: #00375d;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(5) > i {
  background: #00192a;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(6) > i {
  background: black;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(7) > i {
  background: black;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(8) > i {
  background: black;
}

/* line 13, app/assets/stylesheets/charts.scss */
.chart-legend-line:nth-child(9) > i {
  background: black;
}

/* line 56, app/assets/stylesheets/charts.scss */
.chart-donut {
  display: flex;
  align-items: center;
}

/* line 60, app/assets/stylesheets/charts.scss */
.chart-donut-canvas {
  position: relative;
  display: flex;
  margin-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 60, app/assets/stylesheets/charts.scss */
  .chart-donut-canvas {
    margin-right: 1.5rem;
  }
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(1) {
  fill: #0090f6;
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(2) {
  fill: #0072c3;
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(3) {
  fill: #005590;
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(4) {
  fill: #00375d;
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(5) {
  fill: #00192a;
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(6) {
  fill: black;
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(7) {
  fill: black;
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(8) {
  fill: black;
}

/* line 9, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .chart-donut-arc:nth-child(9) {
  fill: black;
}

/* line 73, app/assets/stylesheets/charts.scss */
.chart-donut-canvas .text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  font-weight: 700;
}

/* line 89, app/assets/stylesheets/charts.scss */
.chart-line-stacked-canvas {
  display: flex;
  height: 20px;
  border-radius: 6px;
  overflow: hidden;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* line 98, app/assets/stylesheets/charts.scss */
.chart-line-stacked-legend {
  display: flex;
  color: #6b7280;
}

/* line 102, app/assets/stylesheets/charts.scss */
.chart-line-stacked-legend-tick {
  position: relative;
  flex: 1;
  text-align: right;
  padding-top: 1.15rem;
}

/* line 108, app/assets/stylesheets/charts.scss */
.chart-line-stacked-legend-tick::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  right: 1.2rem;
  width: 1px;
  height: 5px;
  background: #6b7280;
}

/* line 118, app/assets/stylesheets/charts.scss */
.chart-line-stacked-legend-tick:first-child {
  text-align: left;
  flex: none;
}

/* line 122, app/assets/stylesheets/charts.scss */
.chart-line-stacked-legend-tick:first-child::before {
  right: unset;
  left: 0.5rem;
}

/* line 128, app/assets/stylesheets/charts.scss */
.chart-line-stacked-legend-tick:last-child::before {
  right: 0.5rem;
}

/* line 136, app/assets/stylesheets/charts.scss */
.chart-line .line {
  fill: none;
  stroke-width: 1.5;
}

/* line 140, app/assets/stylesheets/charts.scss */
.chart-line .line.positive {
  stroke: #31c48d;
}

/* line 144, app/assets/stylesheets/charts.scss */
.chart-line .line.negative {
  stroke: #f05252;
}

/* line 148, app/assets/stylesheets/charts.scss */
.chart-line .line.same {
  stroke: #ffac51;
}

/* line 152, app/assets/stylesheets/charts.scss */
.chart-line .line.empty {
  stroke: #6b7280;
}

/* line 158, app/assets/stylesheets/charts.scss */
.chart-gauge {
  position: absolute;
  top: 0;
  right: -1rem;
  overflow: hidden;
  height: 156px;
}

/* line 165, app/assets/stylesheets/charts.scss */
.chart-gauge-meter {
  width: fit-content;
}

/* line 169, app/assets/stylesheets/charts.scss */
.chart-gauge-meter .gauge-arc:nth-child(1), .chart-gauge-meter .gauge-arc:nth-child(2), .chart-gauge-meter .gauge-arc:nth-child(6), .chart-gauge-meter .gauge-arc:nth-child(7) {
  fill: #d1d5db;
}

/* line 175, app/assets/stylesheets/charts.scss */
.chart-gauge-meter .gauge-arc.active:nth-child(1), .chart-gauge-meter .gauge-arc.active:nth-child(2), .chart-gauge-meter .gauge-arc.active:nth-child(6), .chart-gauge-meter .gauge-arc.active:nth-child(7) {
  fill: #f05252;
}

/* line 179, app/assets/stylesheets/charts.scss */
.chart-gauge-meter .gauge-arc.off-limits:nth-child(1), .chart-gauge-meter .gauge-arc.off-limits:nth-child(2), .chart-gauge-meter .gauge-arc.off-limits:nth-child(6), .chart-gauge-meter .gauge-arc.off-limits:nth-child(7) {
  fill: #ffac51;
}

/* line 184, app/assets/stylesheets/charts.scss */
.chart-gauge-meter .gauge-arc:nth-child(3), .chart-gauge-meter .gauge-arc:nth-child(5) {
  fill: #d1d5db;
}

/* line 188, app/assets/stylesheets/charts.scss */
.chart-gauge-meter .gauge-arc.active:nth-child(3), .chart-gauge-meter .gauge-arc.active:nth-child(5) {
  fill: #ffac51;
}

/* line 193, app/assets/stylesheets/charts.scss */
.chart-gauge-meter .gauge-arc:nth-child(4) {
  fill: #f3f4f6;
}

/* line 196, app/assets/stylesheets/charts.scss */
.chart-gauge-meter .gauge-arc.active:nth-child(4) {
  fill: #31c48d;
}

/* line 203, app/assets/stylesheets/charts.scss */
.chart-gauge-percentage {
  position: absolute;
  bottom: 4.2rem;
  left: 0;
  right: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 23px;
  color: #1f2937;
}

/* line 215, app/assets/stylesheets/charts.scss */
.chart-gauge-description {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.5rem;
  font-size: 12px;
  text-align: center;
  color: #6b7280;
}

/* line 225, app/assets/stylesheets/charts.scss */
.chart-gauge-target {
  position: absolute;
  left: 30%;
  right: 0;
  top: -0.8rem;
  text-align: center;
  font-size: 12px;
  color: #6b7280;
}

/* line 235, app/assets/stylesheets/charts.scss */
.chart-gauge .needle {
  fill: #6b7280;
}

/* line 238, app/assets/stylesheets/charts.scss */
.chart-gauge .needle-center {
  fill: #6b7280;
}

/* line 242, app/assets/stylesheets/charts.scss */
.chart-gauge .needle-gap {
  fill: #ffffff;
}

/* line 248, app/assets/stylesheets/charts.scss */
.chart-stacked {
  min-width: 100%;
}

/* line 251, app/assets/stylesheets/charts.scss */
.chart-stacked svg {
  overflow: visible;
}

/* line 255, app/assets/stylesheets/charts.scss */
.chart-stacked .outline-none {
  outline: none;
}

/* line 259, app/assets/stylesheets/charts.scss */
.chart-stacked .popover-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 268, app/assets/stylesheets/charts.scss */
.chart-stacked .has-y-axis g.tick:last-child line {
  color: #6b7280;
}

/* line 273, app/assets/stylesheets/charts.scss */
.chart-stacked .has-y-axis g.tick line {
  color: #f3f4f6;
}

/* line 278, app/assets/stylesheets/charts.scss */
.chart-stacked .has-y-axis path.domain {
  stroke: transparent;
}

/* line 283, app/assets/stylesheets/charts.scss */
.chart-stacked-legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

/* line 289, app/assets/stylesheets/charts.scss */
.chart-stacked-legend > .line {
  display: flex;
  align-items: center;
  font-size: 14px;
}

/* line 294, app/assets/stylesheets/charts.scss */
.chart-stacked-legend > .line i.shape {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 5px 1px 0;
}

/* line 303, app/assets/stylesheets/charts.scss */
.chart-stacked .chart-svg {
  width: 100%;
}

/* line 308, app/assets/stylesheets/charts.scss */
.chart-stacked .chart-svg > g.bar > .section-empty {
  fill: #d1d5db;
}

/* line 315, app/assets/stylesheets/charts.scss */
.chart-stacked g.tick {
  color: #777777;
  font-size: 12px;
  font-weight: 400;
  cursor: unset;
}

/* line 322, app/assets/stylesheets/charts.scss */
.chart-stacked rect {
  outline: none;
}

/* line 327, app/assets/stylesheets/charts.scss */
.chart-stacked.no-axis g.tick > line,
.chart-stacked.no-axis path.domain {
  stroke: transparent;
}

/* line 335, app/assets/stylesheets/charts.scss */
.chart-tooltip > .tooltip-inner {
  white-space: unset;
}

/* line 340, app/assets/stylesheets/charts.scss */
.chart-range {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

/* line 345, app/assets/stylesheets/charts.scss */
.chart-range .chart-item {
  display: grid;
  grid-template-columns: 1fr 3fr 0.8fr;
  grid-column-gap: 1rem;
  align-items: center;
}

/* line 351, app/assets/stylesheets/charts.scss */
.chart-range .chart-item-label {
  text-align: right;
}

/* line 355, app/assets/stylesheets/charts.scss */
.chart-range .chart-item .hi-warning {
  margin-left: 0.7rem;
  color: #6b7280;
  cursor: pointer;
}

@media (max-width: 560px) {
  /* line 345, app/assets/stylesheets/charts.scss */
  .chart-range .chart-item {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  /* line 345, app/assets/stylesheets/charts.scss */
  .chart-range .chart-item {
    grid-template-columns: 0.8fr 1fr 0.6fr;
  }
}

/* line 371, app/assets/stylesheets/charts.scss */
.chart-popover {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.1);
  cursor: default;
  padding: 1rem 1.5rem 1.5rem;
  position: absolute;
  min-width: 153px;
  z-index: 1080;
  transform: translateX(-50%);
}

/* line 382, app/assets/stylesheets/charts.scss */
.chart-popover.hide-arrow::after {
  display: none;
}

/* line 386, app/assets/stylesheets/charts.scss */
.chart-popover .info {
  font-size: 14px;
  font-weight: 500;
}

/* line 391, app/assets/stylesheets/charts.scss */
.chart-popover .color-box {
  width: 1rem;
  height: 1rem;
}

/* line 396, app/assets/stylesheets/charts.scss */
.chart-popover .chart-popover-content {
  display: flex;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

/* line 403, app/assets/stylesheets/charts.scss */
.chart-popover .chart-popover-content-inner {
  display: inline-flex;
  flex-direction: column;
  white-space: nowrap;
}

/* line 409, app/assets/stylesheets/charts.scss */
.chart-popover .chart-popover-content .values:not(:last-of-type) {
  margin-bottom: 1rem;
}

/* line 414, app/assets/stylesheets/charts.scss */
.chart-popover:after {
  content: '';
  position: absolute;
  bottom: var(--report-arrow-positionY, -10px);
  left: var(--report-arrow-positionX, calc(50% - 10px));
  transform: translate(-50%) rotate(var(--report-arrow-rotate, 0%));
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input {
  position: relative;
  display: inline-block;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .hide {
  display: none;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .v-hide {
  visibility: hidden;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 48px;
  margin-left: 0;
  transition: background-color 100ms ease-out;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input input.iti-invalid-key {
  transition: background-color 0;
  background-color: #FFC7C7;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 1px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .flag-dropdown:hover {
  cursor: pointer;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .flag-dropdown:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input input[disabled] + .flag-dropdown:hover, .intl-tel-input input[readonly] + .flag-dropdown:hover {
  cursor: default;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag, .intl-tel-input input[readonly] + .flag-dropdown:hover .selected-flag {
  background-color: transparent;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 42px;
  height: 100%;
  padding: 0 0 0 8px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .selected-flag .arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 4px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .country-list {
  list-style: none;
  position: absolute;
  z-index: 2;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .country-list .flag {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  /* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.intl-tel-input select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 42px;
  height: 100%;
  opacity: 0;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag {
  width: 20px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.be {
  width: 17px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ch {
  width: 15px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mc {
  width: 19px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ne {
  width: 17px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.np {
  width: 12px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
  .iti-flag {
    background-size: 288px 266px;
  }
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ac {
  height: 10px;
  background-position: -189px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ad {
  height: 14px;
  background-position: -63px -32px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ae {
  height: 10px;
  background-position: -247px -77px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.af {
  height: 13px;
  background-position: -147px -150px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ag {
  height: 13px;
  background-position: -63px -136px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ai {
  height: 10px;
  background-position: -247px -132px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.al {
  height: 14px;
  background-position: -42px -32px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.am {
  height: 10px;
  background-position: -210px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ao {
  height: 13px;
  background-position: -84px -44px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.aq {
  height: 13px;
  background-position: -21px -78px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ar {
  height: 12px;
  background-position: -100px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.as {
  height: 10px;
  background-position: -84px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.at {
  height: 13px;
  background-position: -126px -87px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.au {
  height: 10px;
  background-position: -247px -33px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.aw {
  height: 13px;
  background-position: 0px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ax {
  height: 13px;
  background-position: -37px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.az {
  height: 10px;
  background-position: -42px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ba {
  height: 10px;
  background-position: -268px -33px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bb {
  height: 13px;
  background-position: -147px -136px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bd {
  height: 12px;
  background-position: -210px -118px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.be {
  height: 15px;
  background-position: 0px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bf {
  height: 13px;
  background-position: -168px -102px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bg {
  height: 12px;
  background-position: -210px -66px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bh {
  height: 12px;
  background-position: -210px -79px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bi {
  height: 12px;
  background-position: -210px -144px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bj {
  height: 13px;
  background-position: -21px -63px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bl {
  height: 13px;
  background-position: -42px -63px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bm {
  height: 10px;
  background-position: -210px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bn {
  height: 10px;
  background-position: -21px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bo {
  height: 13px;
  background-position: -63px -63px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bq {
  height: 13px;
  background-position: -84px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.br {
  height: 14px;
  background-position: -63px -47px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bs {
  height: 10px;
  background-position: -247px -55px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bt {
  height: 13px;
  background-position: -84px -29px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bv {
  height: 14px;
  background-position: 0px -32px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bw {
  height: 13px;
  background-position: -84px -58px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.by {
  height: 10px;
  background-position: -84px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.bz {
  height: 13px;
  background-position: 0px -78px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ca {
  height: 10px;
  background-position: -268px -55px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cc {
  height: 10px;
  background-position: -268px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cd {
  height: 15px;
  background-position: -42px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cf {
  height: 13px;
  background-position: -42px -78px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cg {
  height: 13px;
  background-position: -63px -78px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ch {
  height: 15px;
  background-position: -231px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ci {
  height: 13px;
  background-position: -105px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ck {
  height: 10px;
  background-position: -247px -22px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cl {
  height: 13px;
  background-position: -105px -15px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cm {
  height: 13px;
  background-position: -105px -29px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cn {
  height: 13px;
  background-position: -105px -44px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.co {
  height: 13px;
  background-position: -105px -58px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cp {
  height: 13px;
  background-position: -105px -73px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cr {
  height: 12px;
  background-position: -84px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cu {
  height: 10px;
  background-position: -126px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cv {
  height: 12px;
  background-position: -63px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cw {
  height: 13px;
  background-position: -42px -92px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cx {
  height: 10px;
  background-position: -268px -77px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cy {
  height: 13px;
  background-position: -63px -92px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.cz {
  height: 13px;
  background-position: -84px -92px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.de {
  height: 12px;
  background-position: -42px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.dg {
  height: 10px;
  background-position: 0px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.dj {
  height: 13px;
  background-position: 0px -107px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.dk {
  height: 15px;
  background-position: -21px -16px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.dm {
  height: 10px;
  background-position: -189px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.do {
  height: 12px;
  background-position: -210px -14px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.dz {
  height: 13px;
  background-position: -63px -107px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ea {
  height: 13px;
  background-position: -84px -107px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ec {
  height: 13px;
  background-position: -105px -107px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ee {
  height: 12px;
  background-position: -210px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.eg {
  height: 13px;
  background-position: -126px -15px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.eh {
  height: 10px;
  background-position: -247px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.er {
  height: 10px;
  background-position: -247px -209px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.es {
  height: 13px;
  background-position: -126px -29px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.et {
  height: 10px;
  background-position: -189px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.eu {
  height: 13px;
  background-position: -126px -44px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.fi {
  height: 12px;
  background-position: -210px -183px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.fj {
  height: 10px;
  background-position: -210px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.fk {
  height: 10px;
  background-position: -268px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.fm {
  height: 10px;
  background-position: -21px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.fo {
  height: 14px;
  background-position: -21px -32px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.fr {
  height: 13px;
  background-position: -126px -102px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ga {
  height: 15px;
  background-position: 0px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gb {
  height: 10px;
  background-position: -268px -132px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gd {
  height: 12px;
  background-position: -210px -157px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ge {
  height: 13px;
  background-position: -42px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gf {
  height: 13px;
  background-position: -63px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gg {
  height: 13px;
  background-position: -84px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gh {
  height: 13px;
  background-position: -105px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gi {
  height: 10px;
  background-position: -105px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gl {
  height: 13px;
  background-position: -126px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gm {
  height: 13px;
  background-position: -147px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gn {
  height: 13px;
  background-position: -147px -15px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gp {
  height: 13px;
  background-position: -147px -29px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gq {
  height: 13px;
  background-position: -147px -44px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gr {
  height: 13px;
  background-position: -147px -58px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gs {
  height: 10px;
  background-position: -247px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gt {
  height: 12px;
  background-position: -163px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gu {
  height: 10px;
  background-position: -42px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gw {
  height: 10px;
  background-position: -247px -198px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.gy {
  height: 12px;
  background-position: -105px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.hk {
  height: 13px;
  background-position: -147px -116px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.hm {
  height: 10px;
  background-position: -63px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.hn {
  height: 10px;
  background-position: -84px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.hr {
  height: 10px;
  background-position: -168px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ht {
  height: 12px;
  background-position: -210px -92px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.hu {
  height: 10px;
  background-position: -231px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ic {
  height: 13px;
  background-position: -21px -136px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.id {
  height: 13px;
  background-position: -42px -136px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ie {
  height: 10px;
  background-position: -189px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.il {
  height: 14px;
  background-position: 0px -48px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.im {
  height: 10px;
  background-position: -231px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.in {
  height: 13px;
  background-position: -84px -136px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.io {
  height: 10px;
  background-position: -268px -11px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.iq {
  height: 13px;
  background-position: -105px -136px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ir {
  height: 11px;
  background-position: -126px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.is {
  height: 14px;
  background-position: -21px -48px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.it {
  height: 13px;
  background-position: 0px -150px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.je {
  height: 12px;
  background-position: -210px -53px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.jm {
  height: 10px;
  background-position: -268px -154px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.jo {
  height: 10px;
  background-position: -268px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.jp {
  height: 13px;
  background-position: -42px -150px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ke {
  height: 13px;
  background-position: -63px -150px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.kg {
  height: 12px;
  background-position: -210px -40px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.kh {
  height: 13px;
  background-position: -58px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ki {
  height: 10px;
  background-position: -63px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.km {
  height: 12px;
  background-position: -21px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.kn {
  height: 13px;
  background-position: 0px -63px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.kp {
  height: 10px;
  background-position: -147px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.kr {
  height: 13px;
  background-position: -168px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.kw {
  height: 10px;
  background-position: -105px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ky {
  height: 10px;
  background-position: -247px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.kz {
  height: 10px;
  background-position: -247px -11px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.la {
  height: 13px;
  background-position: -168px -29px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.lb {
  height: 13px;
  background-position: -168px -44px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.lc {
  height: 10px;
  background-position: -247px -44px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.li {
  height: 12px;
  background-position: -210px -196px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.lk {
  height: 10px;
  background-position: -247px -66px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.lr {
  height: 10px;
  background-position: -63px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ls {
  height: 13px;
  background-position: -168px -87px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.lt {
  height: 12px;
  background-position: -210px -131px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.lu {
  height: 12px;
  background-position: -210px -105px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.lv {
  height: 10px;
  background-position: -247px -176px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ly {
  height: 10px;
  background-position: -247px -187px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ma {
  height: 13px;
  background-position: -168px -131px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mc {
  height: 15px;
  background-position: -63px -16px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.md {
  height: 10px;
  background-position: -247px -220px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.me {
  height: 10px;
  background-position: -247px -231px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mf {
  height: 13px;
  background-position: 0px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mg {
  height: 13px;
  background-position: -21px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mh {
  height: 10px;
  background-position: -84px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mk {
  height: 10px;
  background-position: -105px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ml {
  height: 13px;
  background-position: -63px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mm {
  height: 13px;
  background-position: -84px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mn {
  height: 10px;
  background-position: -210px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mo {
  height: 13px;
  background-position: -105px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mp {
  height: 10px;
  background-position: -63px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mq {
  height: 13px;
  background-position: -126px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mr {
  height: 13px;
  background-position: -147px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ms {
  height: 10px;
  background-position: -147px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mt {
  height: 13px;
  background-position: -168px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mu {
  height: 13px;
  background-position: -189px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mv {
  height: 13px;
  background-position: -189px -15px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mw {
  height: 13px;
  background-position: -189px -29px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mx {
  height: 11px;
  background-position: -168px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.my {
  height: 10px;
  background-position: -268px -22px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.mz {
  height: 13px;
  background-position: -189px -58px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.na {
  height: 13px;
  background-position: -189px -73px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.nc {
  height: 10px;
  background-position: -268px -66px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ne {
  height: 15px;
  background-position: -19px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.nf {
  height: 10px;
  background-position: -268px -99px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ng {
  height: 10px;
  background-position: -268px -110px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ni {
  height: 12px;
  background-position: -210px -27px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.nl {
  height: 13px;
  background-position: -189px -116px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.no {
  height: 14px;
  background-position: -42px -48px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.np {
  height: 15px;
  background-position: -268px -198px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.nr {
  height: 10px;
  background-position: -268px -176px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.nu {
  height: 10px;
  background-position: -126px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.nz {
  height: 10px;
  background-position: -147px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.om {
  height: 10px;
  background-position: -168px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pa {
  height: 13px;
  background-position: -189px -160px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pe {
  height: 13px;
  background-position: 0px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pf {
  height: 13px;
  background-position: -21px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pg {
  height: 15px;
  background-position: -21px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ph {
  height: 10px;
  background-position: -42px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pk {
  height: 13px;
  background-position: -63px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pl {
  height: 12px;
  background-position: -142px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pm {
  height: 13px;
  background-position: -105px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pn {
  height: 10px;
  background-position: -126px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pr {
  height: 13px;
  background-position: -126px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ps {
  height: 10px;
  background-position: -168px -234px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pt {
  height: 13px;
  background-position: -147px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.pw {
  height: 12px;
  background-position: -184px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.py {
  height: 11px;
  background-position: -189px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.qa {
  height: 8px;
  background-position: -268px -214px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.re {
  height: 13px;
  background-position: -168px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ro {
  height: 13px;
  background-position: -84px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.rs {
  height: 13px;
  background-position: -189px -102px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ru {
  height: 13px;
  background-position: -189px -87px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.rw {
  height: 13px;
  background-position: -189px -44px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sa {
  height: 13px;
  background-position: -42px -165px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sb {
  height: 10px;
  background-position: -247px -88px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sc {
  height: 10px;
  background-position: -247px -99px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sd {
  height: 10px;
  background-position: -247px -110px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.se {
  height: 12px;
  background-position: -121px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sg {
  height: 13px;
  background-position: -168px -116px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sh {
  height: 10px;
  background-position: -247px -143px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.si {
  height: 10px;
  background-position: -247px -154px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sj {
  height: 14px;
  background-position: -63px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sk {
  height: 13px;
  background-position: -168px -73px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sl {
  height: 13px;
  background-position: -168px -58px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sm {
  height: 15px;
  background-position: 0px -16px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sn {
  height: 13px;
  background-position: -105px -150px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.so {
  height: 13px;
  background-position: -84px -150px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sr {
  height: 13px;
  background-position: -21px -150px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ss {
  height: 10px;
  background-position: 0px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.st {
  height: 10px;
  background-position: -21px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sv {
  height: 11px;
  background-position: -147px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sx {
  height: 13px;
  background-position: -126px -136px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sy {
  height: 13px;
  background-position: 0px -136px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.sz {
  height: 13px;
  background-position: -147px -102px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ta {
  height: 10px;
  background-position: -126px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tc {
  height: 10px;
  background-position: -147px -245px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.td {
  height: 13px;
  background-position: -147px -87px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tf {
  height: 13px;
  background-position: -147px -73px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tg {
  height: 12px;
  background-position: -79px -194px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.th {
  height: 13px;
  background-position: -21px -121px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tj {
  height: 10px;
  background-position: 0px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tk {
  height: 10px;
  background-position: -21px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tl {
  height: 10px;
  background-position: -42px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tm {
  height: 13px;
  background-position: -126px -73px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tn {
  height: 13px;
  background-position: -126px -58px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.to {
  height: 10px;
  background-position: -105px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tr {
  height: 13px;
  background-position: -126px 0px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tt {
  height: 12px;
  background-position: 0px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tv {
  height: 10px;
  background-position: -168px -256px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tw {
  height: 13px;
  background-position: -42px -107px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.tz {
  height: 13px;
  background-position: -105px -92px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ua {
  height: 13px;
  background-position: -21px -92px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ug {
  height: 13px;
  background-position: 0px -92px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.um {
  height: 10px;
  background-position: 0px -223px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.us {
  height: 10px;
  background-position: -210px -210px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.uy {
  height: 13px;
  background-position: -84px -78px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.uz {
  height: 10px;
  background-position: -268px -44px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.va {
  height: 15px;
  background-position: -231px -16px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.vc {
  height: 13px;
  background-position: -42px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ve {
  height: 13px;
  background-position: -189px -131px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.vg {
  height: 10px;
  background-position: -268px -88px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.vi {
  height: 13px;
  background-position: -168px -145px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.vn {
  height: 13px;
  background-position: -168px -15px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.vu {
  height: 12px;
  background-position: -210px -170px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.wf {
  height: 13px;
  background-position: -126px -150px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ws {
  height: 10px;
  background-position: -268px -143px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.xk {
  height: 14px;
  background-position: -42px -16px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.ye {
  height: 13px;
  background-position: -21px -107px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.yt {
  height: 13px;
  background-position: -84px -15px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.za {
  height: 13px;
  background-position: -189px -179px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.zm {
  height: 13px;
  background-position: -189px -145px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.zw {
  height: 10px;
  background-position: -268px -187px;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/intl-tel-input/flags-821224ff5d4267392a50e1c204e107daac8b9c0c17e0b5399284fa54498b3bc1.png);
  background-color: #DBDBDB;
  background-position: 100% 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
  .iti-flag {
    background-image: url(https://server-assets.hubstaff.com/b9e3417e06/intl-tel-input/flags@2x-1d3efbf6fedbed50396784363213cacb3428a7d83df43832e3a7fafe56af96e5.png);
  }
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/intlTelInput.scss */
.iti-flag.np {
  background-color: transparent;
}

/* line 1, vendor/assets/stylesheets/intl-tel-input/override.scss */
.intl-tel-input {
  width: 100%;
}

/* line 5, vendor/assets/stylesheets/intl-tel-input/override.scss */
.control-group.tel .intl-tel-input input[type="tel"] {
  height: 30px;
}

/* FIXME: How can we make this better? */
/* Bernat Jufré 2022-04-27 */
/* Task: https://tasks.hubstaff.com/app/t/3968076 */
/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller {
  position: relative;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller.direction-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller__slot {
  -webkit-box-flex: 1;
  -ms-flex: auto 0 0px;
  flex: auto 0 0;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller__item-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
  width: 100%;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
  height: 100%;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.resize-observer[data-v-b329ee4c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  pointer-events: none;
  display: block;
  overflow: hidden;
  opacity: 0;
}

/* line 4, app/assets/stylesheets/_vue-virtual-scroller.scss */
.resize-observer[data-v-b329ee4c] object {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

/* Prevent horizontal scrollbar in Job Sites */
/* line 7, app/assets/stylesheets/_vue-virtual-scroller.scss */
.job-sites-component .vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-x: hidden;
}

/* line 1, app/assets/stylesheets/components/_accordion.scss */
.accordion {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
}

/* line 8, app/assets/stylesheets/components/_accordion.scss */
.accordion-trigger {
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  width: 100%;
  height: 20px;
  background: white;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  margin: 1.5rem 0;
}

/* line 23, app/assets/stylesheets/components/_accordion.scss */
.accordion-trigger-line:after {
  content: '';
  height: 1px;
  background: #d1d5db;
  flex-grow: 1;
  margin: 0 1rem;
}

/* line 32, app/assets/stylesheets/components/_accordion.scss */
.accordion-item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}

/* line 40, app/assets/stylesheets/components/_accordion.scss */
.accordion-item-active {
  flex-shrink: 1;
  height: 100%;
}

/* line 45, app/assets/stylesheets/components/_accordion.scss */
.accordion-trigger i {
  font-size: 10px;
  transition: transform 0.3s ease;
}

/* line 49, app/assets/stylesheets/components/_accordion.scss */
.accordion-item-active .accordion-trigger i {
  transform: rotate(90deg);
}

/* line 54, app/assets/stylesheets/components/_accordion.scss */
.accordion-transition .accordion-item-active {
  flex-shrink: 0;
}

/* line 58, app/assets/stylesheets/components/_accordion.scss */
.accordion-content {
  overflow: auto;
}

/* line 62, app/assets/stylesheets/components/_accordion.scss */
.accordion-item-active .accordion-content {
  flex-shrink: 1;
}

/* line 66, app/assets/stylesheets/components/_accordion.scss */
.accordion-enter-active,
.accordion-leave-active {
  will-change: height, opacity;
  transition: height 0.1s ease, opacity 0.1s ease;
  overflow: hidden;
}

/* line 73, app/assets/stylesheets/components/_accordion.scss */
.accordion-enter,
.accordion-leave-to {
  height: 0 !important;
  opacity: 0;
}

/* line 3, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.activities-index .vue-time-entries-header .page-header-wrapper {
  align-items: center;
}

/* line 7, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.activities-index .vue-time-entries-header .vue-app-date-picker {
  justify-content: flex-start;
}

/* line 11, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.activities-index .vue-time-entries-header .filter-select {
  width: auto;
}

@media (max-width: 767.98px) {
  /* line 16, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .weekly-range-input-wrapper {
    display: grid;
    grid-template-columns: 270px auto;
  }
  /* line 21, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .weekly-range-input-wrapper > .weekly-range-input.mr-10 {
    margin-right: 0px;
  }
  /* line 25, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .weekly-range-input-wrapper .datepicker.weekly-range-input {
    max-width: 170px;
  }
  /* line 29, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .weekly-range-input-wrapper > div:last-child {
    display: flex !important;
    justify-content: flex-end;
  }
}

@media (max-width: 379px) {
  /* line 36, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .weekly-range-input-wrapper .dropdown.vue-app-time-zone-dropdown {
    max-width: 60px;
  }
  /* line 39, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .weekly-range-input-wrapper .dropdown.vue-app-time-zone-dropdown .btn, .activities-index .vue-time-entries-header .basic-filters .weekly-range-input-wrapper .dropdown.vue-app-time-zone-dropdown .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .activities-index .vue-time-entries-header .basic-filters .weekly-range-input-wrapper .dropdown.vue-app-time-zone-dropdown .nav-item {
    min-width: 0px;
  }
}

@media (max-width: 1023.98px) {
  /* line 46, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .weekly-range-input {
    min-width: 0;
  }
}

@media (max-width: 1199px) {
  /* line 52, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .selections {
    margin-top: 10px;
  }
  /* line 56, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
  .activities-index .vue-time-entries-header .basic-filters .selections > div {
    justify-content: flex-start !important;
  }
}

/* line 64, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.activities-index .activities-members {
  width: 100%;
  max-width: 300px;
}

/* line 72, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available {
  color: #2aa7ff;
}

/* line 75, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available.off {
  color: #9ca3af;
}

/* line 79, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available:hover {
  color: #2aa7ff;
}

/* line 83, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available.active {
  color: #ffffff;
}

/* line 86, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available.active.off {
  color: #9ca3af;
}

/* line 91, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available.no-time-data {
  color: inherit;
}

/* line 94, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available.no-time-data:hover {
  color: inherit;
}

/* line 98, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available.no-time-data.off {
  color: #9ca3af;
}

/* line 102, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available.no-time-data.active {
  color: #ffffff;
}

/* line 105, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.available.no-time-data.active.off {
  color: #9ca3af;
}

/* line 112, app/assets/stylesheets/components/Activities/_activitiesHeader.scss */
.daterangepicker.activities-header-datepicker td.disabled {
  background-color: #f9fafb;
  border-radius: 0;
  text-decoration: none;
}

/* line 3, app/assets/stylesheets/components/Activities/_activities_dropdown.scss */
.select2-container .select2-results li.select2-results__option[role='group'][aria-label='No time tracked']:last-of-type li {
  opacity: 0.5;
}

/* line 6, app/assets/stylesheets/components/Activities/_activities_dropdown.scss */
.select2-container .select2-results li.select2-results__option[role='group'][aria-label='No time tracked']:last-of-type li:hover {
  opacity: 1;
}

/* line 10, app/assets/stylesheets/components/Activities/_activities_dropdown.scss */
.select2-container .select2-results li.select2-results__option[role='group'][aria-label='No time tracked']:last-of-type li > span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 7px;
}

/* line 17, app/assets/stylesheets/components/Activities/_activities_dropdown.scss */
.select2-container .select2-results li.select2-results__option[role='group'][aria-label='No time tracked']:last-of-type li > span > span {
  padding-right: 4px;
}

/* line 22, app/assets/stylesheets/components/Activities/_activities_dropdown.scss */
.select2-container .select2-results li.select2-results__option[role='group'][aria-label='No time tracked']:last-of-type li .description {
  color: #2aa7ff;
  font-size: 12px;
  white-space: nowrap;
}

/* line 2, app/assets/stylesheets/components/Activities/_fakeData.scss */
.fake-data-organizations h4 {
  margin-top: 20px;
}

/* line 5, app/assets/stylesheets/components/Activities/_fakeData.scss */
.fake-data-organizations .activities-team-status {
  padding: 0 0 20px;
  border-bottom: 1px solid #e5e7eb;
}

/* line 8, app/assets/stylesheets/components/Activities/_fakeData.scss */
.fake-data-organizations .activities-team-status:last-child {
  border-bottom: none;
}

/* line 11, app/assets/stylesheets/components/Activities/_fakeData.scss */
.fake-data-organizations .activities-team-status .vue-onboarding-trigger {
  display: inline;
}

/* line 13, app/assets/stylesheets/components/Activities/_fakeData.scss */
.fake-data-organizations .activities-team-status .vue-onboarding-trigger.btn, .fake-data-organizations .activities-team-status .app-tabs-switch > .nav.nav-tabs .vue-onboarding-trigger.nav-item, .app-tabs-switch > .nav.nav-tabs .fake-data-organizations .activities-team-status .vue-onboarding-trigger.nav-item {
  padding: 0;
}

/* line 1, app/assets/stylesheets/components/Activities/infoBanner.scss */
.info-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 16px 15px 12px;
  gap: 8px;
  background: rgba(42, 167, 255, 0.08);
  border: 1px solid #2aa7ff;
  border-radius: 6px;
}

/* line 14, app/assets/stylesheets/components/Activities/infoBanner.scss */
.info-banner a.dismiss:hover {
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
}

/* line 22, app/assets/stylesheets/components/Activities/infoBanner.scss */
.info-banner .info-text a {
  text-decoration: underline;
  color: #1f2937;
}

/* line 2, app/assets/stylesheets/components/Activities/popover.scss */
.vue-popover .close.header-close {
  height: 9px;
}

/* line 5, app/assets/stylesheets/components/Activities/popover.scss */
.vue-popover span .notes {
  margin-top: 0;
  width: auto;
}

/* line 8, app/assets/stylesheets/components/Activities/popover.scss */
.vue-popover span .notes .note a {
  float: none;
}

/* line 11, app/assets/stylesheets/components/Activities/popover.scss */
.vue-popover span .notes .curtain .spinner-wrapper {
  top: 10px;
}

/* line 1, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog {
  font-size: 13px;
}

/* line 9, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-heading {
  font-size: 14px;
}

/* line 13, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-meta {
  font-weight: 500;
  color: #6b7280;
}

/* line 18, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #ffffff;
  border-radius: 20px;
}

/* line 26, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-pill.high {
  background: #31c48d;
}

/* line 30, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-pill.medium {
  background: #ffac51;
}

/* line 34, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-pill.low {
  background: #f05252;
}

/* line 38, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-pill.idle {
  background: #6b7280;
}

@media (min-width: 768px) {
  /* line 43, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .modal-dialog {
    width: 780px;
  }
}

/* line 50, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-content {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  /* line 50, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-content {
    flex-direction: row;
  }
}

/* line 58, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-content .benchmarks-tab-content {
  flex: 1;
  padding: 15px;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  /* line 58, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-content .benchmarks-tab-content {
    padding: 0 15px 15px 25px;
  }
}

/* line 69, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-tabs {
  padding: 15px 0 0 0;
  margin-bottom: 0;
  list-style: none;
}

@media (min-width: 768px) {
  /* line 69, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-tabs {
    padding: 15px 25px 0 0;
    border-right: 1px solid #d7dae0;
  }
}

/* line 79, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-tabs .benchmarks-tab {
  position: relative;
  padding: 5px 5px 5px 10px;
}

/* line 83, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-tabs .benchmarks-tab button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  width: 100%;
  display: block;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  color: #6b7280;
}

@media (max-width: 767.98px) {
  /* line 83, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-tabs .benchmarks-tab button {
    border-bottom: 1px solid #d7dae0;
  }
}

/* line 101, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-tabs .benchmarks-tab.active button {
  color: #2aa7ff;
}

@media (max-width: 767.98px) {
  /* line 101, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-tabs .benchmarks-tab.active button {
    border-bottom: 2px solid #2aa7ff;
  }
}

@media (min-width: 768px) {
  /* line 111, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-tabs .benchmarks-tab.active:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #2aa7ff;
    border-radius: 2px;
  }
}

/* line 130, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-basics .basics-stats {
  margin: 30px 0;
}

/* line 133, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-basics .basics-stats .basics-stats-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  /* line 133, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-basics .basics-stats .basics-stats-item {
    align-items: center;
    flex-direction: row;
  }
}

/* line 143, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-basics .basics-stats .basics-stats-item p {
  margin-bottom: 0;
}

/* line 147, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-basics .basics-stats .basics-stats-item p:first-of-type {
  margin-top: 10px;
}

@media (min-width: 768px) {
  /* line 147, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-basics .basics-stats .basics-stats-item p:first-of-type {
    margin-top: 0;
  }
}

/* line 156, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-basics .basics-stats .basics-stats-item .basics-stats-pill {
  width: 78px;
  min-width: 78px;
  height: 25px;
  line-height: 25px;
  margin-right: 15px;
}

/* line 166, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-basics .basics-video {
  margin-top: 5px;
}

/* line 169, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-basics .basics-video p {
  font-size: 13px;
}

/* line 173, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-basics .basics-video span {
  border: 1px solid #d7dae0;
  border-radius: 6px;
  overflow: hidden;
}

/* line 192, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-section:first-of-type .timers-platform:first-of-type .timers-item:nth-child(2) p {
  white-space: nowrap;
}

/* line 199, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-section:last-of-type {
  margin-top: 50px;
}

/* line 202, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-section:last-of-type .timers-platform:first-of-type {
  min-width: 50%;
}

@media (min-width: 768px) {
  /* line 207, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-timers .timers-section .timers-section-wrapper {
    display: flex;
  }
}

@media (max-width: 767.98px) {
  /* line 217, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-timers .timers-platform:first-of-type {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  /* line 217, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-timers .timers-platform:first-of-type {
    margin-right: 10px;
  }
}

/* line 228, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-platform .timers-platform-title {
  font-size: 13px;
  padding: 5px 10px;
  background: #f3f4f6;
}

/* line 234, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-platform .timers-platform-wrapper {
  display: flex;
  justify-content: center;
  padding: 0 15px;
}

@media (max-width: 767.98px) {
  /* line 234, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-timers .timers-platform .timers-platform-wrapper {
    flex-wrap: wrap;
  }
}

/* line 244, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-platform .timers-item {
  margin: 0 15px;
  text-align: center;
}

/* line 248, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-platform .timers-item p {
  margin-top: 5px;
  font-size: 11px;
  color: #6b7280;
  white-space: normal;
}

/* line 256, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-platform .timers-item-img {
  height: 30px;
}

/* line 259, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-timers .timers-platform .timers-item-img.lg {
  width: 130px;
}

/* line 271, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-how .how-section:last-of-type {
  margin-top: 50px;
}

/* line 275, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-how .how-section ul {
  padding-left: 30px;
}

/* line 278, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-how .how-section ul li {
  margin-bottom: 5px;
  font-weight: 500;
  color: #6b7280;
}

/* line 283, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-how .how-section ul li:last-of-type {
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-job-roles .job-roles-stats {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}

/* line 299, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-job-roles .job-roles-stats .job-roles-stats-item {
  width: 100%/3;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  /* line 299, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-job-roles .job-roles-stats .job-roles-stats-item {
    width: 25%;
  }
}

/* line 307, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-job-roles .job-roles-stats .job-roles-stats-item p {
  margin-bottom: 5px;
  font-size: 11px;
  color: #6b7280;
}

/* line 313, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-job-roles .job-roles-stats .job-roles-stats-item .job-roles-pill {
  width: 40px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
}

/* line 322, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-job-roles h6 {
  font-size: 13px;
  margin-bottom: 10px;
}

/* line 327, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-job-roles .job-roles-more {
  padding-left: 30px;
}

/* line 330, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-job-roles .job-roles-more li {
  margin-bottom: 5px;
}

/* line 339, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-summary {
  max-width: 250px;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  /* line 339, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
  .activities-benchmarks-dialog .benchmarks-organization .org-summary {
    margin-bottom: 80px;
  }
}

/* line 349, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph {
  position: relative;
  margin-top: 30px;
}

/* line 353, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-items {
  display: block;
  width: 15px;
  height: 135px;
  border-radius: 20px;
  overflow: hidden;
}

/* line 363, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-item.high {
  height: 55%;
  background: #31c48d;
}

/* line 368, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-item.medium {
  height: 35%;
  background: #ffac51;
}

/* line 373, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-item.low {
  height: 10%;
  background: #f05252;
}

/* line 378, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-item.idle {
  background: #6b7280;
}

/* line 383, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-label {
  display: flex;
  align-items: center;
  position: absolute;
  left: 30px;
  font-weight: 500;
  -moz-transform: translate3d(0, 50%, 0);
  -o-transform: translate3d(0, 50%, 0);
  -ms-transform: translate3d(0, 50%, 0);
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

/* line 393, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-label.high {
  color: #31c48d;
}

/* line 397, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-label.medium {
  color: #ffac51;
}

/* line 401, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-label.low {
  color: #f05252;
}

/* line 405, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-label.idle {
  color: #6b7280;
}

/* line 409, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.activities-benchmarks-dialog .benchmarks-organization .org-graph .org-graph-label .org-graph-pill {
  width: 60px;
  height: 25px;
  margin-right: 10px;
  line-height: 25px;
}

/* line 420, app/assets/stylesheets/components/ActivitiesBenchmarks/_activitiesBenchmarksDialog.scss */
.benchmarks-popover {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* for IE 11 */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  max-width: 230px;
  text-align: center;
}

/* line 2, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-loading.scss */
.activities-location-main-wrapper .curtain {
  border-radius: 8px;
  z-index: 9012;
}

/* line 5, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-loading.scss */
.activities-location-main-wrapper .curtain .spinner-wrapper {
  top: 50%;
}

/* line 2, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.gm-style-iw .text-gray {
  font-size: 10px;
  color: #6b7280;
}

/* line 7, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.gm-style-iw .hi-right {
  margin-top: 4px;
  margin-left: 4px;
  font-size: 8px;
}

/* line 14, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.gm-style-iw-a .gm-style-iw-d {
  max-height: none !important;
}

/* line 20, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.gm-style .gm-style-iw-a.tooltip-style-iw-a button[title*='Close'] {
  display: none !important;
}

/* line 25, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.gm-style .gm-style-iw-a.tooltip-style-iw-a .gm-style-iw-t .gm-style-iw-tc::after {
  overflow: unset !important;
  background: linear-gradient(45deg, #3f4856 50%, #3f4856 51%, #3f4856 100%);
}

/* line 30, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.gm-style .gm-style-iw-a.tooltip-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c {
  max-width: 200px;
  padding: 3px 8px !important;
  color: #ffffff;
  text-align: center;
  background-color: rgba(63, 72, 86, 0.9);
  border-radius: 6px;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  line-break: auto;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
}

/* line 31, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.gm-style .gm-style-iw-a.tooltip-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
  overflow: unset !important;
}

/* line 62, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper {
  position: relative;
  flex: 1;
  min-height: 610px;
}

/* line 67, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .vue-map-container {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 1;
}

/* line 78, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map {
  height: 100%;
}

/* line 81, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map img[src*='/avatars'],
.full-page-map-wrapper .vue-map-container .vue-map img[src$='#avatar'],
.full-page-map-wrapper .vue-map-container .vue-map img[src*='/account/shrine/cache'] {
  border-radius: 50% !important;
  border: 2px solid #ffffff !important;
}

/* line 88, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map .activities-location-job-site-info-window {
  padding-bottom: 10px;
  min-width: 250px;
}

@media (max-width: 767.98px) {
  /* line 88, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
  .full-page-map-wrapper .vue-map-container .vue-map .activities-location-job-site-info-window {
    min-width: 0px;
  }
}

/* line 96, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map .activities-location-job-site-info-window .action-buttons a.btn-icon {
  color: #9ca3af;
}

/* line 103, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .hint {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
}

/* line 109, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .small-hint {
  margin: 0;
  font-size: 12px;
  color: #9ca3af;
}

/* line 115, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .vue-map-search {
  position: absolute;
  top: 15px;
  left: 15px;
  width: calc(100% - 30px);
  z-index: 2;
}

/* line 122, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .vue-map-search:before {
  position: absolute;
  color: #6b7280;
  bottom: 18px;
  left: 21px;
}

/* line 131, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.full-page-map-wrapper .vue-map-search .form-control {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  padding-left: 50px;
  height: 50px;
  border-radius: 3px;
  font-size: 15px;
  border: none;
}

/* line 142, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-info-window {
  max-width: 405px;
  padding: 15px 10px 10px 5px;
  overflow: hidden;
}

/* line 147, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-info-window .info-window-close {
  color: #9ca3af;
  position: absolute;
  top: 3px;
  right: 3px;
}

/* line 154, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-info-window .info-window-content {
  flex: 1 auto;
}

/* line 158, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-info-window .info-window-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

/* line 164, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-info-window .info-window-row:first-of-type {
  justify-content: space-between;
}

/* line 168, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-info-window .info-window-row .info-window-details-cell {
  display: block;
  font-size: 14px;
  color: #374151;
  max-width: 245px;
  margin-right: 50px;
}

@media (max-width: 575.98px) {
  /* line 168, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
  .activities-location-info-window .info-window-row .info-window-details-cell {
    margin-right: 15px;
  }
}

/* line 179, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-info-window .info-window-row .info-window-details-cell:last-of-type {
  margin-right: 0;
}

/* line 186, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-avatar-wrapper {
  margin-right: 10px;
}

/* line 190, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-project {
  font-size: 13px;
  color: #6b7280;
  margin-top: 3px;
}

/* line 196, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-task {
  color: #9ca3af;
  font-size: 12px;
  margin-top: 3px;
}

/* line 202, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-label {
  font-size: 11px;
  color: #9ca3af;
  margin-bottom: 4px;
  font-weight: 400;
}

/* line 209, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer {
  width: 100%;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 10px;
  font-size: 12px;
  -ms-overflow-style: none;
}

/* line 217, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer div {
  padding: 0px;
}

/* line 221, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .report-url {
  font-weight: 500;
}

/* line 224, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .report-url:focus {
  outline: none;
}

/* line 229, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .col-xs-6 {
  align-items: center;
  display: flex;
  padding-left: 0px;
}

/* line 233, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .col-xs-6 a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 239, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .info-window-footer-duration {
  justify-content: right;
  display: flex;
}

/* line 243, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .visits {
  padding-bottom: 12px;
}

/* line 246, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .and-more {
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: 10px;
  font-weight: 400;
  margin-top: 2px;
}

/* line 253, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .activities-location-info-window-list-item {
  color: #1f2937;
  padding-bottom: 10px;
  align-items: center;
  display: flex;
}

/* line 258, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .activities-location-info-window-list-item a {
  color: inherit;
  cursor: pointer;
}

/* line 261, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .activities-location-info-window-list-item a:focus, .info-window-footer .activities-location-info-window-list-item a:hover {
  color: #2aa7ff;
}

/* line 266, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .activities-location-info-window-list-item .job-site-marker {
  height: 18px;
}

/* line 269, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-footer .activities-location-info-window-list-item img {
  margin-right: 6px;
}

/* line 274, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-list {
  border-top: 1px solid #d1d5db;
}

/* line 278, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-updated-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 12px;
  color: #9ca3af;
  padding-left: 5px;
}

@media (min-width: 576px) {
  /* line 287, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
  .info-window-updated-text > p {
    white-space: nowrap;
  }
}

/* line 292, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.info-window-updated-text .hs-btn {
  display: none;
}

@media (min-width: 576px) {
  /* line 292, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
  .info-window-updated-text .hs-btn {
    display: block;
  }
  /* line 297, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
  .info-window-updated-text .hs-btn:hover {
    cursor: pointer;
  }
}

@media (min-width: 1200px) {
  /* line 307, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
  .full-page-map-wrapper .vue-map .app-map-avatar-info-window {
    min-width: 300px;
  }
  /* line 310, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
  .full-page-map-wrapper .vue-map .app-map-avatar-info-window .info-window-user-details {
    margin-left: 10px;
  }
}

/* line 319, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-member-info-window.loading {
  min-height: 280px;
}

@media (min-width: 768px) {
  /* line 323, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
  .activities-location-member-info-window .info-window-row:last-of-type {
    display: none;
  }
}

/* line 331, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-job-site-info-window.loading {
  min-height: 360px;
}

/* line 339, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-job-site-info-window .sk::after,
.activities-location-member-info-window .sk::after {
  content: '';
  display: inline-block;
  background-color: #e5e7eb;
}

/* line 346, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-job-site-info-window .sk--line::after,
.activities-location-member-info-window .sk--line::after {
  width: 100%;
  height: 6px;
  border-radius: 8px;
}

/* line 352, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-job-site-info-window .sk--line--half,
.activities-location-member-info-window .sk--line--half {
  width: 50%;
}

/* line 356, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-job-site-info-window .sk--line--quarter,
.activities-location-member-info-window .sk--line--quarter {
  width: 25%;
}

/* line 362, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-job-site-info-window .sk--circle::after,
.activities-location-member-info-window .sk--circle::after {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

/* line 369, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-map.scss */
.activities-location-job-site-info-window .sk--circle--xs::after,
.activities-location-member-info-window .sk--circle--xs::after {
  width: 15px;
  height: 15px;
}

/* line 1, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-modal.scss */
.activities-location-no-activity-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 7, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-modal.scss */
.activities-location-no-activity-modal .modal {
  display: flex;
  position: absolute;
  z-index: 525;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

/* line 13, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-modal.scss */
.activities-location-no-activity-modal .modal.in {
  z-index: 1061;
}

/* line 17, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-modal.scss */
.activities-location-no-activity-modal .modal-dialog {
  margin: auto;
  z-index: 1061;
}

/* line 21, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-modal.scss */
.activities-location-no-activity-modal .modal-body, .activities-location-no-activity-modal .modal-body-centered {
  margin: 50px 0;
  text-align: center;
}

/* line 24, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-modal.scss */
.activities-location-no-activity-modal .modal-body .title, .activities-location-no-activity-modal .modal-body-centered .title {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

/* line 30, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-modal.scss */
.activities-location-no-activity-modal .modal-body .btn-primary, .activities-location-no-activity-modal .modal-body-centered .btn-primary {
  margin-top: 20px;
}

/* line 34, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-modal.scss */
.activities-location-no-activity-modal .modal-content {
  border: none;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 1, 0.15);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 1, 0.15);
}

/* line 3, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar.members .vue-recycle-scroller__item-wrapper {
  display: none;
}

/* line 8, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .scroller {
  width: 100%;
  height: 100%;
  padding: 25px 0;
  overflow-y: auto;
}

/* line 14, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .scroller .vue-recycle-scroller__slot,
.activities-location-sidebar .scroller .vue-recycle-scroller__item-view {
  padding: 0 30px;
}

/* line 18, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .scroller .vue-recycle-scroller__slot:not(:first-child),
.activities-location-sidebar .scroller .vue-recycle-scroller__item-view:not(:first-child) {
  border-top: 1px solid #d1d5db;
}

/* line 24, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar #activities-locations-sidebar.vue-sidebar-content {
  padding: 0;
  overflow: hidden;
}

/* line 29, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .vue-sidebar {
  top: 0;
}

/* line 32, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .vue-sidebar .close {
  top: -30px;
  right: -15px;
  z-index: 10;
}

/* line 37, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .vue-sidebar .close:not(.activities-sidebar-close) {
  display: none;
}

/* line 43, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar-error {
  font-weight: 500;
  color: #f05252;
}

/* line 48, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar-loading {
  font-weight: 500;
  color: #2aa7ff;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

/* line 55, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar-loading .spinner {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  border: 2px solid #2aa7ff;
  border-right-color: transparent;
  -webkit-animation: fa-spin 1.6s linear infinite;
  -moz-animation: fa-spin 1.6s linear infinite;
  -o-animation: fa-spin 1.6s linear infinite;
  -ms-animation: fa-spin 1.6s linear infinite;
  animation: fa-spin 1.6s linear infinite;
}

/* line 67, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .title {
  font-size: 24px;
  font-weight: 500;
}

/* line 72, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .is-block {
  line-height: 40px;
}

/* line 75, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .is-block .btn-back {
  font-weight: 500;
}

/* line 76, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .is-block .btn-back .hi-left {
  margin-top: 4px;
  margin-right: 3px;
}

/* line 86, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .custom-app-tabs-wrapper .nav-tabs {
  flex-wrap: nowrap;
  max-width: 90%;
  margin-top: 15px;
  margin-bottom: 30px;
}

@media (max-width: 767.98px) {
  /* line 86, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
  .vue-sidebar .custom-app-tabs-wrapper .nav-tabs {
    width: initial;
  }
}

/* line 96, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .custom-app-tabs-wrapper .nav-tabs > li {
  box-shadow: none;
  border-bottom: 0.5px solid #d1d5db;
}

/* line 100, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .custom-app-tabs-wrapper .nav-tabs > li.active {
  border-bottom: 2px solid #2aa7ff;
}

/* line 106, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .custom-app-tabs-wrapper .manage-job-sites {
  display: flex;
  align-self: center;
  margin-top: auto;
  padding-bottom: 15px;
}

/* line 112, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.vue-sidebar .custom-app-tabs-wrapper .manage-job-sites i {
  margin-right: 5px;
}

/* line 120, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .activities-location-select-list {
  padding-top: 12px;
}

/* line 124, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .vue-sidebar {
  width: 100%;
  max-width: 400px;
}

/* line 128, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .vue-sidebar .custom-app-tabs-wrapper {
  margin-top: -15px;
}

/* line 133, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar__divider {
  background: #f3f4f6;
  padding: 1rem 0;
  margin: 0 -3rem;
  line-height: 1.5rem;
  border-top: 1px solid #d1d5db;
  border-bottom: 1px solid #d1d5db;
}

/* line 143, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .app-select-list.inactive-members .activities-location-sidebar-member-item {
  opacity: 0.5;
}

/* line 148, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .app-select-list.inactive-members .activities-location-sidebar-member-item .member-item-section.on-selected p.hint a {
  min-width: initial;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  vertical-align: initial;
}

/* line 158, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .app-select-list.inactive-members .activities-location-sidebar-member-item.active {
  opacity: 1;
  border: none;
  background-color: #f3f4f6;
}

/* line 166, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .custom-select-list-item-wrapper {
  padding-left: 30px;
}

/* line 169, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .custom-select-list-item-wrapper .job-site-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 174, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .custom-select-list-item-wrapper .job-site-item .job-site-item-content {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}

/* line 180, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .custom-select-list-item-wrapper .job-site-item .custom-select-list-item-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

/* line 188, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .custom-select-list-item-wrapper .job-site-item .custom-select-list-item-avatar img {
  width: 14px;
  height: 20px;
}

/* line 195, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar .custom-select-list-item-wrapper .custom-select-list-item-marker {
  display: flex;
  flex-direction: row;
  width: 50px;
  height: 50px;
  padding: 15px;
  margin-top: 5px;
  border-radius: 50%;
  background-color: #f3f4f6;
}

/* line 209, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar-member-item:not(:first-child) {
  border-top: 1px solid #d1d5db;
}

/* line 213, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar-member-item .member-item-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 219, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.activities-location-sidebar-member-item .member-item-section {
  width: 100%;
  display: flex;
  align-items: center;
}

/* line 226, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.map-sidebar-sort-by {
  display: block;
  margin-bottom: 15px;
}

/* line 231, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.map-sidebar-sort-by .dropdown .dropdown-header {
  display: none;
}

/* line 235, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.map-sidebar-sort-by .dropdown .dropdown-toggle {
  padding: 0;
}

/* line 238, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.map-sidebar-sort-by .dropdown .dropdown-toggle .hi-caret, .map-sidebar-sort-by .dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .map-sidebar-sort-by .dropdown .dropdown-toggle b:before {
  transition: all 0.3s ease;
}

/* line 245, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.map-sidebar-sort-by .dropdown .dropdown-menu li a {
  width: 100%;
}

/* line 248, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.map-sidebar-sort-by .dropdown .dropdown-menu li a::before {
  display: none;
}

/* line 256, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation-sidebar.scss */
.map-sidebar-sort-by .dropdown.open .dropdown-toggle .hi-caret, .map-sidebar-sort-by .dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .map-sidebar-sort-by .dropdown.open .dropdown-toggle b:before {
  transform: rotate(180deg);
}

/* line 1, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page {
  /*
  * We're doing this here so that we can make sure that we scope the changes
  * inside this component while the global changes on the UI get applied.
  * And after we can find the styles and actual changes in one simple place.
  */
}

/* line 2, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .content-wrapper {
  padding-bottom: 0;
}

/* line 5, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .container-fluid {
  flex: 1;
}

/* line 8, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .page-header-wrapper {
  margin: 0 -15px;
  padding: 0 15px 20px;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 778;
  display: block;
  flex-shrink: 0;
}

/* line 17, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .page-header-wrapper .reports-app-datepicker {
  flex-basis: auto;
  flex-shrink: 0;
  justify-content: flex-start;
  max-width: 100%;
}

/* line 26, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .custom-toggle-button-group-wrapper .control-label, .activities-location-page .custom-toggle-button-group-wrapper #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .activities-location-page .custom-toggle-button-group-wrapper .inline-control-label {
  display: none;
}

/* line 39, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .lo-dp /deep/ .prev {
  order: 1;
}

/* line 43, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .lo-dp /deep/ .datepicker {
  order: 2;
}

/* line 47, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .lo-dp /deep/ .next {
  order: 3;
}

/* line 51, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-page .lo-dp /deep/ .today {
  /* TODO: We keep this button for now until PR5 of Live/Past project
                in order to not break functionality for the time being.
        */
  /* display: none; */
  order: 4;
}

/* line 62, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-main-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 68, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 75, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls {
  position: relative;
}

@media (max-width: 767.98px) {
  /* line 75, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activities-location-component .activity-filters-row.date-controls {
    align-items: center;
  }
}

@media (min-width: 768px) {
  /* line 75, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activities-location-component .activity-filters-row.date-controls {
    align-items: flex-start;
  }
}

@media (max-width: 991.98px) {
  /* line 75, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activities-location-component .activity-filters-row.date-controls {
    margin-top: 15px;
  }
}

/* line 90, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls .next-poll {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

/* line 97, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls input {
  transition: border-color .3s ease-in-out;
}

@media (max-width: 767.98px) {
  /* line 101, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activities-location-component .activity-filters-row.date-controls .vue-app-date-picker {
    margin-right: 0 !important;
  }
  /* line 106, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activities-location-component .activity-filters-row.date-controls .vue-app-date-picker .prev,
.activities-location-component .activity-filters-row.date-controls .vue-app-date-picker .next,
.activities-location-component .activity-filters-row.date-controls .vue-app-date-picker .datepicker {
    margin-bottom: 15px;
  }
}

/* line 116, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls .vue-app-time-zone-dropdown .dropdown-toggle.btn, .activities-location-component .activity-filters-row.date-controls .vue-app-time-zone-dropdown .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.nav-item, .app-tabs-switch > .nav.nav-tabs .activities-location-component .activity-filters-row.date-controls .vue-app-time-zone-dropdown .dropdown-toggle.nav-item {
  min-width: initial;
  padding-left: 0;
  padding-right: 0;
}

/* line 122, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls .vue-app-time-zone-dropdown.past {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  /* line 122, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activities-location-component .activity-filters-row.date-controls .vue-app-time-zone-dropdown.past {
    margin-top: 15px;
  }
}

/* line 131, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls .datepicker {
  transition: transform .3s ease-in-out;
}

/* line 136, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls.highlight .datepicker {
  transform: scale(1.05);
}

/* line 139, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls.highlight .datepicker input {
  border: 2px solid #2aa7ff;
}

/* line 147, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls.disabled:hover {
  cursor: not-allowed;
}

/* line 151, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activity-filters-row.date-controls.disabled .dropdown {
  pointer-events: none;
}

/* line 158, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .page-heading {
  display: inline-flex;
}

/* line 162, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .table-actions-dropdown {
  float: right;
}

/* line 166, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .settings-link {
  justify-content: flex-end;
}

/* line 169, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .settings-link.inline {
  display: inline-flex;
}

/* line 173, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .settings-link i {
  margin-right: 5px;
  margin-left: 8px;
  text-align: right;
}

/* line 180, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .app-time-zone-picker {
  min-width: 200px;
  width: 100%;
}

/* line 183, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .app-time-zone-picker .select2-container--bootstrap.select2-container--bootstrap {
  max-width: 310px;
}

/* line 188, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-component .activities-location-sidebar .vue-sidebar .vue-sidebar-pull-btn {
  top: 88px;
}

/* line 193, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activity-filters-row {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

/* line 204, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-reset-zoom-control {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 147px;
  left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  color: #6b7280;
  cursor: pointer;
}

/* line 219, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-reset-zoom-control:hover {
  color: #374151;
}

/* line 224, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-view-button {
  color: #2aa7ff;
  background-color: transparent;
  background-image: none;
  border: 1px solid #2aa7ff;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 15px;
  border-radius: 5px;
  border: 1px solid;
  background: #ffffff;
  transition: all .3s ease-in-out;
}

/* line 129, app/assets/stylesheets/helpers/_mixins.scss */
.activities-location-view-button:focus, .activities-location-view-button.focus {
  box-shadow: 0 0 0 3px rgba(42, 167, 255, 0.5);
}

/* line 134, app/assets/stylesheets/helpers/_mixins.scss */
.activities-location-view-button.disabled, .activities-location-view-button:disabled {
  color: #2aa7ff;
  background-color: transparent;
}

/* line 140, app/assets/stylesheets/helpers/_mixins.scss */
.activities-location-view-button.active, .show > .activities-location-view-button.dropdown-toggle {
  color: #ffffff;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

@media (min-width: 576px) {
  /* line 67, app/assets/stylesheets/helpers/_mixins.scss */
  .activities-location-view-button:hover {
    color: #ffffff;
    background-color: #2aa7ff;
    border-color: #2aa7ff;
  }
  /* line 154, app/assets/stylesheets/helpers/_mixins.scss */
  .activities-location-view-button:active {
    color: #ffffff;
    background-color: #2aa7ff;
    border-color: #2aa7ff;
  }
}

/* line 232, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-view-button i.hi, .activities-location-view-button .is-first.is-last.is-complete .v-step-number-wrapper i.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .activities-location-view-button i.step-number, .activities-location-view-button i.vue-map-search:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-work_break_policy:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-job_site:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-team:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-task:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-timesheet:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-project:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-client:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-user:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-member:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-date:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-week:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-results__option.is-paid:before, .activities-location-view-button .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activities-location-view-button i.select2-selection:before {
  margin-right: 8px;
}

/* line 236, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-view-button.active {
  background: #2aa7ff;
}

/* line 240, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-view-button.view-info-btn {
  width: 110px;
}

/* line 244, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
.activities-location-view-button.view-route-btn {
  width: 124px;
}

@media (min-width: 768px) {
  /* line 250, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activity-filters-row {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 254, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activity-filters-row .reports-app-datepicker {
    flex-wrap: nowrap;
  }
  /* line 257, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activity-filters-row .app-time-zone-picker {
    margin-right: 15px;
    width: auto;
  }
}

@media (min-width: 1200px) {
  /* line 266, app/assets/stylesheets/components/ActivitiesLocation/_activitiesLocation.scss */
  .activities-location-page .page-header-wrapper {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 1, app/assets/stylesheets/components/_appBannerAd.scss */
.banner-ad {
  border-radius: 0.8rem;
  padding: 2rem 3.2rem 2rem 2rem;
  position: relative;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border: 0.1rem solid #e5e7eb;
}

/* line 9, app/assets/stylesheets/components/_appBannerAd.scss */
.banner-ad .close-icon {
  position: absolute;
  top: 0.7rem;
  right: 0.7rem;
  color: #6b7280;
  cursor: pointer;
}

/* line 17, app/assets/stylesheets/components/_appBannerAd.scss */
.banner-ad .content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}

/* line 24, app/assets/stylesheets/components/_appBannerAd.scss */
.banner-ad .content .text {
  display: flex;
  flex-direction: column;
}

/* line 28, app/assets/stylesheets/components/_appBannerAd.scss */
.banner-ad .content .text .logo {
  margin-bottom: 2rem;
}

/* line 31, app/assets/stylesheets/components/_appBannerAd.scss */
.banner-ad .content .text .logo.transferwise {
  width: 8rem;
}

/* line 37, app/assets/stylesheets/components/_appBannerAd.scss */
.banner-ad .content .ctas {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: start;
  margin-top: 2rem;
}

/* line 44, app/assets/stylesheets/components/_appBannerAd.scss */
.banner-ad .content .ctas .primary-cta {
  margin-right: 2rem;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/_appBannerAd.scss */
  .banner-ad {
    margin-right: 70px;
  }
  /* line 52, app/assets/stylesheets/components/_appBannerAd.scss */
  .banner-ad .content {
    align-items: center;
    flex-direction: row;
  }
  /* line 56, app/assets/stylesheets/components/_appBannerAd.scss */
  .banner-ad .content .text {
    flex-direction: row;
    align-items: center;
  }
  /* line 60, app/assets/stylesheets/components/_appBannerAd.scss */
  .banner-ad .content .text .logo {
    margin-bottom: 0;
    margin-right: 2rem;
    width: 2.4rem;
    height: 2.3rem;
  }
  /* line 66, app/assets/stylesheets/components/_appBannerAd.scss */
  .banner-ad .content .text .logo.transferwise {
    width: 10rem;
    height: 4rem;
  }
  /* line 73, app/assets/stylesheets/components/_appBannerAd.scss */
  .banner-ad .content .ctas {
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    margin-left: 1rem;
  }
  /* line 79, app/assets/stylesheets/components/_appBannerAd.scss */
  .banner-ad .content .ctas .secondary-cta {
    margin-right: 2rem;
    white-space: nowrap;
  }
  /* line 84, app/assets/stylesheets/components/_appBannerAd.scss */
  .banner-ad .content .ctas .primary-cta {
    margin-right: 0;
  }
}

/* line 92, app/assets/stylesheets/components/_appBannerAd.scss */
.wise-banner-ad {
  bottom: 0;
  position: absolute;
  padding: 0px 15px;
  width: 100%;
  z-index: 999;
}

/* line 99, app/assets/stylesheets/components/_appBannerAd.scss */
.wise-banner-ad .banner-ad {
  margin-right: 0px;
}

/* line 105, app/assets/stylesheets/components/_appBannerAd.scss */
.main-wrapper .wise-banner-ad {
  width: calc(100%);
  left: 0;
}

/* line 112, app/assets/stylesheets/components/_appBannerAd.scss */
.full-sidebar .main-wrapper .wise-banner-ad {
  width: calc(100% - 240px);
  left: 240px;
}

@media (min-width: 768px) {
  /* line 122, app/assets/stylesheets/components/_appBannerAd.scss */
  .main-wrapper .wise-banner-ad {
    width: calc(100% - 80px);
    left: 80px;
    padding: 0px 30px;
  }
  /* line 130, app/assets/stylesheets/components/_appBannerAd.scss */
  .tablet-sidebar-expanded .main-wrapper .wise-banner-ad {
    width: calc(100% - 240px);
    left: 240px;
  }
}

@media (min-width: 992px) {
  /* line 141, app/assets/stylesheets/components/_appBannerAd.scss */
  .main-wrapper .wise-banner-ad {
    width: calc(100% - 240px);
    left: 240px;
  }
  /* line 148, app/assets/stylesheets/components/_appBannerAd.scss */
  .sidebar-collapsed .main-wrapper .wise-banner-ad {
    width: calc(100% - 80px);
    left: 80px;
  }
}

/* line 1, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  user-select: none;
  width: 100%;
}

/* line 9, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 16, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-inner-horizontal {
  height: 191px;
}

/* line 20, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-inner-vertical {
  height: 600px;
}

/* line 25, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-item {
  height: 100%;
  flex-shrink: 0;
  width: 100%;
  display: flex;
  gap: 3rem;
  touch-action: pan-y;
  position: absolute;
}

/* line 34, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-item-vertical {
  flex-direction: column;
  gap: 1rem;
}

/* line 39, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-item-stub {
  width: 100%;
}

/* line 44, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-arrow-control {
  cursor: pointer;
  width: 1.5rem;
}

@media (hover: hover) {
  /* line 49, app/assets/stylesheets/components/_appCarousel.scss */
  .app-carousel-arrow-control:hover {
    filter: brightness(0) saturate(100%) invert(17%) sepia(12%) saturate(570%) hue-rotate(177deg) brightness(89%) contrast(91%);
  }
}

/* line 55, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-arrow-control-mobile {
  height: 1.4rem;
  width: 4.5rem;
}

/* line 61, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-controls {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

/* line 69, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-control {
  background: #f0f5ff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-control:hover {
  background: #d1d5db;
}

/* line 80, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-control-active {
  background: #9ca3af;
}

/* line 84, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel-control-disabled {
  pointer-events: none;
}

/* line 93, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel .slide-fade-next-enter-active, .app-carousel .slide-fade-next-leave-active {
  transition: all 0.2s ease-in;
}

/* line 97, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel .slide-fade-next-enter {
  transform: translateX(100%);
  opacity: 0;
}

/* line 102, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel .slide-fade-next-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}

/* line 110, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel .slide-fade-prev-enter-active, .app-carousel .slide-fade-prev-leave-active {
  transition: all 0.2s ease-in;
}

/* line 114, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel .slide-fade-prev-enter {
  transform: translateX(-100%);
  opacity: 0;
}

/* line 119, app/assets/stylesheets/components/_appCarousel.scss */
.app-carousel .slide-fade-prev-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

/* line 1, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 6, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item {
  z-index: 1;
  background: white;
}

/* line 10, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item .toggle {
  height: 20px;
  background: white;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  margin: 1.5rem 0;
}

/* line 19, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item .toggle .collapse-title {
  flex-grow: 1;
  padding: 5px 0;
}

/* line 23, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item .toggle .collapse-title span {
  max-width: 250px;
}

/* line 27, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item .toggle .collapse-title:after {
  content: '';
  height: 1px;
  background: #d1d5db;
  flex-grow: 1;
  margin: 0 1rem;
}

/* line 36, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item .toggle i {
  font-size: 10px;
  transition: transform 0.3s ease;
}

/* line 40, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item .toggle i.visible {
  transform: rotate(90deg);
}

/* line 47, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item:nth-child(1) .toggle {
  margin-top: 0;
}

/* line 53, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item.active i {
  transform: rotate(90deg);
}

/* line 58, app/assets/stylesheets/components/_appCollapse.scss */
.app-collapse-item .content {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

/* line 66, app/assets/stylesheets/components/_appCollapse.scss */
.collapse-enter-active,
.collapse-leave-active {
  transition: all 200ms;
}

/* line 70, app/assets/stylesheets/components/_appCollapse.scss */
.collapse-enter,
.collapse-leave-to {
  opacity: 0;
}

/* line 2, app/assets/stylesheets/components/_appCopyInputValue.scss */
.app-copy-input-value input {
  border-color: #e5e7eb;
  height: 40px;
}

/* line 7, app/assets/stylesheets/components/_appCopyInputValue.scss */
.app-copy-input-value span {
  background-color: #ffffff;
  min-width: 80px;
  cursor: pointer;
  height: 40px;
  border-left: 0px;
  user-select: none;
}

/* line 15, app/assets/stylesheets/components/_appCopyInputValue.scss */
.app-copy-input-value span.pressed {
  cursor: default;
}

/* line 17, app/assets/stylesheets/components/_appCopyInputValue.scss */
.app-copy-input-value span.pressed .copy-link {
  color: black;
}

/* line 1, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning {
  display: flex;
  margin-bottom: 2rem;
  border: 1px solid #f05252;
  border-radius: 2px;
  padding: 0.5rem 1.5rem 0.5rem 1rem;
}

/* line 8, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning .hi-info-filled {
  margin-right: 1rem;
  color: #f05252;
}

/* line 13, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning.purple {
  border-color: #8b1dff;
}

/* line 16, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning.purple .hi-info-filled {
  color: #8b1dff;
}

/* line 21, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning.blue {
  border-color: #2aa7ff;
}

/* line 24, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning.blue .hi-info-filled {
  color: #2aa7ff;
}

/* line 29, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning.orange {
  border-color: #ff9725;
}

/* line 32, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning.orange .hi-info-filled {
  color: #ff9725;
}

/* line 36, app/assets/stylesheets/components/_appDialog.scss */
.dialog-warning.orange .hi-warning-filled {
  color: #ff9725;
}

/* line 42, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 49, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog.opened {
  z-index: 1061;
}

/* line 53, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .modal.in {
  z-index: 1061;
}

/* line 57, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .modal-dialog {
  z-index: 1061;
}

/* line 60, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .modal-dialog.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
  /* line 60, app/assets/stylesheets/components/_appDialog.scss */
  .app-dialog .modal-dialog.centered {
    width: 600px;
  }
}

@media only screen and (max-width: 630px) {
  /* line 60, app/assets/stylesheets/components/_appDialog.scss */
  .app-dialog .modal-dialog.centered {
    width: 360px;
  }
}

/* line 77, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog.paddingless .modal-body, .app-dialog.paddingless .modal-body-centered {
  padding: 0;
}

/* line 82, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog.put-under {
  z-index: 1049;
}

/* line 85, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog.put-under .modal.in {
  z-index: 1049;
}

/* line 91, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog.scrollable .modal-body, .app-dialog.scrollable .modal-body-centered {
  overflow-y: auto;
  max-height: 90vh;
}

/* line 97, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog span.help-block {
  flex-direction: column;
}

/* line 101, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .modal-subheading {
  display: flex;
  align-items: center;
  font-weight: 500;
  margin: 40px 0 20px;
}

/* line 109, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .dialog-warning .hi-info-filled {
  padding-top: 1.4rem;
}

/* line 111, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .dialog-warning .hi-info-filled.pt-0 {
  padding-top: 0;
}

/* line 116, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .dialog-warning .hi-warning-filled {
  margin-right: 1rem;
}

/* line 119, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .dialog-warning .hi-warning-filled.pt-0 {
  padding-top: 0;
}

/* line 125, app/assets/stylesheets/components/_appDialog.scss */
.app-dialog .modal-subtitle {
  color: #9ca3af;
}

/* line 130, app/assets/stylesheets/components/_appDialog.scss */
.people-addon-preview {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 300;
  margin: 2rem 0 3.5rem;
  padding: 3rem 0.5rem 0.5rem 3rem;
  position: relative;
}

/* line 140, app/assets/stylesheets/components/_appDialog.scss */
.people-addon-preview img {
  position: absolute;
  left: 6px;
  top: -7px;
}

/* line 146, app/assets/stylesheets/components/_appDialog.scss */
.people-addon-preview.primary-border {
  border: 1px solid #2aa7ff;
  background: rgba(42, 167, 255, 0.08);
}

/* line 151, app/assets/stylesheets/components/_appDialog.scss */
.people-addon-preview.small {
  padding: 2.5rem 0.5rem 0.5rem 3rem;
}

@media (max-width: 767.98px) {
  /* line 151, app/assets/stylesheets/components/_appDialog.scss */
  .people-addon-preview.small {
    margin: 2.5rem 0 1rem;
  }
}

/* line 159, app/assets/stylesheets/components/_appDialog.scss */
.people-addon-preview ul {
  margin-bottom: 0;
  padding-left: 2rem;
}

/* line 166, app/assets/stylesheets/components/_appDialog.scss */
.reset-password-dialog form, .reset-password-dialog .modal-body, .reset-password-dialog .modal-body-centered {
  display: flex;
  flex-direction: column;
}

/* line 171, app/assets/stylesheets/components/_appDialog.scss */
.reset-password-dialog form {
  min-height: 390px;
}

/* line 175, app/assets/stylesheets/components/_appDialog.scss */
.reset-password-dialog .modal-body, .reset-password-dialog .modal-body-centered {
  min-height: 450px;
}

/* line 180, app/assets/stylesheets/components/_appDialog.scss */
.reset-password-dialog .form-check.radio label {
  transform: translateY(1px);
}

/* line 186, app/assets/stylesheets/components/_appDialog.scss */
.reset-password-dialog .password i.hi-eye {
  cursor: pointer;
  right: 14px;
  top: 14px;
}

/* line 193, app/assets/stylesheets/components/_appDialog.scss */
.reset-password-dialog .footer {
  margin-top: auto;
}

/* line 1, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group {
  min-width: 199px;
  margin: 0;
  font-weight: 400;
}

/* line 6, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* line 10, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group ul li {
  margin: 0;
}

/* line 15, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group .dropdown-item-group-header {
  pointer-events: none;
}

/* line 18, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group .dropdown-item-group-header span {
  font-size: 10px;
  color: #6b7280;
  text-transform: uppercase;
  line-height: 12px;
  padding: 8px 8px 4px 16px;
}

/* line 27, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group .divider {
  border: 1px solid #d1d5db;
  margin: 8px 12px 8px 12px;
}

/* line 32, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group li.dropdown-item {
  font-size: 12px;
  line-height: 14px;
}

/* line 36, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group li.dropdown-item a {
  display: flex;
  align-items: center;
  color: #1f2937;
  padding: 8px 8px 8px 16px;
}

/* line 43, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group li.dropdown-item a[disabled='disabled'] {
  color: #9ca3af;
  opacity: 1;
}

/* line 48, app/assets/stylesheets/components/_appDropdownItemGroup.scss */
li.dropdown-item-group li.dropdown-item a i.hi, li.dropdown-item-group li.dropdown-item a .is-first.is-last.is-complete .v-step-number-wrapper i.step-number, .is-first.is-last.is-complete .v-step-number-wrapper li.dropdown-item-group li.dropdown-item a i.step-number, li.dropdown-item-group li.dropdown-item a i.vue-map-search:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-work_break_policy:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-job_site:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-team:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-task:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-timesheet:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-project:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-client:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-user:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-member:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-date:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-week:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-results__option.is-paid:before, li.dropdown-item-group li.dropdown-item a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap li.dropdown-item-group li.dropdown-item a i.select2-selection:before {
  color: #6b7280;
  margin-right: 1em;
}

/* line 1, app/assets/stylesheets/components/_appExcerpt.scss */
.app-excerpt {
  display: flex;
  flex-direction: column;
}

/* line 5, app/assets/stylesheets/components/_appExcerpt.scss */
.app-excerpt__container {
  position: relative;
  transition: height .3s ease-in-out;
  overflow: hidden;
}

/* line 10, app/assets/stylesheets/components/_appExcerpt.scss */
.app-excerpt__container::after {
  content: '';
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  background: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 83%);
  transition: all .4s ease-in-out;
}

/* line 26, app/assets/stylesheets/components/_appExcerpt.scss */
.app-excerpt__container--disabled::after, .app-excerpt__container--expanded::after {
  opacity: 0;
}

/* line 32, app/assets/stylesheets/components/_appExcerpt.scss */
.app-excerpt__trigger {
  margin-top: 10px;
}

/* line 1, app/assets/stylesheets/components/_appFileImport.scss */
.upload-zone {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
  min-height: 150px;
  flex-direction: column;
  border: 1px dashed #9ca3af;
  background-color: #f9fafb;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* line 16, app/assets/stylesheets/components/_appFileImport.scss */
.upload-zone .upload-field input.upload {
  display: none !important;
}

/* line 21, app/assets/stylesheets/components/_appFileImport.scss */
.upload-zone .accepted-file-types {
  color: #6b7280;
  margin-top: 15px;
}

/* line 25, app/assets/stylesheets/components/_appFileImport.scss */
.upload-zone .accepted-file-types .file-types {
  font-weight: bold;
}

/* line 30, app/assets/stylesheets/components/_appFileImport.scss */
.upload-zone .uploaded-file {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
}

/* line 36, app/assets/stylesheets/components/_appFileImport.scss */
.upload-zone .uploaded-file i {
  color: #2aa7ff;
  margin-right: 5px;
}

/* line 41, app/assets/stylesheets/components/_appFileImport.scss */
.upload-zone .uploaded-file .filename {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner {
  padding: 2rem 3rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #8b1dff;
  background: #f6edff;
  position: relative;
  margin-bottom: 2rem;
}

/* line 9, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 14, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content {
  width: 100%;
  gap: 1rem;
}

/* line 18, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .title {
  margin-top: 0;
}

/* line 22, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 2rem;
}

/* line 29, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .btn, .informational-banner .wrapper .content .ctas .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .informational-banner .wrapper .content .ctas .nav-item {
  min-width: unset;
}

/* line 33, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .primary-cta {
  background-color: #8b1dff;
  color: #ffffff;
  width: 100%;
}

/* line 38, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .primary-cta:hover {
  background-color: #8b1dff;
  border-color: #8b1dff;
}

/* line 44, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .secondary-cta {
  background-color: transparent;
  border-color: #8b1dff;
  color: #8b1dff;
  width: 100%;
}

/* line 50, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .secondary-cta:hover {
  background-color: #8b1dff;
  border-color: #8b1dff;
  color: #ffffff;
}

/* line 57, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .dismiss {
  min-width: 16.5rem;
}

/* line 61, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .dismiss .custom-checkbox-wrapper .custom-checkbox-box {
  background: #ffffff;
  border-color: #d1d5db;
}

/* line 66, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .dismiss .custom-checkbox-wrapper span:last-child {
  color: #6b7280;
  font-weight: normal;
}

/* line 72, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .ctas .dismiss input:checked + .custom-checkbox-box {
  background: #8b1dff;
  border-color: #8b1dff;
}

/* line 79, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .features {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  font-weight: 500;
}

/* line 86, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .features li {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}

/* line 91, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .content .features li:before {
  content: '•';
  color: #8b1dff;
  margin-right: 0.5rem;
  font-size: 2rem;
}

/* line 101, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .wrapper .illustration-wrapper {
  display: none;
}

/* line 106, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner .hi-close, .informational-banner .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .informational-banner .close-notifications {
  position: absolute;
  top: 2.2rem;
  right: 3.2rem;
  color: #8b1dff;
  cursor: pointer;
}

@media (min-width: 1200px) {
  /* line 116, app/assets/stylesheets/components/_appInformationalBanner.scss */
  .informational-banner .wrapper .content {
    width: 65%;
  }
  /* line 119, app/assets/stylesheets/components/_appInformationalBanner.scss */
  .informational-banner .wrapper .content .features {
    flex-direction: unset;
    justify-content: space-between;
    max-width: 75rem;
  }
  /* line 126, app/assets/stylesheets/components/_appInformationalBanner.scss */
  .informational-banner .wrapper .illustration-wrapper {
    display: flex;
  }
  /* line 129, app/assets/stylesheets/components/_appInformationalBanner.scss */
  .informational-banner .wrapper .illustration-wrapper .illustration {
    position: absolute;
    bottom: 0rem;
    right: 5rem;
  }
}

@media (min-width: 768px) {
  /* line 140, app/assets/stylesheets/components/_appInformationalBanner.scss */
  .informational-banner .wrapper .content {
    display: flex;
    flex-direction: column;
  }
  /* line 144, app/assets/stylesheets/components/_appInformationalBanner.scss */
  .informational-banner .wrapper .content .ctas {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
  }
  /* line 150, app/assets/stylesheets/components/_appInformationalBanner.scss */
  .informational-banner .wrapper .content .ctas .primary-cta {
    width: unset;
  }
  /* line 154, app/assets/stylesheets/components/_appInformationalBanner.scss */
  .informational-banner .wrapper .content .ctas .secondary-cta {
    width: unset;
  }
}

/* line 162, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner.bright-blue {
  background-color: rgba(42, 167, 255, 0.08);
  border-color: #2aa7ff;
}

/* line 169, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner.bright-blue .wrapper .content .ctas .primary-cta {
  background-color: #2aa7ff;
}

/* line 172, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner.bright-blue .wrapper .content .ctas .primary-cta:hover {
  border-color: #2aa7ff;
}

/* line 177, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner.bright-blue .wrapper .content .ctas .secondary-cta {
  border-color: #2aa7ff;
  color: #0973cb;
}

/* line 181, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner.bright-blue .wrapper .content .ctas .secondary-cta:hover {
  background-color: #2aa7ff;
  border-color: #2aa7ff;
  color: #ffffff;
}

/* line 189, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner.bright-blue .wrapper .content .ctas .dismiss input:checked + .custom-checkbox-box {
  background: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 198, app/assets/stylesheets/components/_appInformationalBanner.scss */
.informational-banner.bright-blue .hi-close, .informational-banner.bright-blue .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .informational-banner.bright-blue .close-notifications {
  color: #7a8798;
}

/* line 2, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .title {
  display: flex;
  flex-direction: column;
}

/* line 6, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .title .icon {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  background-color: #8b1dff;
  border-radius: 4px;
  color: #ffffff;
  padding: 0.5rem 1rem 0.5rem 1rem;
  max-height: 3rem;
  max-width: 8rem;
  margin-bottom: 0.5rem;
}

/* line 18, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .title .icon i {
  margin-right: 1rem;
  font-size: 1.2rem;
}

/* line 23, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .title .icon .text {
  font-size: 1.2rem;
  font-weight: 400;
}

@media (min-width: 576px) {
  /* line 2, app/assets/stylesheets/components/_appInformationalDialog.scss */
  .app-informational-dialog .title {
    flex-direction: unset;
    max-width: unset;
  }
}

/* line 35, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .footer {
  display: flex;
  flex-direction: column;
}

/* line 39, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .footer .dismiss {
  align-self: center;
}

/* line 42, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .footer .dismiss .text {
  font-weight: 400;
  color: #6b7280;
}

@media (min-width: 576px) {
  /* line 50, app/assets/stylesheets/components/_appInformationalDialog.scss */
  .app-informational-dialog .footer {
    margin-left: 1rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

/* line 57, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content {
  display: flex;
  flex-direction: column;
}

/* line 61, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .illustration {
  align-self: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 67, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .primary-cta {
  align-self: center;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: 1rem;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 76, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .step {
  display: flex;
  align-self: flex-start;
}

/* line 80, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .step .info {
  align-self: center;
}

@media (min-width: 576px) {
  /* line 86, app/assets/stylesheets/components/_appInformationalDialog.scss */
  .app-informational-dialog .content .primary-cta {
    width: unset;
    margin-bottom: unset;
    margin-top: unset;
  }
}

/* line 93, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .lines-wrapper {
  transform: rotate(90deg);
}

/* line 96, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .lines-wrapper .step-line {
  z-index: 0;
  left: 18rem;
  top: 12.6rem;
  width: 13rem;
}

@media (min-width: 631px) {
  /* line 104, app/assets/stylesheets/components/_appInformationalDialog.scss */
  .app-informational-dialog .content .lines-wrapper .step-line {
    left: 30rem;
    top: 24.6rem;
    width: 13rem;
  }
}

/* line 112, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .list {
  display: flex;
}

/* line 115, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .list .step-segments-wrapper {
  display: flex;
  align-self: flex-start;
  width: unset;
  justify-content: unset;
  transform: rotate(90deg);
  margin-bottom: 2rem;
}

/* line 123, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .list .step-segments-wrapper .step-number {
  transform: rotate(-90deg);
  color: #1f2937;
}

/* line 129, app/assets/stylesheets/components/_appInformationalDialog.scss */
.app-informational-dialog .content .list .step-info {
  margin-top: 1rem;
  margin-left: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
}

@media (max-width: 480px) {
  /* line 137, app/assets/stylesheets/components/_appInformationalDialog.scss */
  .app-informational-dialog .content .list .step-info {
    margin-top: 0;
  }
}

/* line 1, app/assets/stylesheets/components/_appInputSearch.scss */
.search-wrapper {
  position: relative;
  margin-bottom: 15px;
}

/* line 5, app/assets/stylesheets/components/_appInputSearch.scss */
.search-wrapper .search-clear,
.search-wrapper .search-icon {
  position: absolute;
  top: 14px;
}

/* line 11, app/assets/stylesheets/components/_appInputSearch.scss */
.search-wrapper .search-icon {
  left: 14px;
}

/* line 15, app/assets/stylesheets/components/_appInputSearch.scss */
.search-wrapper .search-clear {
  right: 14px;
  color: #6b7280;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/components/_appInputSearch.scss */
.search-wrapper .search-clear:hover {
  color: #2aa7ff;
}

/* line 25, app/assets/stylesheets/components/_appInputSearch.scss */
.search-wrapper .form-control {
  padding: 0 30px 0 34px;
}

/* line 4, app/assets/stylesheets/components/_appLazySelect.scss */
.app-lazy-select-title > i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  color: #6b7280;
}

/* line 12, app/assets/stylesheets/components/_appLazySelect.scss */
.app-lazy-select .clear-all-trigger {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  font-size: 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}

/* line 22, app/assets/stylesheets/components/_appLazySelect.scss */
.app-lazy-select .clear-all-trigger:hover {
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/components/_appLazySelect.scss */
.app-lazy-select .select2-selection-counter > div p {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 38, app/assets/stylesheets/components/_appLazySelect.scss */
.app-lazy-select.disabled {
  opacity: .6;
  pointer-events: none;
}

/* line 42, app/assets/stylesheets/components/_appLazySelect.scss */
.app-lazy-select.disabled .clear-all-trigger {
  display: none;
}

/* line 48, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content {
  width: 100%;
  max-width: 500px;
  border: none;
  border-radius: 8px;
  background-color: white;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  z-index: 8020;
}

/* line 58, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content.fixed {
  position: fixed;
}

/* line 62, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content.absolute {
  position: absolute;
}

/* line 66, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-header {
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 16px;
  gap: 15px;
  border-bottom: 1px solid #e5e7eb;
}

/* line 74, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters {
  position: relative;
  overflow: hidden;
}

/* line 78, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner {
  position: relative;
  min-width: 100%;
  text-wrap: nowrap;
  gap: 12px;
}

/* line 85, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner.overflown {
  padding-left: 20px;
}

/* line 88, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner.overflown:before, .lazy-select-content-filters-inner.overflown:after {
  content: '';
  display: block;
  height: 100%;
  width: 14px;
  position: absolute;
  top: 0;
}

/* line 98, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner.overflown:before {
  left: 0;
  background-image: -o-linear-gradient(to right, white, rgba(255, 255, 255, 0.05));
  background-image: -moz-linear-gradient(to right, white, rgba(255, 255, 255, 0.05));
  background-image: -webkit-linear-gradient(to right, white, rgba(255, 255, 255, 0.05));
  background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0.05));
}

/* line 103, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner.overflown:after {
  width: 36px;
  right: 0;
  background-image: -o-linear-gradient(to right, rgba(255, 255, 255, 0.05), white);
  background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, 0.05), white);
  background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0.05), white);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05), white);
}

/* line 110, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner-left, .lazy-select-content-filters-inner-right {
  position: absolute;
  top: 50%;
  display: none;
  padding: 0;
  border: none;
  background: none;
  line-height: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}

/* line 123, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner-left:hover, .lazy-select-content-filters-inner-right:hover {
  cursor: pointer;
}

/* line 128, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner-left {
  left: 0;
}

/* line 132, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner-right {
  right: 0;
}

/* line 135, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner-right i {
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -moz-transform: translateY(-1px) rotate(180deg);
  -o-transform: translateY(-1px) rotate(180deg);
  -ms-transform: translateY(-1px) rotate(180deg);
  -webkit-transform: translateY(-1px) rotate(180deg);
  transform: translateY(-1px) rotate(180deg);
}

/* line 141, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-inner.overflown .lazy-select-content-filters-inner-left, .lazy-select-content-filters-inner.overflown .lazy-select-content-filters-inner-right {
  display: block;
}

/* line 147, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-item {
  min-width: 45px;
  padding: 6px 8px;
  color: #6a6a6a;
  text-align: center;
  text-wrap: nowrap;
  border-radius: 50px;
  border: 1px solid #6a6a6a;
}

/* line 156, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-item.selected {
  color: #2aa7ff;
  background: rgba(42, 167, 255, 0.05);
  border: 1px solid #2aa7ff;
}

/* line 162, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters-item:hover:not(.disabled) {
  cursor: pointer;
  background: rgba(229, 231, 235, 0.2);
}

/* line 168, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters .arrow {
  position: sticky;
}

/* line 171, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters .arrow:last-of-type {
  left: 0;
}

/* line 175, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-filters .arrow:last-of-type {
  right: 0;
}

/* line 181, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results {
  overflow-y: auto;
  scrollbar-width: none;
}

/* line 185, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results .no-results {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 190, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results.loading {
  opacity: .75;
  pointer-events: none;
}

/* line 195, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results .empty-results {
  height: 100%;
  gap: 12px;
}

/* line 199, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results .empty-results h6 {
  font-size: 14px;
}

/* line 203, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results .empty-results p {
  font-size: 12px;
}

/* line 208, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list {
  max-height: 340px;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 213, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list.loading {
  opacity: .5;
  pointer-events: none;
}

/* line 222, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item.select-all-trigger.disabled {
  opacity: .6;
}

/* line 225, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item.select-all-trigger.disabled:hover, .lazy-select-content-results-list-item.select-all-trigger.disabled:hover label, .lazy-select-content-results-list-item.select-all-trigger.disabled:hover label:hover {
  cursor: not-allowed !important;
}

/* line 233, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item label,
.lazy-select-content-results-list-item .single-item {
  padding: 1rem 1.5rem;
}

/* line 238, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .item-trailing {
  display: inline-block;
  flex-wrap: nowrap;
  white-space: nowrap;
  justify-content: flex-end;
  font-size: 12px;
  color: #2aa7ff;
}

/* line 247, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .item-contents-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 253, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .item-secondary {
  display: block;
  font-size: 12px;
  color: #777777;
  line-height: 1;
}

/* line 260, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item.disabled {
  opacity: .7;
}

/* line 263, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item.disabled:hover {
  cursor: not-allowed !important;
}

/* line 268, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item-content {
  white-space: nowrap;
  overflow: hidden;
}

/* line 272, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item-content-name {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 280, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .custom-checkbox-wrapper .custom-checkbox-box {
  flex: none;
}

/* line 284, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background-color: #2aa7ff;
}

/* line 290, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item.loading .radio,
.lazy-select-content-results-list-item.loading .custom-checkbox-box {
  visibility: hidden;
}

/* line 296, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .single-item {
  font-weight: normal;
}

/* line 299, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .single-item .radio {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #e5e7eb;
  flex-shrink: 0;
}

/* line 310, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .single-item .radio > span {
  display: block;
  border-radius: 50%;
  background-color: transparent;
  width: 8px;
  height: 8px;
}

/* line 318, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .single-item .radio.checked {
  border: 1px solid #2aa7ff;
  background-color: #2aa7ff;
}

/* line 322, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .single-item .radio.checked > span {
  background-color: white;
}

/* line 328, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item .single-item:hover {
  cursor: pointer;
}

/* line 333, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item.selected, .lazy-select-content-results-list-item:hover:not(.select-all-trigger):not(.disabled) {
  background: rgba(42, 167, 255, 0.05);
}

/* line 338, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item:hover:not(.disabled) {
  cursor: pointer;
}

/* line 342, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item.disabled:hover {
  background: rgba(229, 231, 235, 0.2);
  cursor: not-allowed;
}

/* line 347, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item label.custom-checkbox-wrapper {
  font-weight: 400;
}

/* line 350, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item label.custom-checkbox-wrapper > span:last-of-type {
  display: flex;
  align-items: center;
  margin: 0;
  width: 100%;
  gap: 10px;
}

/* line 359, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item[highlight="true"] {
  box-shadow: inset 0px 0px 3px #2aa7ff;
}

/* line 363, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list-item.highlight {
  box-shadow: inset 0px 0px 3px #2aa7ff;
}

/* line 368, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list .item-skeleton {
  width: 100%;
  flex-wrap: nowrap;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* line 400, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list .item-skeleton-avatar {
  width: 25px;
  height: 25px;
  position: relative;
  background-color: #e5e7eb;
  overflow: hidden;
}

/* line 377, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list .item-skeleton-avatar::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: '';
}

/* line 406, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list .item-skeleton-name {
  width: 25%;
  height: 8px;
  border-radius: 8px;
  position: relative;
  background-color: #e5e7eb;
  overflow: hidden;
}

/* line 377, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-results-list .item-skeleton-name::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: '';
}

/* line 416, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-pagination {
  gap: 50px;
}

/* line 419, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-pagination a.empty {
  visibility: hidden;
}

/* line 424, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-footer {
  position: sticky;
  left: 0;
  bottom: 0;
  padding-top: 16px;
  gap: 16px;
  background: white;
  border-top: 1px solid #e5e7eb;
}

/* line 433, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-footer .toggle-switch-label {
  font-size: 12px;
  line-height: 1;
  text-transform: none;
}

/* line 438, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-footer .toggle-switch-label:hover {
  cursor: pointer;
}

/* line 443, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-footer h5 {
  font-size: 14px;
  font-weight: normal;
}

/* line 448, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-footer button.btn-outline-primary {
  color: #2aa7ff;
}

/* line 451, app/assets/stylesheets/components/_appLazySelect.scss */
.lazy-select-content-footer button.btn-outline-primary:hover {
  color: white;
}

/* line 1, app/assets/stylesheets/components/_appMap.scss */
.vue-app-map-control, .vue-app-map-geolocation-control {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/components/_appMap.scss */
.vue-app-map-geolocation-control {
  left: 15px;
  bottom: 107px;
}

/* line 16, app/assets/stylesheets/components/_appMap.scss */
.vue-app-map-geolocation-control img {
  opacity: 0.8;
  display: block;
  margin: 6px auto;
}

/* line 21, app/assets/stylesheets/components/_appMap.scss */
.vue-app-map-geolocation-control img:hover {
  opacity: 1;
}

/* line 27, app/assets/stylesheets/components/_appMap.scss */
.app-map-stats-box {
  position: absolute;
  bottom: 20px;
  right: 15px;
  display: flex;
  background: #ffffff;
  border-radius: 3px;
  padding: 15px 25px 12px;
  animation: fadeInOpacity ease-in 0.3s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  opacity: 1;
}

/* line 39, app/assets/stylesheets/components/_appMap.scss */
.app-map-stats-box > div:not(:last-child) {
  margin-right: 40px;
}

/* line 43, app/assets/stylesheets/components/_appMap.scss */
.app-map-stats-box .title {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}

/* line 50, app/assets/stylesheets/components/_appMap.scss */
.app-map-stats-box .stats {
  display: block;
  color: #374151;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.2;
}

/* line 58, app/assets/stylesheets/components/_appMap.scss */
.app-map-stats-box .link {
  position: relative;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

/* line 65, app/assets/stylesheets/components/_appMap.scss */
.app-map-stats-box .link:hover .hi-right {
  color: inherit;
}

/* line 70, app/assets/stylesheets/components/_appMap.scss */
.app-map-stats-box .hi-right {
  margin: 1px 0 0 6px;
  font-size: 8px;
  color: #2aa7ff;
  line-height: 13px;
}

/* line 81, app/assets/stylesheets/components/_appMap.scss */
.full-page-map-wrapper.sidebar-open .vue-map-search {
  width: calc(100% - (340px + 30px));
}

/* line 87, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown {
  position: absolute;
  top: 60px;
  right: 15px;
  width: 45px;
  height: 45px;
  background: #2aa7ff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  user-select: none;
}

/* line 99, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown:hover {
  background: #119cff;
}

/* line 103, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-toggle {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

/* line 112, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-toggle .hi:before, .app-map-button-dropdown .dropdown-toggle .is-first.is-last.is-complete .v-step-number-wrapper .step-number:before, .is-first.is-last.is-complete .v-step-number-wrapper .app-map-button-dropdown .dropdown-toggle .step-number:before, .app-map-button-dropdown .dropdown-toggle .vue-map-search:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-work_break_policy:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-job_site:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-team:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-task:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-timesheet:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-project:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-client:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-user:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-member:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-date:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-week:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-results__option.is-paid:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .app-map-button-dropdown .dropdown-toggle b:before, .app-map-button-dropdown .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-selection:before, .app-map-button-dropdown .dropdown-toggle .toggling-dropdown > li.is-on > a:before, .app-map-button-dropdown .dropdown-toggle .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .app-map-button-dropdown .dropdown-toggle input:checked + label:before, .app-map-button-dropdown .dropdown-toggle .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove:before, .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-toggle .select2-selection__choice__remove:before, .app-map-button-dropdown .dropdown-toggle .datepicker:before,
.app-map-button-dropdown .dropdown-toggle .hs_daterange_picker:before, .app-map-button-dropdown .dropdown-toggle .search-filter:before {
  transition: transform 0.1s;
}

/* line 116, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown.open .dropdown-toggle .hi:before, .app-map-button-dropdown.open .dropdown-toggle .is-first.is-last.is-complete .v-step-number-wrapper .step-number:before, .is-first.is-last.is-complete .v-step-number-wrapper .app-map-button-dropdown.open .dropdown-toggle .step-number:before, .app-map-button-dropdown.open .dropdown-toggle .vue-map-search:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-work_break_policy:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-job_site:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-team:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-task:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-timesheet:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-project:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-client:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-user:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-member:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-date:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-week:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-results__option.is-paid:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .app-map-button-dropdown.open .dropdown-toggle b:before, .app-map-button-dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-selection:before, .app-map-button-dropdown.open .dropdown-toggle .toggling-dropdown > li.is-on > a:before, .app-map-button-dropdown.open .dropdown-toggle .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .app-map-button-dropdown.open .dropdown-toggle input:checked + label:before, .app-map-button-dropdown.open .dropdown-toggle .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove:before, .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown.open .dropdown-toggle .select2-selection__choice__remove:before, .app-map-button-dropdown.open .dropdown-toggle .datepicker:before,
.app-map-button-dropdown.open .dropdown-toggle .hs_daterange_picker:before, .app-map-button-dropdown.open .dropdown-toggle .search-filter:before {
  transform: rotate(45deg);
}

/* line 120, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu {
  border: 1px solid #2aa7ff;
  border-radius: 4px;
  margin-top: 7px;
  padding: 0;
}

/* line 126, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu .hi, .app-map-button-dropdown .dropdown-menu .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .app-map-button-dropdown .dropdown-menu .step-number, .app-map-button-dropdown .dropdown-menu .vue-map-search:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-work_break_policy:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-job_site:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-team:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-task:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-timesheet:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-project:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-client:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-user:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-member:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-date:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-week:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-results__option.is-paid:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .app-map-button-dropdown .dropdown-menu b:before, .app-map-button-dropdown .dropdown-menu .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-selection:before, .app-map-button-dropdown .dropdown-menu .toggling-dropdown > li.is-on > a:before, .app-map-button-dropdown .dropdown-menu .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .app-map-button-dropdown .dropdown-menu input:checked + label:before, .app-map-button-dropdown .dropdown-menu .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu .select2-selection__choice__remove, .app-map-button-dropdown .dropdown-menu .datepicker:before,
.app-map-button-dropdown .dropdown-menu .hs_daterange_picker:before, .app-map-button-dropdown .dropdown-menu .search-filter:before {
  color: #6b7280;
}

/* line 130, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu li {
  padding: 0;
  border-bottom: 1px solid #f3f4f6;
}

/* line 134, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu li:not(:last-child) {
  border-radius: 4px 4px 0 0;
}

/* line 138, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu li:last-child {
  border-radius: 0 0 4px 4px;
}

/* line 142, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu li .hi, .app-map-button-dropdown .dropdown-menu li .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .app-map-button-dropdown .dropdown-menu li .step-number, .app-map-button-dropdown .dropdown-menu li .vue-map-search:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-work_break_policy:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-job_site:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-team:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-task:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-timesheet:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-project:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-client:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-user:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-member:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-date:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-week:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-results__option.is-paid:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .app-map-button-dropdown .dropdown-menu li b:before, .app-map-button-dropdown .dropdown-menu li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-selection:before, .app-map-button-dropdown .dropdown-menu .toggling-dropdown > li.is-on > a:before, .app-map-button-dropdown .dropdown-menu li .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .app-map-button-dropdown .dropdown-menu li input:checked + label:before, .app-map-button-dropdown .dropdown-menu li .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .app-map-button-dropdown .dropdown-menu li .select2-selection__choice__remove, .app-map-button-dropdown .dropdown-menu li .datepicker:before,
.app-map-button-dropdown .dropdown-menu li .hs_daterange_picker:before, .app-map-button-dropdown .dropdown-menu li .search-filter:before {
  margin-right: 10px;
}

/* line 147, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu li a {
  display: flex;
  align-items: center;
  padding: 12px 45px 12px 18px;
  color: #374151;
}

/* line 153, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu li a:hover {
  background: #f3f4f6;
  color: #2aa7ff;
}

/* line 158, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu li a:hover a, .app-map-button-dropdown .dropdown-menu li a:hover i {
  color: #2aa7ff;
}

/* line 164, app/assets/stylesheets/components/_appMap.scss */
.app-map-button-dropdown .dropdown-menu .dropdown-header {
  display: none;
}

@media (min-width: 1200px) {
  /* line 171, app/assets/stylesheets/components/_appMap.scss */
  .full-page-map-wrapper {
    margin-left: -30px;
    margin-right: -30px;
  }
  /* line 175, app/assets/stylesheets/components/_appMap.scss */
  .full-page-map-wrapper .vue-map-search {
    left: 15px;
    width: 390px;
  }
  /* line 182, app/assets/stylesheets/components/_appMap.scss */
  .full-page-map-wrapper.sidebar-open .vue-map-search {
    width: 390px;
  }
}

@media (max-width: 1200px) {
  /* line 190, app/assets/stylesheets/components/_appMap.scss */
  .full-page-map-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 992px) {
  /* line 197, app/assets/stylesheets/components/_appMap.scss */
  .app-map-stats-box {
    padding: 10px 12px 7px;
  }
  /* line 200, app/assets/stylesheets/components/_appMap.scss */
  .app-map-stats-box > div:not(:last-child) {
    margin-right: 20px;
  }
  /* line 204, app/assets/stylesheets/components/_appMap.scss */
  .app-map-stats-box .stats {
    font-size: 26px;
  }
  /* line 209, app/assets/stylesheets/components/_appMap.scss */
  .app-map-button-dropdown .dropdown-menu {
    margin-top: 10px;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* line 2, app/assets/stylesheets/components/_appMembersSelection.scss */
.app-members-selector .select-all {
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 8, app/assets/stylesheets/components/_appMembersSelection.scss */
.app-members-selector-title > i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  color: #6b7280;
}

/* line 16, app/assets/stylesheets/components/_appMembersSelection.scss */
.app-members-selector-footnote {
  margin: 0.5rem 0 0;
  color: #6b7280;
  font-size: 12px;
}

/* line 23, app/assets/stylesheets/components/_appMembersSelection.scss */
.app-dialog.opened.lazy-selection-dialog,
.app-dialog.opened.members-selection-dialog {
  z-index: 2000;
}

/* line 27, app/assets/stylesheets/components/_appMembersSelection.scss */
.app-dialog.opened.lazy-selection-dialog .nav-tabs,
.app-dialog.opened.members-selection-dialog .nav-tabs {
  margin-bottom: 1.5rem;
}

/* line 32, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection,
.members-selection {
  min-height: 475px;
}

/* line 37, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-search,
.members-selection-header-search {
  gap: 2rem;
}

@media (min-width: 576px) {
  /* line 37, app/assets/stylesheets/components/_appMembersSelection.scss */
  .lazy-selection-header-search,
.members-selection-header-search {
    gap: 2.5rem;
  }
}

/* line 44, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-search > .search-wrapper,
.members-selection-header-search > .search-wrapper {
  flex: 1;
}

/* line 49, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-options,
.members-selection-header-options {
  gap: 1rem;
}

@media (min-width: 576px) {
  /* line 49, app/assets/stylesheets/components/_appMembersSelection.scss */
  .lazy-selection-header-options,
.members-selection-header-options {
    gap: 2rem;
  }
}

/* line 56, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-options .clear-all-trigger,
.members-selection-header-options .clear-all-trigger {
  color: #6b7280;
}

/* line 59, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-options .clear-all-trigger:hover,
.members-selection-header-options .clear-all-trigger:hover {
  color: #858c99;
}

/* line 66, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-options .select-all-trigger.disabled:hover,
.members-selection-header-options .select-all-trigger.disabled:hover {
  cursor: not-allowed;
}

/* line 72, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-options .disabled,
.members-selection-header-options .disabled {
  opacity: 0.6;
  cursor: default;
}

/* line 76, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-options .disabled.select-all-trigger:hover,
.members-selection-header-options .disabled.select-all-trigger:hover {
  color: #2aa7ff;
}

/* line 80, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-header-options .disabled.clear-all-trigger:hover,
.members-selection-header-options .disabled.clear-all-trigger:hover {
  color: #6b7280;
}

/* line 87, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list,
.members-selection-list {
  border: 1px solid #d1d5db;
  border-radius: 6px;
}

/* line 91, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-header,
.members-selection-list-header {
  background: #f3f4f6;
  padding: 1.25rem 1.5rem;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* line 97, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-header > label.custom-checkbox-wrapper,
.members-selection-list-header > label.custom-checkbox-wrapper {
  flex: unset;
}

/* line 102, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table,
.members-selection-list-table {
  height: 310px;
  overflow-y: scroll;
}

/* line 108, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row label,
.lazy-selection-list-table-row .single-item,
.members-selection-list-table-row label,
.members-selection-list-table-row .single-item {
  padding: 1rem 1.5rem;
}

/* line 113, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .item-right,
.members-selection-list-table-row .item-right {
  display: inline-block;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

/* line 118, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .item-right .last-activity,
.members-selection-list-table-row .item-right .last-activity {
  font-size: 12px;
  color: #2aa7ff;
}

/* line 124, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .custom-checkbox-wrapper input:checked + .custom-checkbox-box,
.members-selection-list-table-row .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background-color: #2aa7ff;
}

/* line 128, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .single-item,
.members-selection-list-table-row .single-item {
  font-weight: normal;
}

/* line 131, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .single-item .radio,
.members-selection-list-table-row .single-item .radio {
  position: relative;
  display: block;
  width: 13px;
  height: 13px;
}

/* line 139, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .single-item .radio.checked:before,
.members-selection-list-table-row .single-item .radio.checked:before {
  border: 1px solid #2aa7ff;
  background-color: #2aa7ff;
}

/* line 144, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .single-item .radio.checked:after,
.members-selection-list-table-row .single-item .radio.checked:after {
  display: block;
}

/* line 149, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .single-item .radio:before,
.members-selection-list-table-row .single-item .radio:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  display: block;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
}

/* line 161, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .single-item .radio:after,
.members-selection-list-table-row .single-item .radio:after {
  content: '';
  display: none;
  position: absolute;
  width: 6.5px;
  height: 6.5px;
  top: 3.5px;
  left: 3.5px;
  border-radius: 50%;
  background-color: white;
}

/* line 174, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row .single-item:hover,
.members-selection-list-table-row .single-item:hover {
  cursor: pointer;
}

/* line 179, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row:hover,
.members-selection-list-table-row:hover {
  background: #f9fafb;
  cursor: pointer;
}

/* line 184, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row label.custom-checkbox-wrapper,
.members-selection-list-table-row label.custom-checkbox-wrapper {
  font-weight: 400;
}

/* line 188, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row[highlight="true"],
.members-selection-list-table-row[highlight="true"] {
  box-shadow: inset 0px 0px 3px #2aa7ff;
}

/* line 192, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list-table-row.highlight,
.members-selection-list-table-row.highlight {
  box-shadow: inset 0px 0px 3px #2aa7ff;
}

/* line 198, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list .item-skeleton,
.members-selection-list .item-skeleton {
  width: 100%;
  flex-wrap: nowrap;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* line 230, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list .item-skeleton-avatar,
.members-selection-list .item-skeleton-avatar {
  width: 25px;
  height: 25px;
  position: relative;
  background-color: #e5e7eb;
  overflow: hidden;
}

/* line 207, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list .item-skeleton-avatar::after,
.members-selection-list .item-skeleton-avatar::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: '';
}

/* line 236, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list .item-skeleton-name,
.members-selection-list .item-skeleton-name {
  width: 25%;
  height: 8px;
  border-radius: 8px;
  position: relative;
  background-color: #e5e7eb;
  overflow: hidden;
}

/* line 207, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list .item-skeleton-name::after,
.members-selection-list .item-skeleton-name::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: '';
}

/* line 244, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list > .app-pagination,
.members-selection-list > .app-pagination {
  border-top: 1px solid #d1d5db;
}

/* line 247, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list > .app-pagination .pagination-container,
.members-selection-list > .app-pagination .pagination-container {
  margin-top: 0;
}

/* line 251, app/assets/stylesheets/components/_appMembersSelection.scss */
.lazy-selection-list > .app-pagination .pages,
.members-selection-list > .app-pagination .pages {
  float: unset;
  width: unset;
  margin-right: unset;
}

/* line 2, app/assets/stylesheets/components/_appModifyTimeConfirm.scss */
.modify-time-confirm-dialog .footer {
  display: flex;
  flex-direction: column;
}

/* line 7, app/assets/stylesheets/components/_appModifyTimeConfirm.scss */
.modify-time-confirm-dialog .manual-requests-link {
  align-self: center;
  margin-bottom: 1.2rem;
}

/* line 11, app/assets/stylesheets/components/_appModifyTimeConfirm.scss */
.modify-time-confirm-dialog .manual-requests-link .link {
  font-weight: 500;
  font-size: 1.4rem;
  cursor: pointer;
}

@media (min-width: 576px) {
  /* line 19, app/assets/stylesheets/components/_appModifyTimeConfirm.scss */
  .modify-time-confirm-dialog .footer {
    flex-direction: row;
  }
  /* line 23, app/assets/stylesheets/components/_appModifyTimeConfirm.scss */
  .modify-time-confirm-dialog .manual-requests-link {
    align-self: unset;
    align-content: center;
    margin-bottom: unset;
  }
  /* line 29, app/assets/stylesheets/components/_appModifyTimeConfirm.scss */
  .modify-time-confirm-dialog .buttons {
    flex: 1;
  }
}

/* line 2, app/assets/stylesheets/components/_appMonthDayPicker.scss */
.form-group .birthday {
  height: 20px;
}

/* line 5, app/assets/stylesheets/components/_appMonthDayPicker.scss */
.form-group .birthday .control-label, .form-group .birthday #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .form-group .birthday .inline-control-label {
  transform: translateY(2px);
}

/* line 11, app/assets/stylesheets/components/_appMonthDayPicker.scss */
.form-group .month-day-select div, .form-group .month-day-select span {
  flex: 1;
}

/* line 14, app/assets/stylesheets/components/_appMonthDayPicker.scss */
.form-group .month-day-select div .select2-container--bootstrap.select2-container--bootstrap, .form-group .month-day-select span .select2-container--bootstrap.select2-container--bootstrap {
  min-width: 0;
}

/* line 1, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner {
  border-radius: 0.8rem;
  padding: 0.8rem 1.6rem 0.8rem 1.2rem;
  position: relative;
  margin-bottom: 2rem;
  display: flex;
}

/* line 8, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner.purple {
  background-color: #f6edff;
  border: 0.1rem solid #8b1dff;
}

/* line 13, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner .highlighted-text {
  color: #8b1dff;
}

/* line 17, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner .content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}

/* line 24, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner .content .text {
  display: flex;
  flex-direction: column;
}

/* line 29, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner .content .ctas {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: start;
  margin-top: 2rem;
}

/* line 36, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner .content .ctas .primary-cta {
  margin-right: 1rem;
  color: #ffffff;
  background-color: #8b1dff;
  border-color: #8b1dff;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.page-banner .content .ctas .primary-cta:focus, .page-banner .content .ctas .primary-cta.focus {
  color: #ffffff;
  background-color: #7100e9;
  border-color: #4c009d;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.page-banner .content .ctas .primary-cta:hover {
  color: #ffffff;
  background-color: #7100e9;
  border-color: #6c00df;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.page-banner .content .ctas .primary-cta:active, .page-banner .content .ctas .primary-cta.active, .open > .page-banner .content .ctas .primary-cta.dropdown-toggle {
  color: #ffffff;
  background-color: #7100e9;
  border-color: #6c00df;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.page-banner .content .ctas .primary-cta:active:hover, .page-banner .content .ctas .primary-cta:active:focus, .page-banner .content .ctas .primary-cta.focus:active, .page-banner .content .ctas .primary-cta.active:hover, .page-banner .content .ctas .primary-cta.active:focus, .page-banner .content .ctas .primary-cta.active.focus, .open > .page-banner .content .ctas .primary-cta.dropdown-toggle:hover, .open > .page-banner .content .ctas .primary-cta.dropdown-toggle:focus, .open > .page-banner .content .ctas .primary-cta.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #6000c5;
  border-color: #4c009d;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.page-banner .content .ctas .primary-cta:active, .page-banner .content .ctas .primary-cta.active, .open > .page-banner .content .ctas .primary-cta.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.page-banner .content .ctas .primary-cta.disabled:hover, .page-banner .content .ctas .primary-cta.disabled:focus, .page-banner .content .ctas .primary-cta.disabled.focus, .page-banner .content .ctas .primary-cta[disabled]:hover, .page-banner .content .ctas .primary-cta[disabled]:focus, .page-banner .content .ctas .primary-cta.focus[disabled], fieldset[disabled] .page-banner .content .ctas .primary-cta:hover, fieldset[disabled] .page-banner .content .ctas .primary-cta:focus, fieldset[disabled] .page-banner .content .ctas .primary-cta.focus {
  background-color: #8b1dff;
  border-color: #8b1dff;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.page-banner .content .ctas .primary-cta .badge {
  color: #8b1dff;
  background-color: #ffffff;
}

/* line 41, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner .content .ctas .secondary-cta {
  cursor: pointer;
  font-weight: bold;
  color: #8b1dff;
}

/* line 49, app/assets/stylesheets/components/_appPageBanner.scss */
.page-banner .close-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
  color: #8b1dff;
  align-self: self-start;
}

@media (min-width: 576px) {
  /* line 59, app/assets/stylesheets/components/_appPageBanner.scss */
  .page-banner .content {
    align-items: center;
    flex-direction: row;
  }
  /* line 63, app/assets/stylesheets/components/_appPageBanner.scss */
  .page-banner .content .text {
    flex-direction: row;
    align-items: center;
  }
  /* line 68, app/assets/stylesheets/components/_appPageBanner.scss */
  .page-banner .content .ctas {
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    margin-left: 1rem;
  }
  /* line 74, app/assets/stylesheets/components/_appPageBanner.scss */
  .page-banner .content .ctas .primary-cta {
    margin-right: 0;
  }
  /* line 78, app/assets/stylesheets/components/_appPageBanner.scss */
  .page-banner .content .ctas .secondary-cta {
    margin-right: 1.5rem;
    white-space: nowrap;
  }
  /* line 85, app/assets/stylesheets/components/_appPageBanner.scss */
  .page-banner .close-icon {
    align-self: center;
  }
}

/* line 1, app/assets/stylesheets/components/_appPagination.scss */
.app-pagination {
  color: #6b7280;
}

/* line 2, app/assets/stylesheets/components/_appRadioButtonGroup.scss */
.custom-radio-button-group-wrapper .btn-group {
  width: 100%;
}

/* line 5, app/assets/stylesheets/components/_appRadioButtonGroup.scss */
.custom-radio-button-group-wrapper .btn-group .btn-block {
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
}

/* line 26, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range'] {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--val) - var(--min))/var(--range));
  --sx: calc(.5*1.5em + var(--ratio)*(100% - 1.5em));
  margin: 7px 0 0 0;
  padding: 0;
  height: 4px;
  border-radius: 4px;
  background: transparent;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 38, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 41, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  height: 4px;
  width: 100%;
  border-radius: 4px;
  background: #f3f4f6;
  background: linear-gradient(#31c48d, #31c48d) 0/var(--sx) 100% no-repeat #f3f4f6;
}

/* line 45, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-moz-range-track {
  box-sizing: border-box;
  border: none;
  height: 4px;
  width: 100%;
  border-radius: 4px;
  background: #f3f4f6;
}

/* line 48, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-moz-focus-outer {
  border: 0;
}

/* line 51, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-ms-track {
  box-sizing: border-box;
  border: none;
  height: 4px;
  width: 100%;
  border-radius: 4px;
  background: #f3f4f6;
}

/* line 54, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-moz-range-progress {
  height: 4px;
  background: #31c48d;
  border-radius: 4px;
}

/* line 57, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-ms-fill-lower {
  height: 4px;
  background: #31c48d;
  border-radius: 4px;
}

/* line 60, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-webkit-slider-thumb {
  margin-top: -7px;
  box-sizing: border-box;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

/* line 64, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

/* line 67, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

/* line 71, app/assets/stylesheets/components/_appRangeSlider.scss */
[type='range']::-ms-tooltip {
  display: none;
}

/* line 3, app/assets/stylesheets/components/_appSelectDropdown.scss */
.vue-app-select-dropdown .dropdown-toggle:hover, .vue-app-select-dropdown .dropdown-toggle:focus {
  color: #2f8af4;
}

/* line 11, app/assets/stylesheets/components/_appSelectDropdown.scss */
.app-select.hide-selected-items li.select2-selection__choice {
  display: none;
}

/* line 4, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper.is-visible .vue-sidebar-pull-btn {
  background: #ffffff;
  color: #2aa7ff;
  right: 340px;
}

/* line 9, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper.is-visible .vue-sidebar-pull-btn .hi-left {
  transform: rotate(180deg);
  right: 3px;
}

/* line 14, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper.is-visible .vue-sidebar-pull-btn:hover, .vue-sidebar-wrapper.is-visible .vue-sidebar-pull-btn:focus {
  background: #ffffff;
  border-color: #ffffff;
}

/* line 21, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar-pull-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #2aa7ff;
  color: #ffffff;
  box-shadow: -3px 0px 2px 2px rgba(0, 0, 0, 0.03);
  border: 0;
  border-radius: 3px 0 0 3px;
  position: absolute;
  z-index: 1004;
  top: 121px;
  right: 0;
  transition: right 0.5s ease 0s;
}

/* line 38, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar-pull-btn .hi-left {
  position: relative;
  right: -3px;
  will-change: transform;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar-pull-btn:hover, .vue-sidebar-wrapper .vue-sidebar-pull-btn:focus {
  background-color: #1ba1ff;
  border-color: #1ba1ff;
}

/* line 52, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar {
  background: #ffffff;
  position: fixed;
  top: 46px;
  right: 0;
  width: 340px;
  bottom: 0;
  z-index: 1002;
  overflow: visible;
  display: flex;
  flex-direction: column;
  box-shadow: -4px 0 16px 0 rgba(0, 0, 0, 0.1);
}

/* line 65, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar.v-enter-active, .vue-sidebar-wrapper .vue-sidebar.v-leave-active {
  transition: transform 0.5s ease 0s;
}

/* line 70, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar.v-enter-to, .vue-sidebar-wrapper .vue-sidebar.v-leave {
  transform: translateX(0);
}

/* line 75, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar.v-leave-to, .vue-sidebar-wrapper .vue-sidebar.v-enter {
  transform: translateX(100%);
}

/* line 80, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar .vue-sidebar-content {
  height: 100%;
  width: 100%;
  padding: 25px 30px;
  overscroll-behavior: contain;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 89, app/assets/stylesheets/components/_appSidebar.scss */
.vue-sidebar-wrapper .vue-sidebar .close {
  position: relative;
  top: -15px;
  right: -15px;
}

/* line 97, app/assets/stylesheets/components/_appSidebar.scss */
.app-sidebar-inline-wrapper {
  margin-bottom: -8.5rem;
}

/* line 100, app/assets/stylesheets/components/_appSidebar.scss */
.app-sidebar-inline-wrapper .vue-sidebar-pull-btn {
  position: fixed;
}

/* line 3, app/assets/stylesheets/components/_appTable.scss */
.app-table th i {
  margin-left: 5px;
}

/* line 6, app/assets/stylesheets/components/_appTable.scss */
.app-table th i.with-tooltip-icon {
  line-height: inherit;
}

/* line 1, app/assets/stylesheets/components/_appTaggedInput.scss */
.app-tagged-input {
  display: block;
  vertical-align: middle;
  height: auto;
  min-height: 40px;
  padding-top: 0;
}

/* line 8, app/assets/stylesheets/components/_appTaggedInput.scss */
.app-tagged-input .app-tagged-input--tag-list-item {
  padding: 2px 4px;
  display: inline-flex;
  align-items: center;
  background: #e5e7eb;
  margin-right: 6px;
  margin-top: 6px;
  border-radius: 4px;
}

/* line 16, app/assets/stylesheets/components/_appTaggedInput.scss */
.app-tagged-input .app-tagged-input--tag-list-item i {
  color: #374151;
  font-size: 6px;
  margin-left: 8px;
}

/* line 23, app/assets/stylesheets/components/_appTaggedInput.scss */
.app-tagged-input .app-tagged-input-field {
  border: none;
  background: transparent;
  outline: none;
  width: auto;
  max-width: inherit;
}

/* line 1, app/assets/stylesheets/components/_appTimeInput.scss */
.vue-app-time-picker {
  left: -32px !important;
}

/* line 3, app/assets/stylesheets/components/_appTimeInput.scss */
.vue-app-time-picker[x-placement^="bottom"] {
  margin-top: 10px;
}

/* line 6, app/assets/stylesheets/components/_appTimeInput.scss */
.vue-app-time-picker.primary, .vue-app-time-picker.timespan {
  width: 127.5px;
  left: -45px !important;
}

/* line 9, app/assets/stylesheets/components/_appTimeInput.scss */
.vue-app-time-picker.primary[x-placement^="bottom"], .vue-app-time-picker.timespan[x-placement^="bottom"] {
  margin-top: 15px;
}

@media (max-width: 575.98px) {
  /* line 6, app/assets/stylesheets/components/_appTimeInput.scss */
  .vue-app-time-picker.primary, .vue-app-time-picker.timespan {
    left: -34px !important;
  }
  /* line 14, app/assets/stylesheets/components/_appTimeInput.scss */
  .vue-app-time-picker.primary.timespan, .vue-app-time-picker.timespan.timespan {
    width: 156.65px;
    left: -34px !important;
  }
}

/* line 20, app/assets/stylesheets/components/_appTimeInput.scss */
.vue-app-time-picker.timespan {
  width: 156.65px;
  left: -60px !important;
}

/* line 26, app/assets/stylesheets/components/_appTimeInput.scss */
.vue-app-time-picker li.selected a, .vue-app-time-picker .dropdown-item.selected a {
  background-color: #f3f4f6;
}

/* line 35, app/assets/stylesheets/components/_appTimeInput.scss */
.vue-app-time-input.disabled * {
  opacity: .6;
  cursor: not-allowed !important;
}

/* line 40, app/assets/stylesheets/components/_appTimeInput.scss */
.vue-app-time-input.disabled .meridiem-toggle {
  pointer-events: none;
}

/* line 46, app/assets/stylesheets/components/_appTimeInput.scss */
.app-time-picker-trigger {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 12px;
  cursor: pointer;
  color: #2aa7ff;
}

/* line 55, app/assets/stylesheets/components/_appTimeInput.scss */
.meridiem-toggle {
  position: absolute;
  z-index: 1;
  right: 32px;
  top: 10px;
  cursor: pointer;
  color: #374151;
  user-select: none;
}

/* line 63, app/assets/stylesheets/components/_appTimeInput.scss */
.meridiem-toggle.compact {
  top: 7px;
  font-size: 12px;
}

/* line 67, app/assets/stylesheets/components/_appTimeInput.scss */
.meridiem-toggle:hover {
  transition: 0.25s;
  color: #2aa7ff;
}

@media (max-width: 575.98px) {
  /* line 55, app/assets/stylesheets/components/_appTimeInput.scss */
  .meridiem-toggle {
    right: 45px;
  }
}

/* line 2, app/assets/stylesheets/components/_appTimelineGraph.scss */
.app-timeline-graph svg {
  width: 100%;
}

/* line 4, app/assets/stylesheets/components/_appTimelineGraph.scss */
.app-timeline-graph svg:focus, .app-timeline-graph svg rect:focus, .app-timeline-graph svg line:focus, .app-timeline-graph svg g:focus {
  outline: none;
}

/* line 1, app/assets/stylesheets/components/_appToast.scss */
body.sidebar-collapsed .toast {
  left: 10rem;
}

/* line 5, app/assets/stylesheets/components/_appToast.scss */
body.tablet-sidebar-expanded .toast {
  left: 27rem;
}

@media (max-width: 767.98px) {
  /* line 5, app/assets/stylesheets/components/_appToast.scss */
  body.tablet-sidebar-expanded .toast {
    left: 2rem;
  }
}

@media (max-width: 991.98px) {
  /* line 13, app/assets/stylesheets/components/_appToast.scss */
  body.tablet-sidebar-expanded.full-sidebar .toast {
    left: 27rem;
  }
}

/* line 19, app/assets/stylesheets/components/_appToast.scss */
.toast {
  transition: all 500ms;
  background-color: var(--z-gray-800);
  max-width: 32rem;
  display: flex;
  flex-direction: row;
  border-radius: 0.8rem;
  padding: 1.6rem;
  position: fixed;
  bottom: 2rem;
  z-index: 1000;
}

/* line 32, app/assets/stylesheets/components/_appToast.scss */
.toast-icon {
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 1.6rem;
}

/* line 37, app/assets/stylesheets/components/_appToast.scss */
.toast-icon .hi, .toast-icon .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .toast-icon .step-number, .toast-icon .vue-map-search:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-work_break_policy:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-job_site:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-team:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-task:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-timesheet:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-project:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-client:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-user:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-member:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-date:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-week:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-results__option.is-paid:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .toast-icon b:before, .toast-icon .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-selection:before, .toast-icon .toggling-dropdown > li.is-on > a:before, .toast-icon .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .toast-icon input:checked + label:before, .toast-icon .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .toast-icon .select2-selection__choice__remove, .toast-icon .datepicker:before,
.toast-icon .hs_daterange_picker:before, .toast-icon .search-filter:before {
  color: var(--z-blue-300);
  background-color: var(--z-blue-900);
  padding: 0.6rem;
  border-radius: 0.4rem;
}

/* line 45, app/assets/stylesheets/components/_appToast.scss */
.toast-close {
  color: var(--z-white);
  font-size: 12px;
  opacity: 0.7;
}

/* line 50, app/assets/stylesheets/components/_appToast.scss */
.toast-close:hover {
  color: var(--z-gray-300);
}

/* line 55, app/assets/stylesheets/components/_appToast.scss */
.toast-header {
  color: var(--z-white);
}

/* line 59, app/assets/stylesheets/components/_appToast.scss */
.toast-body {
  margin-top: 0.4rem;
  margin-right: 0.4rem;
  color: var(--z-gray-300);
}

/* line 65, app/assets/stylesheets/components/_appToast.scss */
.toast-footer {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.6rem;
}

/* line 2, app/assets/stylesheets/components/_appToggleButtonGroup.scss */
.custom-toggle-button-group-wrapper .hi-info {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

/* line 8, app/assets/stylesheets/components/_appToggleButtonGroup.scss */
.custom-toggle-button-group-wrapper .toggle-multiple-options, .custom-toggle-button-group-wrapper .app-tabs-switch > .nav.nav-tabs {
  flex-wrap: wrap;
  max-width: 400px;
}

/* line 11, app/assets/stylesheets/components/_appToggleButtonGroup.scss */
.custom-toggle-button-group-wrapper .toggle-multiple-options .btn, .app-tabs-switch > .nav.nav-tabs .custom-toggle-button-group-wrapper .toggle-multiple-options .nav-item, .custom-toggle-button-group-wrapper .app-tabs-switch > .nav.nav-tabs .btn, .custom-toggle-button-group-wrapper .app-tabs-switch > .nav.nav-tabs .nav-item {
  flex-basis: 100%;
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/components/_appToggleButtonGroup.scss */
  .custom-toggle-button-group-wrapper .toggle-multiple-options, .custom-toggle-button-group-wrapper .app-tabs-switch > .nav.nav-tabs {
    flex-wrap: nowrap;
    max-width: inherit;
  }
  /* line 20, app/assets/stylesheets/components/_appToggleButtonGroup.scss */
  .custom-toggle-button-group-wrapper .toggle-multiple-options .btn, .app-tabs-switch > .nav.nav-tabs .custom-toggle-button-group-wrapper .toggle-multiple-options .nav-item, .custom-toggle-button-group-wrapper .app-tabs-switch > .nav.nav-tabs .btn, .custom-toggle-button-group-wrapper .app-tabs-switch > .nav.nav-tabs .nav-item {
    flex-basis: inherit;
  }
}

/* line 2, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-form.datepicker {
  position: static;
}

/* line 5, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-form.datepicker::before {
  margin-right: 25px;
}

/* line 9, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-form.datepicker.repeat-until::before {
  transform: translateY(-40%);
}

/* line 14, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-form.checkbox-inline {
  padding-left: 0;
}

/* line 18, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-form input.form-control {
  width: 100%;
  padding-right: 30px;
}

/* line 23, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-form .vue-app-time-input > span.help-block {
  display: none;
}

/* line 27, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-form .select-all {
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

/* line 35, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
#attendance-schedule-form .select-all {
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

/* line 41, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
#attendance-schedule-form .select2-selection-counter {
  padding: 9px 5px 9px 10px;
}

/* line 45, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
#attendance-schedule-form .select2-container--bootstrap.select2-container--bootstrap .select2-selection.select2-selection--multiple {
  padding: 4px 5px 0;
}

/* line 49, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
#attendance-schedule-form .toggle-switch-wrapper .inline-control-label {
  padding-top: 2px;
}

/* line 54, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
#attendance-schedule-form .forever {
  padding-top: 12px;
  padding-left: 30px;
}

/* line 59, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
#attendance-schedule-form .repeat-options {
  padding-top: 1px;
}

/* line 63, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
#attendance-schedule-form .app-members-selector {
  margin-bottom: 1.5rem;
}

/* line 68, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-datepicker {
  margin-bottom: 15px;
}

/* line 71, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-datepicker > div {
  justify-content: normal;
}

/* line 74, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-datepicker > div a.datepicker {
  display: contents;
}

/* line 77, app/assets/stylesheets/components/AttendanceSchedules/_attendance_schedules_dialog.scss */
.attendance-schedule-datepicker > div a.datepicker::before {
  top: 20px;
}

/* line 2, app/assets/stylesheets/components/AttendanceSchedules/_icalendar_dialog.scss */
.dialog-body .filters {
  background-color: #e5e7eb;
  font-size: 14px;
  padding: 9px 20px;
  border-radius: 6px;
  margin-top: 12px;
}

/* line 9, app/assets/stylesheets/components/AttendanceSchedules/_icalendar_dialog.scss */
.dialog-body .filters span {
  white-space: nowrap;
}

/* line 13, app/assets/stylesheets/components/AttendanceSchedules/_icalendar_dialog.scss */
.dialog-body .filters i {
  vertical-align: baseline;
}

/* line 2, app/assets/stylesheets/components/AttendanceSchedules/_remove_multiple_schedules_dialog.scss */
.remove-multiple-schedules-dialog .from-to {
  margin-top: 1rem;
}

/* line 2, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_shift_overlap_confirmation.scss */
.shift-overlap-confirmation-dialog .warning {
  display: flex;
}

/* line 5, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_shift_overlap_confirmation.scss */
.shift-overlap-confirmation-dialog .warning .icon {
  color: #f05252;
  margin-right: 5px;
}

/* line 11, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_shift_overlap_confirmation.scss */
.shift-overlap-confirmation-dialog .actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* line 2, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .information {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}

/* line 8, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .information .avatar {
  display: flex;
  align-items: center;
}

/* line 12, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .information .avatar .name {
  margin-left: 5px;
}

/* line 17, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .information .text-right {
  text-align: right;
}

/* line 19, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .information .text-right .text-gray {
  color: #6b7280;
}

/* line 25, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .time-table {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 33, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .time-table tbody tr td:first-child {
  padding-right: 5px;
  white-space: nowrap;
}

/* line 38, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .time-table tbody tr td:last-child {
  width: 100%;
  font-weight: 500;
}

/* line 44, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .shift-overlap-warning {
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
}

/* line 49, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .shift-overlap-warning .icon {
  color: #f05252;
  margin-right: 5px;
}

/* line 54, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .shift-overlap-warning .text {
  font-size: 12px;
}

/* line 59, app/assets/stylesheets/components/AttendanceSchedules/dialogs/_time_off_request.scss */
.time-off-request-dialog .actions {
  display: flex;
  justify-content: space-between;
}

/* line 1, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions {
  display: flex;
  flex-direction: row;
  place-content: flex-end;
}

/* line 11, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown {
  display: flex;
  place-content: center;
  flex-direction: column;
  width: 99px;
}

@media only screen and (max-width: 768px) {
  /* line 11, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
  .schedules-filters .actions .dropdown {
    width: 100%;
  }
}

/* line 21, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .btn, .schedules-filters .actions .dropdown .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .schedules-filters .actions .dropdown .nav-item {
  display: flex;
}

@media only screen and (max-width: 768px) {
  /* line 21, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
  .schedules-filters .actions .dropdown .btn, .schedules-filters .actions .dropdown .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .schedules-filters .actions .dropdown .nav-item {
    justify-content: center;
  }
}

/* line 28, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .btn span, .schedules-filters .actions .dropdown .app-tabs-switch > .nav.nav-tabs .nav-item span, .app-tabs-switch > .nav.nav-tabs .schedules-filters .actions .dropdown .nav-item span {
  position: relative;
  right: 4px;
}

/* line 33, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .btn i.hi-caret, .schedules-filters .actions .dropdown .app-tabs-switch > .nav.nav-tabs .nav-item i.hi-caret, .app-tabs-switch > .nav.nav-tabs .schedules-filters .actions .dropdown .nav-item i.hi-caret {
  font-size: 10px;
  color: #ffffff;
  margin: 0 0 0 4px;
  display: inline-flex;
  flex-direction: column;
  place-content: center;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

@media only screen and (max-width: 768px) {
  /* line 33, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
  .schedules-filters .actions .dropdown .btn i.hi-caret, .schedules-filters .actions .dropdown .app-tabs-switch > .nav.nav-tabs .nav-item i.hi-caret, .app-tabs-switch > .nav.nav-tabs .schedules-filters .actions .dropdown .nav-item i.hi-caret {
    display: none;
  }
}

/* line 49, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown {
  min-width: 230px;
}

/* line 52, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li {
  display: flex;
  font-size: 12px;
  color: #1f2937;
}

@media only screen and (max-width: 768px) {
  /* line 52, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
  .schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li {
    font-size: 13px;
  }
}

/* line 61, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li a {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  width: 100%;
}

/* line 67, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li a::before {
  margin: 0;
}

/* line 73, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li.dropdown-header {
  display: none;
}

/* line 77, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li .settings {
  height: 20px;
  top: 5px;
  position: relative;
  display: flex;
  flex-direction: column;
  place-content: center;
}

/* line 85, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li .settings i {
  display: flex;
  flex-direction: row;
  width: 100%;
  place-content: center;
  position: relative;
  top: 2.5px;
}

/* line 95, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i {
  margin-right: 10px;
  color: #2aa7ff;
}

/* line 100, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i.hi-plus-circle-filled {
  margin-right: 7px;
  font-size: 15px;
}

@media only screen and (max-width: 768px) {
  /* line 100, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
  .schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i.hi-plus-circle-filled {
    font-size: inherit;
  }
}

/* line 109, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i.hi-plus-circle-filled,
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i.hi-time,
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i.select2-results__option.is-work_break_policy:before,
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-timesheet:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i.select2-results__option.is-timesheet:before,
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i.hi-delete-xs {
  position: relative;
  bottom: 1px;
}

/* line 116, app/assets/stylesheets/components/AttendanceSchedules/filters/_actions.scss */
.schedules-filters .actions .dropdown .dropdown-menu.toggling-dropdown li i.hi-delete-xs {
  color: #f05252;
}

/* line 1, app/assets/stylesheets/components/AttendanceSchedules/shared/_shift_warning.scss */
.shift-warning {
  display: flex;
  align-items: center;
  margin: 2rem 0 0.5rem;
  border: 1px solid #f05252;
  border-radius: 2px;
  padding: 0.5rem 1.5rem 0.5rem 1rem;
}

/* line 9, app/assets/stylesheets/components/AttendanceSchedules/shared/_shift_warning.scss */
.shift-warning .hi-warning {
  margin-right: 1rem;
  color: #f05252;
}

/* line 14, app/assets/stylesheets/components/AttendanceSchedules/shared/_shift_warning.scss */
.shift-warning.orange {
  border-color: #ff9725;
}

/* line 17, app/assets/stylesheets/components/AttendanceSchedules/shared/_shift_warning.scss */
.shift-warning.orange .hi-warning {
  color: #ff9725;
}

/* line 1, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc .fc-view-harness .fc-list {
  border: none;
}

/* line 4, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc .fc-view-harness .fc-list .fc-scroller {
  overflow: inherit !important;
}

/* line 8, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc .fc-view-harness .fc-list .fc-list-day-cushion {
  background-color: #ffffff;
  border: none;
}

/* line 13, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc .fc-view-harness .fc-list .fc-list-day-text {
  position: relative;
  right: 11px;
  color: #1f2937;
  font-size: 24px;
  font-weight: 400;
}

/* line 21, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc .fc-view-harness .fc-list .fc-list-event {
  margin-bottom: 1rem;
}

/* line 27, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table th {
  border: none;
}

/* line 31, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-time {
  display: none;
}

/* line 35, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-graphic {
  display: none;
}

/* line 39, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-title {
  display: block;
  border: none;
  padding: 0;
  --fc-list-event-hover-bg-color: none;
  background-color: #ffffff;
}

/* line 46, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-title .day-event {
  display: flex;
  width: 100%;
  padding: 0.5rem;
  border-radius: 6px;
}

/* line 52, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-title .day-event .img {
  display: flex;
  flex-direction: column;
  place-content: center;
  width: 75px;
}

/* line 58, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-title .day-event .img img {
  border: 1px solid #ffffff;
  border-radius: 12px;
  width: 24px;
  height: 24px;
}

/* line 66, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-title .day-event .event-details {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  width: 100%;
}

/* line 72, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-title .day-event .event-details .name {
  font-weight: 700;
  display: block;
}

/* line 78, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
.schedules .fc-list table.fc-list-table td.fc-list-event-title .day-event .all-day {
  display: flex;
  flex-direction: row;
  width: 100%;
  place-content: flex-end;
  margin: 10px 5px 0 0;
  font-weight: 700;
}

/* line 91, app/assets/stylesheets/components/AttendanceSchedules/views/_day_view.scss */
#schedules-fullcalendar .fc-event {
  border: none;
}

/* line 2, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 100;
}

/* line 10, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  z-index: 400;
}

/* line 14, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-timeline-body {
  cursor: pointer;
}

/* line 16, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc .fc-timeline-slot-frame {
  justify-content: flex-start;
}

/* line 20, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc .fc-timeline-slot-cushion {
  color: #1f2937;
}

/* line 24, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-resource-timeline {
  padding-bottom: 1rem;
}

/* line 27, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-resource-timeline .fc-timeline-events a {
  border-radius: 0.5rem;
}

/* line 31, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-resource-timeline .fc-timeline-slot-label.fc-day > div > a {
  font-size: 21px;
  color: #1f2937;
}

/* line 36, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-resource-timeline table.fc-scrollgrid {
  border: none;
}

/* line 41, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-event {
  margin: 2px 2px 0;
}

/* line 45, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-scrollgrid-sync-table {
  position: relative;
  z-index: 300;
}

/* line 50, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .day-month-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  top: 0;
  left: 0;
  width: 100%;
  position: static;
  height: auto;
}

/* line 62, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .member-view-container {
  overflow: hidden;
  position: relative;
  top: 0px;
  left: 0px;
}

/* line 68, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .member-view-container-title {
  display: block;
  width: 50%;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 77, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .member-view-container-status {
  margin-left: 1rem;
  float: none;
  margin-top: 0px;
}

/* line 88, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift.not-started .fc-shift-status:before {
  background-color: #374151;
}

/* line 88, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift.missed .fc-shift-status:before {
  background-color: #f05252;
}

/* line 88, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift.scheduled .fc-shift-status:before {
  background-color: #7f3cf2;
}

/* line 88, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift.early .fc-shift-status:before {
  background-color: #2aa7ff;
}

/* line 88, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift.late .fc-shift-status:before {
  background-color: #ff9725;
}

/* line 88, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift.on-time .fc-shift-status:before {
  background-color: #31c48d;
}

/* line 88, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift.abandoned .fc-shift-status:before {
  background-color: #c81e1e;
}

/* line 96, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift-status {
  font-weight: 400;
}

/* line 98, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift-status:not(:empty) {
  font-size: 11px;
  display: inline-block;
  margin-left: 1rem;
}

/* line 102, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
#schedules-fullcalendar .fc-shift-status:not(:empty):before {
  content: '';
  width: 1rem;
  height: 1rem;
  display: inline-block;
  margin-right: 0.5rem;
  border-radius: 50%;
}

/* line 114, app/assets/stylesheets/components/AttendanceSchedules/views/_member_view.scss */
.fc-datagrid-cell-main span.avatar.avatar-speck img {
  max-height: 3rem;
}

/* line 1, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
table.fc-scrollgrid {
  /* FIXME: These colors are specific to this page and we need to change them to use something that
  is already on our style instead of creating new ones (will be done on:
  https://tasks.hubstaff.com/app/organizations/55/projects/175465/tasks/4732936 */
}

/* line 8, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
table.fc-scrollgrid th {
  text-transform: uppercase;
}

/* line 10, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
table.fc-scrollgrid th div a span {
  display: block;
  padding: 10px;
  color: #1f2937;
}

/* line 17, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
table.fc-scrollgrid tbody tr td .fc-daygrid-day-number {
  color: #1f2937;
}

/* line 21, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
table.fc-scrollgrid a.fc-daygrid-event {
  font-weight: bold;
  display: block;
  padding: 0;
  overflow-wrap: break-word;
}

/* line 28, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
table.fc-scrollgrid .fc-daygrid-day {
  cursor: pointer;
}

/* line 32, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
table.fc-scrollgrid .fc-day-today {
  background-color: #f0f5ff !important;
}

/* line 37, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
.month-event {
  display: flex;
  padding: 0.5rem;
  flex-direction: column;
  overflow: hidden;
}

/* line 43, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
.month-event .name {
  font-weight: 700;
}

/* line 47, app/assets/stylesheets/components/AttendanceSchedules/views/_month_view.scss */
.month-event .event-details {
  font-weight: 700;
}

/* line 1, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid {
  /* FIXME: These colors are specific to this page and we need to change them to use something that
  is already on our style instead of creating new ones (will be done on:
  https://tasks.hubstaff.com/app/organizations/55/projects/175465/tasks/4732936 */
}

/* line 8, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid .fc-day-today {
  background-color: #f0f5ff !important;
}

/* line 12, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid tbody tr:first-child .fc-timegrid-axis-frame.fc-scrollgrid-shrink-frame {
  display: flex;
  place-content: center;
  color: #6b7280;
  padding: 35px 0 35px;
}

/* line 19, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid .fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner {
  align-self: flex-end;
}

/* line 23, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid tbody tr.fc-scrollgrid-section td.fc-timegrid-divider.fc-cell-shaded {
  background: none;
  border: none;
  height: unset;
}

/* line 29, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid thead tr th {
  border-right: 1px solid #e5e7eb;
}

/* line 33, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid table.fc-scrollgrid[role='grid'] {
  border: none;
}

/* line 36, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid .fc-scroller {
  overflow: hidden;
}

/* line 39, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid tbody .fc-scrollgrid-section td[role='presentation'] .fc-scroller {
  overflow: hidden;
}

/* line 42, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid td.fc-timegrid-divider {
  border: none;
}

/* line 46, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid a.fc-col-header-cell-cushion {
  color: #000000;
  text-align: left;
}

/* line 50, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid a.fc-col-header-cell-cushion span {
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
}

/* line 55, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid a.fc-col-header-cell-cushion span span:first-child {
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
}

/* line 63, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid a.fc-col-header-cell-cushion span span:last-child {
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase;
}

/* line 75, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid .fc-timegrid-slots .fc-timegrid-slot-label-cushion {
  color: #6b7280;
}

/* line 79, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid .fc-timegrid-slots tr:first-child td.fc-timegrid-slot {
  visibility: hidden;
}

/* line 83, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid .fc-timegrid-slots td.fc-timegrid-slot {
  position: relative;
  bottom: 28px;
  color: #6b7280;
  border: none;
  padding: 20px;
  cursor: pointer;
}

/* line 92, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid .fc-timegrid-slots tbody tr td:first-child {
  border: none;
}

/* line 96, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.fc-timegrid .fc-timegrid-slots tbody tr:nth-child(2n) td:nth-child(2) {
  border-bottom: 1px solid #e5e7eb;
}

/* line 102, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.week-event {
  overflow: hidden;
}

/* line 105, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.week-event .event-details {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
}

/* line 112, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.week-event .event-details .avatar {
  flex-shrink: 0;
  margin-bottom: 0.5rem;
  border: 2px solid #ffffff;
  overflow: hidden;
}

/* line 119, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.week-event .event-details .name {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
}

/* line 126, app/assets/stylesheets/components/AttendanceSchedules/views/_week_view.scss */
.week-event .type {
  overflow: hidden;
  white-space: nowrap;
  font-weight: 700;
}

/* line 5, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters {
  position: relative;
}

/* line 8, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .dates-filter {
  margin-top: 3px;
}

/* line 12, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .date-range {
  width: 100%;
  max-width: 700px;
}

/* line 17, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .date-range > div:first-of-type > .btn, .schedules-filters .app-tabs-switch > .nav.nav-tabs .date-range > div:first-of-type > .nav-item, .app-tabs-switch > .nav.nav-tabs .schedules-filters .date-range > div:first-of-type > .nav-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: unset;
  padding: 0;
}

/* line 28, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .date-range .datepicker {
  width: 100%;
}

@media (min-width: 1200px) {
  /* line 28, app/assets/stylesheets/components/_attendance_schedules.scss */
  .schedules-filters .date-range .datepicker {
    min-width: 200px;
  }
}

@media (min-width: 1440px) {
  /* line 28, app/assets/stylesheets/components/_attendance_schedules.scss */
  .schedules-filters .date-range .datepicker {
    min-width: 250px;
  }
}

@media (min-width: 1600px) {
  /* line 28, app/assets/stylesheets/components/_attendance_schedules.scss */
  .schedules-filters .date-range .datepicker {
    min-width: 290px;
  }
}

/* line 45, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .events-teams-members-filters {
  width: 100%;
  max-width: 700px;
}

/* line 50, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .events-teams-members-filters .events-filter .custom-checkbox-wrapper {
  flex: initial;
  font-weight: normal !important;
}

/* line 54, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .events-teams-members-filters .events-filter .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background-color: #2aa7ff;
}

/* line 58, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .events-teams-members-filters .events-filter .custom-checkbox-wrapper span {
  white-space: nowrap;
}

/* line 64, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .events-teams-members-filters .teams-members-filters {
  position: relative;
}

/* line 68, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules-filters .events-teams-members-filters .teams-filter,
.schedules-filters .events-teams-members-filters .members-filter {
  width: 100%;
  min-width: 200px;
}

/* line 76, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules .fc-event-main {
  color: inherit !important;
  overflow: hidden;
}

/* line 81, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules .fc-event:hover,
.schedules .fc-daygrid-event:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.001);
  cursor: pointer;
  transition: all 150ms ease-in-out;
}

/* line 89, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules .fc-daygrid-dot-event {
  display: block;
  background-color: inherit;
  padding: 0;
}

/* line 97, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedules .fc-timeoff-request.is-not-approved, .schedules .fc-timeoff-request.is-not-approved > td {
  background-color: #ffffff !important;
  color: #374151 !important;
  border: 1px solid #ff9725 !important;
}

/* line 107, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedule-select-filters .select2-selection__choice {
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  position: static;
  flex-direction: row-reverse;
}

/* line 115, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedule-select-filters .select2-selection__choice .select2-selection__choice__remove {
  left: auto;
}

/* line 119, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedule-select-filters .select2-selection__choice .avatar {
  margin-left: 0.125rem;
}

/* line 124, app/assets/stylesheets/components/_attendance_schedules.scss */
.schedule-select-filters .select2-selection-counter {
  min-height: 40px;
}

/* line 1, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-banner {
  border-radius: 0.8rem;
  border: #e5e7eb 0.1rem solid;
  padding: 2rem 4rem 2rem 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2rem;
  position: relative;
}

@media (max-width: 480px) {
  /* line 1, app/assets/stylesheets/components/_auto_track_policies.scss */
  .auto-track-rule-banner {
    height: 20rem;
  }
}

/* line 15, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-banner .logo {
  padding-top: 0.7rem;
  margin-right: 1rem;
}

/* line 20, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-banner .text {
  max-width: 33rem;
}

/* line 24, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-banner .learn-more {
  margin-top: 0.5rem;
}

/* line 28, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-banner .hi-close, .auto-track-rule-banner .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .auto-track-rule-banner .close-notifications {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #777777;
  cursor: pointer;
}

/* line 37, app/assets/stylesheets/components/_auto_track_policies.scss */
.hi-caret.add-policy, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.add-policy:before {
  margin-top: 0.4rem;
}

/* line 42, app/assets/stylesheets/components/_auto_track_policies.scss */
.dropdown-menu > li > a.add-policy-option::before {
  margin: 0;
  content: none;
}

/* line 47, app/assets/stylesheets/components/_auto_track_policies.scss */
.dropdown-menu > li > a.add-policy-option.default-cursor {
  cursor: default;
}

/* line 51, app/assets/stylesheets/components/_auto_track_policies.scss */
.dropdown-menu > li > a.add-policy-option .coming-soon {
  background-color: #8b1dff;
  border-radius: 0.3rem;
  color: #ffffff;
  padding: 0.21rem 0.46rem;
  font-size: 0.9rem;
  width: fit-content;
  margin-bottom: 0.4rem;
}

/* line 61, app/assets/stylesheets/components/_auto_track_policies.scss */
.dropdown-menu > li > a.add-policy-option .name {
  color: #1f2937;
}

/* line 65, app/assets/stylesheets/components/_auto_track_policies.scss */
.dropdown-menu > li > a.add-policy-option .description {
  font-size: 12px;
  color: #9ca3af;
}

/* line 72, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rules .download-corporate {
  font-size: 1.2rem;
  font-weight: 500;
  padding-top: 1.5rem;
}

/* line 77, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rules .download-corporate .hi-external {
  margin-right: 0.5rem;
  vertical-align: baseline;
}

/* line 89, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background-color: #2aa7ff;
}

/* line 96, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .custom-checkbox-wrapper span {
  color: #6b7280;
}

/* line 102, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .btn-group-spaced .btn, .auto-track-rule-dialog .btn-group-spaced .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .auto-track-rule-dialog .btn-group-spaced .nav-item {
  margin-left: 0.5rem;
}

/* line 105, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .btn-group-spaced .btn:first-child, .auto-track-rule-dialog .btn-group-spaced .app-tabs-switch > .nav.nav-tabs .nav-item:first-child, .app-tabs-switch > .nav.nav-tabs .auto-track-rule-dialog .btn-group-spaced .nav-item:first-child {
  margin-left: 1.2rem;
}

/* line 111, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .hi-tooltip {
  margin-left: 1rem;
  vertical-align: middle;
  color: #9ca3af;
}

/* line 119, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .select-auto_track_rule-user-ids .select2-selection__clear, .auto-track-rule-dialog .select-auto_track_rule-user-ids .select2-selection__choice__remove {
  top: 0.5rem;
}

/* line 126, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .dialog-warning.orange {
  margin-bottom: 1.4rem;
}

/* line 129, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .dialog-warning.orange.align-items-vertically {
  margin-top: 10px;
  align-items: center;
}

/* line 134, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .dialog-warning.orange .hi-info-filled {
  padding-top: 0.4rem;
}

/* line 138, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .dialog-warning.orange.members-without-shifts {
  margin-bottom: 1.2rem;
}

/* line 143, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .upgrade-banner {
  border-radius: 0.6rem;
  padding: 1.5rem 2rem 2rem;
  margin-bottom: 25rem;
}

/* line 148, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .upgrade-banner .hi-lock {
  color: #2aa7ff;
}

/* line 152, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .upgrade-banner h3 {
  font-size: 1.6rem;
  margin-top: 1rem;
}

/* line 157, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .upgrade-banner .cta-block {
  margin-top: 1rem;
}

/* line 160, app/assets/stylesheets/components/_auto_track_policies.scss */
.auto-track-rule-dialog .upgrade-banner .cta-block .learn-more {
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: 1.5rem;
}

/* line 169, app/assets/stylesheets/components/_auto_track_policies.scss */
.corporate-consent-title {
  margin-bottom: 2rem;
  font-weight: 500;
  font-size: 1.8rem;
}

/* line 175, app/assets/stylesheets/components/_auto_track_policies.scss */
.corporate-consent-text {
  color: #6b7280;
  font-weight: 400;
  font-size: 1.4rem;
}

/* line 181, app/assets/stylesheets/components/_auto_track_policies.scss */
.corporate-consent-warning {
  margin-top: 2rem;
  padding: 0.5rem;
  border: 1px solid #f05252;
  font-weight: 400;
  font-size: 1.2rem;
}

/* line 1, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn {
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* line 6, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn.btn-sm, .btn-group-sm > .hs-btn.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-sm > .hs-btn.nav-item {
  padding: 9px 16px;
  font-size: 13px;
  line-height: 15px;
  border-radius: 3px;
}

/* line 9, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn.btn-md {
  padding: 12px 40px;
  font-size: 13px;
  line-height: 15px;
  border-radius: 2px;
}

/* line 12, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn.btn-lg, .btn-group-lg > .hs-btn.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-lg > .hs-btn.nav-item {
  padding: 16px 45px;
  font-size: 14px;
  line-height: 15px;
  border-radius: 4px;
}

/* line 15, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn .hi, .hs-btn .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .hs-btn .step-number, .hs-btn .vue-map-search:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-work_break_policy:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-job_site:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-team:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-task:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-timesheet:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-project:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-client:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-user:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-member:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-date:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-week:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-results__option.is-paid:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .hs-btn b:before, .hs-btn .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-selection:before, .hs-btn .toggling-dropdown > li.is-on > a:before, .hs-btn .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .hs-btn input:checked + label:before, .hs-btn .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .hs-btn .select2-selection__choice__remove, .hs-btn .datepicker:before,
.hs-btn .hs_daterange_picker:before, .hs-btn .search-filter:before {
  vertical-align: middle;
}

/* line 20, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-primary {
  color: #ffffff;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-primary:focus, .hs-btn-primary.focus {
  color: #ffffff;
  background-color: #0090f6;
  border-color: #0063aa;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-primary:hover {
  color: #ffffff;
  background-color: #0090f6;
  border-color: #008aec;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-primary:active, .hs-btn-primary.active, .open > .hs-btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #0090f6;
  border-color: #008aec;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-primary:active:hover, .hs-btn-primary:active:focus, .hs-btn-primary.focus:active, .hs-btn-primary.active:hover, .hs-btn-primary.active:focus, .hs-btn-primary.active.focus, .open > .hs-btn-primary.dropdown-toggle:hover, .open > .hs-btn-primary.dropdown-toggle:focus, .open > .hs-btn-primary.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #007bd2;
  border-color: #0063aa;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-primary:active, .hs-btn-primary.active, .open > .hs-btn-primary.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-primary.disabled:hover, .hs-btn-primary.disabled:focus, .hs-btn-primary.disabled.focus, .hs-btn-primary[disabled]:hover, .hs-btn-primary[disabled]:focus, .hs-btn-primary.focus[disabled], fieldset[disabled] .hs-btn-primary:hover, fieldset[disabled] .hs-btn-primary:focus, fieldset[disabled] .hs-btn-primary.focus {
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-primary .badge {
  color: #2aa7ff;
  background-color: #ffffff;
}

/* line 24, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-warning {
  color: #ffffff;
  background-color: #ffac51;
  border-color: #ffac51;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-warning:focus, .hs-btn-warning.focus {
  color: #ffffff;
  background-color: #ff941e;
  border-color: #d16d00;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-warning:hover {
  color: #ffffff;
  background-color: #ff941e;
  border-color: #ff8f14;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-warning:active, .hs-btn-warning.active, .open > .hs-btn-warning.dropdown-toggle {
  color: #ffffff;
  background-color: #ff941e;
  border-color: #ff8f14;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-warning:active:hover, .hs-btn-warning:active:focus, .hs-btn-warning.focus:active, .hs-btn-warning.active:hover, .hs-btn-warning.active:focus, .hs-btn-warning.active.focus, .open > .hs-btn-warning.dropdown-toggle:hover, .open > .hs-btn-warning.dropdown-toggle:focus, .open > .hs-btn-warning.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #f98200;
  border-color: #d16d00;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-warning:active, .hs-btn-warning.active, .open > .hs-btn-warning.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-warning.disabled:hover, .hs-btn-warning.disabled:focus, .hs-btn-warning.disabled.focus, .hs-btn-warning[disabled]:hover, .hs-btn-warning[disabled]:focus, .hs-btn-warning.focus[disabled], fieldset[disabled] .hs-btn-warning:hover, fieldset[disabled] .hs-btn-warning:focus, fieldset[disabled] .hs-btn-warning.focus {
  background-color: #ffac51;
  border-color: #ffac51;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-warning .badge {
  color: #ffac51;
  background-color: #ffffff;
}

/* line 28, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-danger {
  color: #ffffff;
  background-color: #f05252;
  border-color: #f05252;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-danger:focus, .hs-btn-danger.focus {
  color: #ffffff;
  background-color: #ec2323;
  border-color: #b31010;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-danger:hover {
  color: #ffffff;
  background-color: #ec2323;
  border-color: #eb1a1a;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-danger:active, .hs-btn-danger.active, .open > .hs-btn-danger.dropdown-toggle {
  color: #ffffff;
  background-color: #ec2323;
  border-color: #eb1a1a;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-danger:active:hover, .hs-btn-danger:active:focus, .hs-btn-danger.focus:active, .hs-btn-danger.active:hover, .hs-btn-danger.active:focus, .hs-btn-danger.active.focus, .open > .hs-btn-danger.dropdown-toggle:hover, .open > .hs-btn-danger.dropdown-toggle:focus, .open > .hs-btn-danger.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #d91313;
  border-color: #b31010;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-danger:active, .hs-btn-danger.active, .open > .hs-btn-danger.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-danger.disabled:hover, .hs-btn-danger.disabled:focus, .hs-btn-danger.disabled.focus, .hs-btn-danger[disabled]:hover, .hs-btn-danger[disabled]:focus, .hs-btn-danger.focus[disabled], fieldset[disabled] .hs-btn-danger:hover, fieldset[disabled] .hs-btn-danger:focus, fieldset[disabled] .hs-btn-danger.focus {
  background-color: #f05252;
  border-color: #f05252;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-danger .badge {
  color: #f05252;
  background-color: #ffffff;
}

/* line 32, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-success {
  color: #ffffff;
  background-color: #31c48d;
  border-color: #31c48d;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-success:focus, .hs-btn-success.focus {
  color: #ffffff;
  background-color: #279b70;
  border-color: #185e44;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-success:hover {
  color: #ffffff;
  background-color: #279b70;
  border-color: #25936a;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-success:active, .hs-btn-success.active, .open > .hs-btn-success.dropdown-toggle {
  color: #ffffff;
  background-color: #279b70;
  border-color: #25936a;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-success:active:hover, .hs-btn-success:active:focus, .hs-btn-success.focus:active, .hs-btn-success.active:hover, .hs-btn-success.active:focus, .hs-btn-success.active.focus, .open > .hs-btn-success.dropdown-toggle:hover, .open > .hs-btn-success.dropdown-toggle:focus, .open > .hs-btn-success.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #207f5b;
  border-color: #185e44;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-success:active, .hs-btn-success.active, .open > .hs-btn-success.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-success.disabled:hover, .hs-btn-success.disabled:focus, .hs-btn-success.disabled.focus, .hs-btn-success[disabled]:hover, .hs-btn-success[disabled]:focus, .hs-btn-success.focus[disabled], fieldset[disabled] .hs-btn-success:hover, fieldset[disabled] .hs-btn-success:focus, fieldset[disabled] .hs-btn-success.focus {
  background-color: #31c48d;
  border-color: #31c48d;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-success .badge {
  color: #31c48d;
  background-color: #ffffff;
}

/* line 36, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-white {
  color: #2aa7ff;
  background-color: #ffffff;
  border-color: #ffffff;
  border: 1px solid #ffffff;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-white:focus, .hs-btn-white.focus {
  color: #2aa7ff;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-white:hover {
  color: #2aa7ff;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-white:active, .hs-btn-white.active, .open > .hs-btn-white.dropdown-toggle {
  color: #2aa7ff;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-white:active:hover, .hs-btn-white:active:focus, .hs-btn-white.focus:active, .hs-btn-white.active:hover, .hs-btn-white.active:focus, .hs-btn-white.active.focus, .open > .hs-btn-white.dropdown-toggle:hover, .open > .hs-btn-white.dropdown-toggle:focus, .open > .hs-btn-white.dropdown-toggle.focus {
  color: #2aa7ff;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-white:active, .hs-btn-white.active, .open > .hs-btn-white.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-white.disabled:hover, .hs-btn-white.disabled:focus, .hs-btn-white.disabled.focus, .hs-btn-white[disabled]:hover, .hs-btn-white[disabled]:focus, .hs-btn-white.focus[disabled], fieldset[disabled] .hs-btn-white:hover, fieldset[disabled] .hs-btn-white:focus, fieldset[disabled] .hs-btn-white.focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-white .badge {
  color: #ffffff;
  background-color: #2aa7ff;
}

/* line 41, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-transparent-primary {
  color: #2aa7ff;
  background-color: #ffffff;
  border-color: #ffffff;
  outline: none !important;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-primary:focus, .hs-btn-transparent-primary.focus {
  color: #2aa7ff;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-primary:hover {
  color: #2aa7ff;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-primary:active, .hs-btn-transparent-primary.active, .open > .hs-btn-transparent-primary.dropdown-toggle {
  color: #2aa7ff;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-primary:active:hover, .hs-btn-transparent-primary:active:focus, .hs-btn-transparent-primary.focus:active, .hs-btn-transparent-primary.active:hover, .hs-btn-transparent-primary.active:focus, .hs-btn-transparent-primary.active.focus, .open > .hs-btn-transparent-primary.dropdown-toggle:hover, .open > .hs-btn-transparent-primary.dropdown-toggle:focus, .open > .hs-btn-transparent-primary.dropdown-toggle.focus {
  color: #2aa7ff;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-primary:active, .hs-btn-transparent-primary.active, .open > .hs-btn-transparent-primary.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-primary.disabled:hover, .hs-btn-transparent-primary.disabled:focus, .hs-btn-transparent-primary.disabled.focus, .hs-btn-transparent-primary[disabled]:hover, .hs-btn-transparent-primary[disabled]:focus, .hs-btn-transparent-primary.focus[disabled], fieldset[disabled] .hs-btn-transparent-primary:hover, fieldset[disabled] .hs-btn-transparent-primary:focus, fieldset[disabled] .hs-btn-transparent-primary.focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-primary .badge {
  color: #ffffff;
  background-color: #2aa7ff;
}

/* line 45, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-transparent-primary:active {
  outline: none !important;
}

/* line 50, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-transparent-danger {
  color: #f05252;
  background-color: #ffffff;
  border-color: #ffffff;
  outline: none !important;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-danger:focus, .hs-btn-transparent-danger.focus {
  color: #f05252;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-danger:hover {
  color: #f05252;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-danger:active, .hs-btn-transparent-danger.active, .open > .hs-btn-transparent-danger.dropdown-toggle {
  color: #f05252;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-danger:active:hover, .hs-btn-transparent-danger:active:focus, .hs-btn-transparent-danger.focus:active, .hs-btn-transparent-danger.active:hover, .hs-btn-transparent-danger.active:focus, .hs-btn-transparent-danger.active.focus, .open > .hs-btn-transparent-danger.dropdown-toggle:hover, .open > .hs-btn-transparent-danger.dropdown-toggle:focus, .open > .hs-btn-transparent-danger.dropdown-toggle.focus {
  color: #f05252;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-danger:active, .hs-btn-transparent-danger.active, .open > .hs-btn-transparent-danger.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-danger.disabled:hover, .hs-btn-transparent-danger.disabled:focus, .hs-btn-transparent-danger.disabled.focus, .hs-btn-transparent-danger[disabled]:hover, .hs-btn-transparent-danger[disabled]:focus, .hs-btn-transparent-danger.focus[disabled], fieldset[disabled] .hs-btn-transparent-danger:hover, fieldset[disabled] .hs-btn-transparent-danger:focus, fieldset[disabled] .hs-btn-transparent-danger.focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-danger .badge {
  color: #ffffff;
  background-color: #f05252;
}

/* line 54, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-transparent-danger:active {
  outline: none !important;
}

/* line 59, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-outline {
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  color: #ffffff;
  background-color: transparent;
  background-image: none;
  border: 1px solid #ffffff;
}

/* line 129, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-outline:focus, .hs-btn-outline.focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

/* line 134, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-outline.disabled, .hs-btn-outline:disabled {
  color: #ffffff;
  background-color: transparent;
}

/* line 140, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-outline.active, .show > .hs-btn-outline.dropdown-toggle {
  color: #111827;
  background-color: #ffffff;
  border-color: #ffffff;
}

@media (min-width: 576px) {
  /* line 67, app/assets/stylesheets/helpers/_mixins.scss */
  .hs-btn-outline:hover {
    color: #111827;
    background-color: #ffffff;
    border-color: #ffffff;
  }
  /* line 154, app/assets/stylesheets/helpers/_mixins.scss */
  .hs-btn-outline:active {
    color: #111827;
    background-color: #ffffff;
    border-color: #ffffff;
  }
}

/* line 62, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-outline:focus {
  color: #111827;
  background-color: #ffffff;
}

/* line 68, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-outline-primary {
  border: 1px solid #2aa7ff;
  border-radius: 5px;
  color: #2aa7ff;
}

/* line 72, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-outline-primary:focus {
  color: #2aa7ff;
}

/* line 75, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-outline-primary:hover, .active .hs-btn-outline-primary {
  box-shadow: none;
  background: #2aa7ff;
  color: #ffffff;
}

/* line 83, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-outline-gray-danger {
  transition: background-color 0.3s ease;
  outline: #f3f4f6;
  color: #f05252;
}

/* line 88, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-outline-gray-danger:hover, .active .hs-btn-outline-gray-danger {
  background: #f3f4f6;
  color: #f05252;
}

/* line 95, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-outline-gray {
  color: #d1d5db;
  background-color: transparent;
  background-image: none;
  border: 1px solid #d1d5db;
  color: #374151;
}

/* line 129, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-outline-gray:focus, .hs-btn-outline-gray.focus {
  box-shadow: 0 0 0 3px rgba(209, 213, 219, 0.5);
}

/* line 134, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-outline-gray.disabled, .hs-btn-outline-gray:disabled {
  color: #d1d5db;
  background-color: transparent;
}

/* line 140, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-outline-gray.active, .show > .hs-btn-outline-gray.dropdown-toggle {
  color: #ffffff;
  background-color: #d1d5db;
  border-color: #d1d5db;
}

@media (min-width: 576px) {
  /* line 67, app/assets/stylesheets/helpers/_mixins.scss */
  .hs-btn-outline-gray:hover {
    color: #ffffff;
    background-color: #d1d5db;
    border-color: #d1d5db;
  }
  /* line 154, app/assets/stylesheets/helpers/_mixins.scss */
  .hs-btn-outline-gray:active {
    color: #ffffff;
    background-color: #d1d5db;
    border-color: #d1d5db;
  }
}

/* line 100, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-transparent-gray {
  color: gray;
  background-color: #ffffff;
  border-color: #ffffff;
  color: #374151;
  border: none;
  outline: none !important;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-gray:focus, .hs-btn-transparent-gray.focus {
  color: gray;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-gray:hover {
  color: gray;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-gray:active, .hs-btn-transparent-gray.active, .open > .hs-btn-transparent-gray.dropdown-toggle {
  color: gray;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-gray:active:hover, .hs-btn-transparent-gray:active:focus, .hs-btn-transparent-gray.focus:active, .hs-btn-transparent-gray.active:hover, .hs-btn-transparent-gray.active:focus, .hs-btn-transparent-gray.active.focus, .open > .hs-btn-transparent-gray.dropdown-toggle:hover, .open > .hs-btn-transparent-gray.dropdown-toggle:focus, .open > .hs-btn-transparent-gray.dropdown-toggle.focus {
  color: gray;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-gray:active, .hs-btn-transparent-gray.active, .open > .hs-btn-transparent-gray.dropdown-toggle {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-gray.disabled:hover, .hs-btn-transparent-gray.disabled:focus, .hs-btn-transparent-gray.disabled.focus, .hs-btn-transparent-gray[disabled]:hover, .hs-btn-transparent-gray[disabled]:focus, .hs-btn-transparent-gray.focus[disabled], fieldset[disabled] .hs-btn-transparent-gray:hover, fieldset[disabled] .hs-btn-transparent-gray:focus, fieldset[disabled] .hs-btn-transparent-gray.focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.hs-btn-transparent-gray .badge {
  color: #ffffff;
  background-color: gray;
}

/* line 106, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-transparent-gray:hover {
  color: #2d3542;
}

/* line 110, app/assets/stylesheets/components/_buttons_new.scss */
.hs-btn-transparent-gray:active {
  outline: none !important;
  background: #bac0c9;
  color: #2d3542;
}

/* line 117, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn {
  padding: 9px 26px;
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
  font-size: 13px;
  font-weight: 700;
  border-radius: 2px;
}

/* line 125, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.btn-sm, .btn-group-sm > .hs-rebranded-btn.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-sm > .hs-rebranded-btn.nav-item {
  padding: 6px 14px;
  font-size: 12px;
}

/* line 129, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.btn-lg, .btn-group-lg > .hs-rebranded-btn.btn, .app-tabs-switch > .nav.nav-tabs .btn-group-lg > .hs-rebranded-btn.nav-item {
  padding: 10px 35px;
  font-size: 14px;
}

/* line 133, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.btn-xl {
  padding: 16px 45px;
  font-size: 14px;
  line-height: 15px;
  border-radius: 4px;
}

/* line 136, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-success {
  color: #ffffff;
  background-color: #31c48d;
  border-color: #31c48d;
}

/* line 140, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-success:hover, .hs-rebranded-btn.hs-btn-success:active, .hs-rebranded-btn.hs-btn-success:focus {
  color: #ffffff;
  background-color: #3fcf99;
  border-color: #3fcf99;
}

/* line 148, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-primary {
  color: #ffffff;
  background-color: #2f8af4;
  border-color: #2f8af4;
}

/* line 152, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-primary:hover, .hs-rebranded-btn.hs-btn-primary:active, .hs-rebranded-btn.hs-btn-primary:focus {
  color: #ffffff;
  background-color: #4798f5;
  border-color: #4798f5;
}

/* line 160, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-outline {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ffffff;
}

/* line 163, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-outline:hover, .hs-rebranded-btn.hs-btn-outline:active, .hs-rebranded-btn.hs-btn-outline:focus {
  color: #31c48d;
  background-color: #ffffff;
}

/* line 170, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-outline.primary:hover, .hs-rebranded-btn.hs-btn-outline.primary:active, .hs-rebranded-btn.hs-btn-outline.primary:focus {
  color: #2f8af4;
}

/* line 177, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.btn-outline-success {
  border-color: #31c48d;
  color: #31c48d;
}

/* line 180, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.btn-outline-success:hover, .hs-rebranded-btn.btn-outline-success:active, .hs-rebranded-btn.btn-outline-success:focus {
  background-color: #31c48d;
  color: #ffffff;
}

/* line 187, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.btn-outline-primary {
  border-color: #2f8af4;
  color: #2f8af4;
}

/* line 190, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.btn-outline-primary:hover, .hs-rebranded-btn.btn-outline-primary:active, .hs-rebranded-btn.btn-outline-primary:focus {
  background-color: #2f8af4;
  color: #ffffff;
}

/* line 197, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-dark {
  color: #ffffff;
  background-color: #374151;
  border-color: #374151;
}

/* line 201, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-dark:hover, .hs-rebranded-btn.hs-btn-dark:active, .hs-rebranded-btn.hs-btn-dark:focus {
  color: #ffffff;
  background-color: #414d60;
  border-color: #414d60;
}

/* line 209, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-link {
  color: #374151;
  background-color: transparent;
  border-color: transparent;
}

/* line 213, app/assets/stylesheets/components/_buttons_new.scss */
.hs-rebranded-btn.hs-btn-link:hover, .hs-rebranded-btn.hs-btn-link:active, .hs-rebranded-btn.hs-btn-link:focus {
  color: #000000;
  background-color: transparent;
  border-color: transparent;
}

/* line 4, app/assets/stylesheets/components/_clientDialog.scss */
.client-dialog .vue-tel-input {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}

/* line 7, app/assets/stylesheets/components/_clientDialog.scss */
.client-dialog .vue-tel-input:focus, .client-dialog .vue-tel-input:active, .client-dialog .vue-tel-input:focus-within {
  border-color: #2aa7ff !important;
}

/* line 10, app/assets/stylesheets/components/_clientDialog.scss */
.client-dialog .vue-tel-input:focus-within {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(42, 167, 255, 0.6);
}

/* line 13, app/assets/stylesheets/components/_clientDialog.scss */
.client-dialog .vue-tel-input .vti__dropdown {
  padding-left: 0;
}

/* line 17, app/assets/stylesheets/components/_clientDialog.scss */
.client-dialog .toggle-switch-wrapper {
  margin-bottom: 10px;
  margin-top: 0 !important;
}

/* line 1, app/assets/stylesheets/components/_contextMenu.scss */
ul.ctx-menu {
  font-size: 13px;
}

/* line 3, app/assets/stylesheets/components/_contextMenu.scss */
ul.ctx-menu li {
  padding: 0 5px;
}

/* line 6, app/assets/stylesheets/components/_contextMenu.scss */
ul.ctx-menu a {
  color: #333333;
  padding: 4px 20px;
  border-radius: 4px;
  margin: 0;
  display: block;
}

/* line 12, app/assets/stylesheets/components/_contextMenu.scss */
ul.ctx-menu a:hover {
  background-color: #f3f4f6;
}

/* line 1, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-organization-flow {
  color: #1f2937;
}

/* line 4, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-organization-flow .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4em;
}

/* line 10, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-organization-flow .list {
  font-size: 1.4rem;
  margin-top: 1.2rem;
  padding-left: 2rem;
}

/* line 17, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-organization-flow .btn-default-hover-grey:hover {
  background-color: #e5e7eb;
}

/* line 24, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-consequences-dialog .banner {
  background: url(https://server-assets.hubstaff.com/b9e3417e06/organization/archive_flow/banner_base_red-c264c3193dd3603b9da0204731224c0606a910f29852b2107f6bcdb195ddeda0.svg) no-repeat;
  background-size: cover;
  padding: 0.8rem 2rem 0 2rem;
  margin-top: 1.2rem;
  min-height: 16.5rem;
}

/* line 31, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-consequences-dialog .banner .illustration {
  align-self: flex-end;
}

@media (max-width: 63rem) {
  /* line 31, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
  .archive-consequences-dialog .banner .illustration {
    display: none;
  }
}

/* line 40, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-consequences-dialog .title {
  margin-top: 2.8rem;
}

/* line 45, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-consequences-dialog .items-removed .item {
  align-items: center;
  color: #9b1c1c;
  display: flex;
  font-size: 1.4rem;
  line-height: 1.6rem;
}

/* line 52, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-consequences-dialog .items-removed .item i {
  color: #f98080;
  margin-right: 0.8rem;
}

/* line 61, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog p, .archive-offer-dialog-with-pause p,
.archive-pause-dialog p,
.archive-pause-confirmation-dialog p {
  margin: 1.2rem 0 0 0;
}

/* line 65, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .offer, .archive-offer-dialog-with-pause .offer,
.archive-pause-dialog .offer,
.archive-pause-confirmation-dialog .offer {
  border: 0.1rem solid #d1d5db;
  border-radius: 1.2rem;
  margin-top: 2.8rem;
  padding: 2rem;
  position: relative;
}

/* line 72, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .offer .title, .archive-offer-dialog-with-pause .offer .title,
.archive-pause-dialog .offer .title,
.archive-pause-confirmation-dialog .offer .title {
  font-size: 1.4rem;
  font-weight: 500;
}

/* line 77, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .offer .compare-plans, .archive-offer-dialog-with-pause .offer .compare-plans,
.archive-pause-dialog .offer .compare-plans,
.archive-pause-confirmation-dialog .offer .compare-plans {
  font-size: 1.2rem;
  font-weight: 500;
  position: absolute;
  right: 2rem;
  top: 2rem;
}

/* line 86, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .plans, .archive-offer-dialog-with-pause .plans,
.archive-pause-dialog .plans,
.archive-pause-confirmation-dialog .plans {
  display: flex;
  margin-top: 2.4rem;
  width: 100%;
}

/* line 92, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .arrow, .archive-offer-dialog-with-pause .arrow,
.archive-pause-dialog .arrow,
.archive-pause-confirmation-dialog .arrow {
  align-self: center;
  color: #6b7280;
  font-size: 1.4rem;
  margin: 0 2.4rem;
}

/* line 99, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .divider, .archive-offer-dialog-with-pause .divider,
.archive-pause-dialog .divider,
.archive-pause-confirmation-dialog .divider {
  border-left: 0.1rem solid #d1d5db;
  width: 0.1rem;
  margin: 0 1.6rem;
}

/* line 105, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .plan-name, .archive-offer-dialog-with-pause .plan-name,
.archive-pause-dialog .plan-name,
.archive-pause-confirmation-dialog .plan-name {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4em;
}

/* line 111, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .plan-price, .archive-offer-dialog-with-pause .plan-price,
.archive-pause-dialog .plan-price,
.archive-pause-confirmation-dialog .plan-price {
  display: inline-block;
  font-size: 2.8rem;
  font-weight: 300;
}

/* line 117, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog .plan-price-period, .archive-offer-dialog-with-pause .plan-price-period,
.archive-pause-dialog .plan-price-period,
.archive-pause-confirmation-dialog .plan-price-period {
  color: #6b7280;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  margin-left: 0.6rem;
}

/* line 126, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause,
.archive-pause-dialog,
.archive-pause-confirmation-dialog {
  color: var(--z-gray-900);
}

/* line 132, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .modal-dialog,
.archive-pause-dialog .modal-dialog,
.archive-pause-confirmation-dialog .modal-dialog {
  width: 75rem;
}

/* line 136, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .modal-header,
.archive-pause-dialog .modal-header,
.archive-pause-confirmation-dialog .modal-header {
  padding: 2rem 2rem 1rem 2rem;
}

/* line 140, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .modal-body, .archive-offer-dialog-with-pause .modal-body-centered,
.archive-pause-dialog .modal-body,
.archive-pause-dialog .modal-body-centered,
.archive-pause-confirmation-dialog .modal-body,
.archive-pause-confirmation-dialog .modal-body-centered {
  padding: 1rem 2rem 2rem 2rem;
}

/* line 144, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .modal-footer,
.archive-pause-dialog .modal-footer,
.archive-pause-confirmation-dialog .modal-footer {
  justify-content: space-between;
}

/* line 147, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .modal-footer .btn-link,
.archive-pause-dialog .modal-footer .btn-link,
.archive-pause-confirmation-dialog .modal-footer .btn-link {
  margin-right: auto;
}

/* line 152, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .title,
.archive-pause-dialog .title,
.archive-pause-confirmation-dialog .title {
  margin-bottom: 0.4rem;
}

/* line 156, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause p,
.archive-pause-dialog p,
.archive-pause-confirmation-dialog p {
  color: var(--z-gray-700);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin: 0;
}

/* line 164, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .offer,
.archive-pause-dialog .offer,
.archive-pause-confirmation-dialog .offer {
  border: 0.1rem solid var(--z-gray-200);
  margin-top: 1.6rem;
  padding: 1rem 2rem;
}

/* line 170, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .plans,
.archive-pause-dialog .plans,
.archive-pause-confirmation-dialog .plans {
  margin-top: 0;
}

/* line 174, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .plan.second-offer-plan,
.archive-pause-dialog .plan.second-offer-plan,
.archive-pause-confirmation-dialog .plan.second-offer-plan {
  display: none;
}

/* line 178, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .arrow,
.archive-pause-dialog .arrow,
.archive-pause-confirmation-dialog .arrow {
  color: var(--z-gray-500);
  margin: 0 3rem;
}

/* line 183, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .plan-name span,
.archive-pause-dialog .plan-name span,
.archive-pause-confirmation-dialog .plan-name span {
  font-size: 1.4rem;
  font-weight: 400;
}

/* line 189, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .pause .box,
.archive-pause-dialog .pause .box,
.archive-pause-confirmation-dialog .pause .box {
  align-items: center;
  background-color: var(--z-blue-50);
  border: 0.1rem solid var(--z-primary-700);
  border-radius: 1.2rem;
  display: flex;
}

/* line 197, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .pause .message,
.archive-pause-dialog .pause .message,
.archive-pause-confirmation-dialog .pause .message {
  color: var(--z-gray-700);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin: 0;
  padding: 2rem;
}

/* line 209, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-offer-dialog-with-pause .pause {
  margin-top: 1.6rem;
}

/* line 215, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-dialog .pause-duration-info {
  margin-top: 1.6rem;
  padding: 0;
}

/* line 220, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-dialog .pause-duration-input {
  margin-top: 1.6rem;
}

/* line 224, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-dialog .modal-footer {
  justify-content: flex-end;
}

/* line 230, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .plans {
  column-gap: 1rem;
  display: grid;
  margin-top: 1.6rem;
  grid-template-columns: 1fr;
  row-gap: 1rem;
}

/* line 237, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .plans .plan {
  border: 0.1rem solid var(--z-gray-200);
  border-radius: 1.2rem;
  padding: 1.6rem;
  position: relative;
}

/* line 243, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .plans .plan.team {
  background-color: var(--z-primary-900);
}

/* line 246, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .plans .plan.team .plan-name,
.archive-pause-confirmation-dialog .plans .plan.team .plan-price,
.archive-pause-confirmation-dialog .plans .plan.team .plan-price-period {
  color: #ffffff;
}

/* line 253, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .plans .plan .plan-name {
  color: var(--z-gray-900);
  font-size: 1.6rem;
  font-weight: 600;
}

/* line 258, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.team .archive-pause-confirmation-dialog .plans .plan .plan-name {
  color: #ffffff;
}

/* line 263, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .plans .plan .plan-price {
  color: var(--z-gray-900);
  margin-top: 1rem;
}

/* line 268, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .plans .plan .popular-badge {
  background-color: var(--z-purple-100);
  border-radius: 0.6rem;
  color: var(--z-purple-800);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
  padding: 0.4rem 0.8rem;
  position: absolute;
  right: 0.9rem;
  top: 1.4rem;
}

/* line 280, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .plans .plan .popular-badge i {
  color: var(--z-purple-800);
  font-size: 1.8rem;
  float: left;
  font-weight: 400;
  margin-right: 0.4rem;
}

/* line 291, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-pause-confirmation-dialog .modal-footer {
  justify-content: center;
}

@media (min-width: 768px) {
  /* line 301, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
  .archive-offer-dialog-with-pause .pause .box,
.archive-pause-dialog .pause .box,
.archive-pause-confirmation-dialog .pause .box {
    background-image: url(https://server-assets.hubstaff.com/b9e3417e06/organization/archive_flow/banner_pause-36b233831bd2f841a073a38834cdbbabdbc5812fa6c796523d0cc9e7f0f774c6.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 23rem 15.3rem;
    min-height: 15.3rem;
  }
  /* line 309, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
  .archive-offer-dialog-with-pause .pause .message,
.archive-pause-dialog .pause .message,
.archive-pause-confirmation-dialog .pause .message {
    margin: 0 0 0 3.3rem;
    padding: 0;
    width: 41rem;
  }
  /* line 318, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
  .archive-offer-dialog-with-pause .plan.current-plan {
    width: 15rem;
  }
  /* line 322, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
  .archive-offer-dialog-with-pause .plan.first-offer-plan {
    width: 21rem;
  }
  /* line 326, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
  .archive-offer-dialog-with-pause .plan.second-offer-plan {
    border-left: 0.1rem solid var(--z-gray-200);
    display: block;
    padding-left: 3rem;
  }
  /* line 334, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
  .archive-pause-confirmation-dialog .plans {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  /* line 342, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
  .archive-pause-confirmation-dialog .plans {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* line 349, app/assets/stylesheets/components/Dialogs/_archive_organization_flow.scss */
.archive-feedback-dialog .form-group {
  margin-top: 3rem;
}

/* line 2, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .modal-body, .wow .modal-body,
.job-dialog .modal-body, .project-dialog .modal-body, .member-dialog .modal-body, .client-dialog .modal-body, .unified-dialog .modal-body-centered, .wow .modal-body-centered,
.job-dialog .modal-body-centered, .project-dialog .modal-body-centered, .member-dialog .modal-body-centered, .client-dialog .modal-body-centered {
  padding-top: 5px;
  min-height: 219px;
}

/* line 7, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .curtain, .wow .curtain,
.job-dialog .curtain, .project-dialog .curtain, .member-dialog .curtain, .client-dialog .curtain {
  background: rgba(255, 255, 255, 0.8);
  z-index: 9012;
  border-radius: 7px;
}

/* line 12, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .curtain .spinner-wrapper, .wow .curtain .spinner-wrapper,
.job-dialog .curtain .spinner-wrapper, .project-dialog .curtain .spinner-wrapper, .member-dialog .curtain .spinner-wrapper, .client-dialog .curtain .spinner-wrapper {
  top: 50%;
}

/* line 17, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog header, .wow header,
.job-dialog header, .project-dialog header, .member-dialog header, .client-dialog header {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

/* line 22, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog header span, .wow header span,
.job-dialog header span, .project-dialog header span, .member-dialog header span, .client-dialog header span {
  overflow-wrap: break-word;
  min-width: 0;
}

/* line 28, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .nav-tabs, .wow .nav-tabs,
.job-dialog .nav-tabs, .project-dialog .nav-tabs, .member-dialog .nav-tabs, .client-dialog .nav-tabs {
  margin-bottom: 25px;
  min-height: 31px;
}

/* line 34, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .nav-item.has-error.active, .wow .nav-item.has-error.active,
.job-dialog .nav-item.has-error.active, .project-dialog .nav-item.has-error.active, .member-dialog .nav-item.has-error.active, .client-dialog .nav-item.has-error.active {
  box-shadow: inset 0 -2px 0 #f05252 !important;
}

/* line 38, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .nav-item.has-error a, .wow .nav-item.has-error a,
.job-dialog .nav-item.has-error a, .project-dialog .nav-item.has-error a, .member-dialog .nav-item.has-error a, .client-dialog .nav-item.has-error a {
  color: #f05252 !important;
}

/* line 43, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog fieldset.upgrade-dialog, .wow fieldset.upgrade-dialog,
.job-dialog fieldset.upgrade-dialog, .project-dialog fieldset.upgrade-dialog, .member-dialog fieldset.upgrade-dialog, .client-dialog fieldset.upgrade-dialog {
  pointer-events: none;
  opacity: 0.5;
}

/* line 48, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .help-block:empty, .wow .help-block:empty,
.job-dialog .help-block:empty, .project-dialog .help-block:empty, .member-dialog .help-block:empty, .client-dialog .help-block:empty {
  display: none;
}

/* line 52, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box, .wow .custom-checkbox-wrapper input:checked + .custom-checkbox-box,
.job-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box, .project-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box, .member-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box, .client-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background: #2f8af4;
}

/* line 56, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .link-to-tasks, .wow .link-to-tasks,
.job-dialog .link-to-tasks, .project-dialog .link-to-tasks, .member-dialog .link-to-tasks, .client-dialog .link-to-tasks {
  font-size: 13px;
}

@media (min-width: 768px) {
  /* line 56, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .link-to-tasks, .wow .link-to-tasks,
.job-dialog .link-to-tasks, .project-dialog .link-to-tasks, .member-dialog .link-to-tasks, .client-dialog .link-to-tasks {
    position: absolute;
    bottom: -47px;
    min-width: 65%;
  }
}

/* line 65, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .link-to-tasks .custom-checkbox-box + span, .wow .link-to-tasks .custom-checkbox-box + span,
.job-dialog .link-to-tasks .custom-checkbox-box + span, .project-dialog .link-to-tasks .custom-checkbox-box + span, .member-dialog .link-to-tasks .custom-checkbox-box + span, .client-dialog .link-to-tasks .custom-checkbox-box + span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 72, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .label-logo, .wow .label-logo,
.job-dialog .label-logo, .project-dialog .label-logo, .member-dialog .label-logo, .client-dialog .label-logo {
  width: 120px;
  position: relative;
  top: -0.071em;
  margin: 0 5px;
}

@media (max-width: 480px) {
  /* line 72, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .label-logo, .wow .label-logo,
.job-dialog .label-logo, .project-dialog .label-logo, .member-dialog .label-logo, .client-dialog .label-logo {
    width: 110px;
  }
}

/* line 83, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-controls, .wow .budget-controls,
.job-dialog .budget-controls, .project-dialog .budget-controls, .member-dialog .budget-controls, .client-dialog .budget-controls {
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

/* line 88, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-controls .remove-budget-link, .wow .budget-controls .remove-budget-link,
.job-dialog .budget-controls .remove-budget-link, .project-dialog .budget-controls .remove-budget-link, .member-dialog .budget-controls .remove-budget-link, .client-dialog .budget-controls .remove-budget-link {
  display: flex;
  align-items: center;
  color: #f05252;
  cursor: pointer;
  font-size: 13px;
  margin-left: auto;
}

/* line 95, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-controls .remove-budget-link i, .wow .budget-controls .remove-budget-link i,
.job-dialog .budget-controls .remove-budget-link i, .project-dialog .budget-controls .remove-budget-link i, .member-dialog .budget-controls .remove-budget-link i, .client-dialog .budget-controls .remove-budget-link i {
  margin-right: 5px;
}

@media (max-width: 575.98px) {
  /* line 83, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .budget-controls, .wow .budget-controls,
.job-dialog .budget-controls, .project-dialog .budget-controls, .member-dialog .budget-controls, .client-dialog .budget-controls {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 102, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .budget-controls .remove-budget-link, .wow .budget-controls .remove-budget-link,
.job-dialog .budget-controls .remove-budget-link, .project-dialog .budget-controls .remove-budget-link, .member-dialog .budget-controls .remove-budget-link, .client-dialog .budget-controls .remove-budget-link {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* line 109, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .label-secondary, .wow .label-secondary,
.job-dialog .label-secondary, .project-dialog .label-secondary, .member-dialog .label-secondary, .client-dialog .label-secondary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 7px;
}

/* line 115, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .label-secondary span, .wow .label-secondary span,
.job-dialog .label-secondary span, .project-dialog .label-secondary span, .member-dialog .label-secondary span, .client-dialog .label-secondary span {
  flex: 1;
  font-size: 13px;
  color: #6b7280;
}

@media (max-width: 480px) {
  /* line 115, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .label-secondary span, .wow .label-secondary span,
.job-dialog .label-secondary span, .project-dialog .label-secondary span, .member-dialog .label-secondary span, .client-dialog .label-secondary span {
    margin-right: 10px;
  }
}

/* line 126, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .reports-app-datepicker > a, .wow .reports-app-datepicker > a,
.job-dialog .reports-app-datepicker > a, .project-dialog .reports-app-datepicker > a, .member-dialog .reports-app-datepicker > a, .client-dialog .reports-app-datepicker > a {
  margin-right: 0;
  width: 100%;
}

/* line 132, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-form label.btn.btn-toggle-option.view-toggle.error, .wow .budget-form label.btn.btn-toggle-option.view-toggle.error,
.job-dialog .budget-form label.btn.btn-toggle-option.view-toggle.error, .project-dialog .budget-form label.btn.btn-toggle-option.view-toggle.error, .unified-dialog .budget-form .app-tabs-switch > .nav.nav-tabs label.btn-toggle-option.view-toggle.error.nav-item, .wow .budget-form .app-tabs-switch > .nav.nav-tabs label.btn-toggle-option.view-toggle.error.nav-item,
.job-dialog .budget-form .app-tabs-switch > .nav.nav-tabs label.btn-toggle-option.view-toggle.error.nav-item, .project-dialog .budget-form .app-tabs-switch > .nav.nav-tabs label.btn-toggle-option.view-toggle.error.nav-item, .app-tabs-switch > .nav.nav-tabs .unified-dialog .budget-form label.btn-toggle-option.view-toggle.error.nav-item, .app-tabs-switch > .nav.nav-tabs .wow .budget-form label.btn-toggle-option.view-toggle.error.nav-item,
.app-tabs-switch > .nav.nav-tabs .job-dialog .budget-form label.btn-toggle-option.view-toggle.error.nav-item, .app-tabs-switch > .nav.nav-tabs .project-dialog .budget-form label.btn-toggle-option.view-toggle.error.nav-item, .member-dialog .budget-form label.btn.btn-toggle-option.view-toggle.error, .member-dialog .budget-form .app-tabs-switch > .nav.nav-tabs label.btn-toggle-option.view-toggle.error.nav-item, .app-tabs-switch > .nav.nav-tabs .member-dialog .budget-form label.btn-toggle-option.view-toggle.error.nav-item, .client-dialog .budget-form label.btn.btn-toggle-option.view-toggle.error, .client-dialog .budget-form .app-tabs-switch > .nav.nav-tabs label.btn-toggle-option.view-toggle.error.nav-item, .app-tabs-switch > .nav.nav-tabs .client-dialog .budget-form label.btn-toggle-option.view-toggle.error.nav-item {
  color: #f05252;
}

/* line 136, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-form #recurrence-start-weekly.no-label-form-row, .wow .budget-form #recurrence-start-weekly.no-label-form-row,
.job-dialog .budget-form #recurrence-start-weekly.no-label-form-row, .project-dialog .budget-form #recurrence-start-weekly.no-label-form-row, .member-dialog .budget-form #recurrence-start-weekly.no-label-form-row, .client-dialog .budget-form #recurrence-start-weekly.no-label-form-row {
  margin-top: 7px;
}

@media (max-width: 575.98px) {
  /* line 139, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .budget-form #recurrence-start-weekly.no-label-form-row .btn-group-spaced, .wow .budget-form #recurrence-start-weekly.no-label-form-row .btn-group-spaced,
.job-dialog .budget-form #recurrence-start-weekly.no-label-form-row .btn-group-spaced, .project-dialog .budget-form #recurrence-start-weekly.no-label-form-row .btn-group-spaced, .member-dialog .budget-form #recurrence-start-weekly.no-label-form-row .btn-group-spaced, .client-dialog .budget-form #recurrence-start-weekly.no-label-form-row .btn-group-spaced {
    gap: 5px;
  }
}

/* line 146, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-form .members-warning-dialog, .wow .budget-form .members-warning-dialog,
.job-dialog .budget-form .members-warning-dialog, .project-dialog .budget-form .members-warning-dialog, .member-dialog .budget-form .members-warning-dialog, .client-dialog .budget-form .members-warning-dialog {
  margin-top: 1rem;
}

/* line 149, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-form .members-warning-dialog .hi-info-filled, .wow .budget-form .members-warning-dialog .hi-info-filled,
.job-dialog .budget-form .members-warning-dialog .hi-info-filled, .project-dialog .budget-form .members-warning-dialog .hi-info-filled, .member-dialog .budget-form .members-warning-dialog .hi-info-filled, .client-dialog .budget-form .members-warning-dialog .hi-info-filled {
  padding-top: 0.4rem;
}

/* line 156, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-limits-fields .inline-form-row, .wow .budget-limits-fields .inline-form-row,
.job-dialog .budget-limits-fields .inline-form-row, .project-dialog .budget-limits-fields .inline-form-row, .member-dialog .budget-limits-fields .inline-form-row, .client-dialog .budget-limits-fields .inline-form-row {
  margin-bottom: 15px;
}

/* line 160, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-limits-fields .form-type-select, .wow .budget-limits-fields .form-type-select,
.job-dialog .budget-limits-fields .form-type-select, .project-dialog .budget-limits-fields .form-type-select, .member-dialog .budget-limits-fields .form-type-select, .client-dialog .budget-limits-fields .form-type-select {
  flex: 1;
}

/* line 166, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-members-limit-fields .add-member-limit, .wow .budget-members-limit-fields .add-member-limit,
.job-dialog .budget-members-limit-fields .add-member-limit, .project-dialog .budget-members-limit-fields .add-member-limit, .member-dialog .budget-members-limit-fields .add-member-limit, .client-dialog .budget-members-limit-fields .add-member-limit {
  cursor: pointer;
}

/* line 170, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-members-limit-fields .remove-member-limit, .wow .budget-members-limit-fields .remove-member-limit,
.job-dialog .budget-members-limit-fields .remove-member-limit, .project-dialog .budget-members-limit-fields .remove-member-limit, .member-dialog .budget-members-limit-fields .remove-member-limit, .client-dialog .budget-members-limit-fields .remove-member-limit {
  cursor: pointer;
  align-self: center;
}

/* line 175, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-members-limit-fields .member-limit-card, .wow .budget-members-limit-fields .member-limit-card,
.job-dialog .budget-members-limit-fields .member-limit-card, .project-dialog .budget-members-limit-fields .member-limit-card, .member-dialog .budget-members-limit-fields .member-limit-card, .client-dialog .budget-members-limit-fields .member-limit-card {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  padding: 20px 20px 10px;
}

@media (max-width: 575.98px) {
  /* line 175, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .budget-members-limit-fields .member-limit-card, .wow .budget-members-limit-fields .member-limit-card,
.job-dialog .budget-members-limit-fields .member-limit-card, .project-dialog .budget-members-limit-fields .member-limit-card, .member-dialog .budget-members-limit-fields .member-limit-card, .client-dialog .budget-members-limit-fields .member-limit-card {
    border: none;
    padding: 0;
  }
}

/* line 188, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-members-limit-fields .notify-project-members, .wow .budget-members-limit-fields .notify-project-members,
.job-dialog .budget-members-limit-fields .notify-project-members, .project-dialog .budget-members-limit-fields .notify-project-members, .member-dialog .budget-members-limit-fields .notify-project-members, .client-dialog .budget-members-limit-fields .notify-project-members {
  padding-top: 24px;
}

/* line 192, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .budget-members-limit-fields .form-type-select, .wow .budget-members-limit-fields .form-type-select,
.job-dialog .budget-members-limit-fields .form-type-select, .project-dialog .budget-members-limit-fields .form-type-select, .member-dialog .budget-members-limit-fields .form-type-select, .client-dialog .budget-members-limit-fields .form-type-select {
  flex: 1;
}

/* line 197, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .flex-footer, .wow .flex-footer,
.job-dialog .flex-footer, .project-dialog .flex-footer, .member-dialog .flex-footer, .client-dialog .flex-footer {
  display: flex;
}

/* line 200, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog .flex-footer .custom-checkbox-box + span, .wow .flex-footer .custom-checkbox-box + span,
.job-dialog .flex-footer .custom-checkbox-box + span, .project-dialog .flex-footer .custom-checkbox-box + span, .member-dialog .flex-footer .custom-checkbox-box + span, .client-dialog .flex-footer .custom-checkbox-box + span {
  font-weight: normal;
  width: auto;
}

@media (max-width: 767.98px) {
  /* line 197, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .flex-footer, .wow .flex-footer,
.job-dialog .flex-footer, .project-dialog .flex-footer, .member-dialog .flex-footer, .client-dialog .flex-footer {
    flex-direction: column;
  }
  /* line 207, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .flex-footer .btn:last-of-type, .wow .flex-footer .btn:last-of-type,
.job-dialog .flex-footer .btn:last-of-type, .project-dialog .flex-footer .btn:last-of-type, .unified-dialog .flex-footer .app-tabs-switch > .nav.nav-tabs .nav-item:last-of-type, .wow .flex-footer .app-tabs-switch > .nav.nav-tabs .nav-item:last-of-type,
.job-dialog .flex-footer .app-tabs-switch > .nav.nav-tabs .nav-item:last-of-type, .project-dialog .flex-footer .app-tabs-switch > .nav.nav-tabs .nav-item:last-of-type, .app-tabs-switch > .nav.nav-tabs .unified-dialog .flex-footer .nav-item:last-of-type, .app-tabs-switch > .nav.nav-tabs .wow .flex-footer .nav-item:last-of-type,
.app-tabs-switch > .nav.nav-tabs .job-dialog .flex-footer .nav-item:last-of-type, .app-tabs-switch > .nav.nav-tabs .project-dialog .flex-footer .nav-item:last-of-type, .member-dialog .flex-footer .btn:last-of-type, .member-dialog .flex-footer .app-tabs-switch > .nav.nav-tabs .nav-item:last-of-type, .app-tabs-switch > .nav.nav-tabs .member-dialog .flex-footer .nav-item:last-of-type, .client-dialog .flex-footer .btn:last-of-type, .client-dialog .flex-footer .app-tabs-switch > .nav.nav-tabs .nav-item:last-of-type, .app-tabs-switch > .nav.nav-tabs .client-dialog .flex-footer .nav-item:last-of-type {
    margin: 10px 0 0;
  }
  /* line 211, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog .flex-footer .custom-checkbox-wrapper, .wow .flex-footer .custom-checkbox-wrapper,
.job-dialog .flex-footer .custom-checkbox-wrapper, .project-dialog .flex-footer .custom-checkbox-wrapper, .member-dialog .flex-footer .custom-checkbox-wrapper, .client-dialog .flex-footer .custom-checkbox-wrapper {
    margin-bottom: 10px;
    text-align: left;
  }
}

/* line 219, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog.delete-project.opened, .delete-project.opened.wow,
.delete-project.opened.job-dialog, .delete-project.opened.project-dialog, .delete-project.opened.member-dialog, .delete-project.opened.client-dialog {
  z-index: 1049;
}

/* line 223, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog.delete-project .dialog-p, .delete-project.wow .dialog-p,
.delete-project.job-dialog .dialog-p, .delete-project.project-dialog .dialog-p, .delete-project.member-dialog .dialog-p, .delete-project.client-dialog .dialog-p {
  margin-bottom: 20px;
}

/* line 227, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog.delete-project .dialog-p.warning i, .delete-project.wow .dialog-p.warning i,
.delete-project.job-dialog .dialog-p.warning i, .delete-project.project-dialog .dialog-p.warning i, .delete-project.member-dialog .dialog-p.warning i, .delete-project.client-dialog .dialog-p.warning i {
  color: #f05252;
}

/* line 231, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog.delete-project .dialog-p.warning strong, .delete-project.wow .dialog-p.warning strong,
.delete-project.job-dialog .dialog-p.warning strong, .delete-project.project-dialog .dialog-p.warning strong, .delete-project.member-dialog .dialog-p.warning strong, .delete-project.client-dialog .dialog-p.warning strong {
  margin-left: 10px;
}

/* line 236, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog.delete-project .dialog-p:first-of-type, .delete-project.wow .dialog-p:first-of-type,
.delete-project.job-dialog .dialog-p:first-of-type, .delete-project.project-dialog .dialog-p:first-of-type, .delete-project.member-dialog .dialog-p:first-of-type, .delete-project.client-dialog .dialog-p:first-of-type {
  display: flex;
  align-items: center;
}

/* line 240, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog.delete-project .dialog-p:first-of-type span, .delete-project.wow .dialog-p:first-of-type span,
.delete-project.job-dialog .dialog-p:first-of-type span, .delete-project.project-dialog .dialog-p:first-of-type span, .delete-project.member-dialog .dialog-p:first-of-type span, .delete-project.client-dialog .dialog-p:first-of-type span {
  overflow-wrap: break-word;
  min-width: 0;
}

/* line 246, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog.delete-project .dialog-p:last-of-type, .delete-project.wow .dialog-p:last-of-type,
.delete-project.job-dialog .dialog-p:last-of-type, .delete-project.project-dialog .dialog-p:last-of-type, .delete-project.member-dialog .dialog-p:last-of-type, .delete-project.client-dialog .dialog-p:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 380px) {
  /* line 223, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog.delete-project .dialog-p, .delete-project.wow .dialog-p,
.delete-project.job-dialog .dialog-p, .delete-project.project-dialog .dialog-p, .delete-project.member-dialog .dialog-p, .delete-project.client-dialog .dialog-p {
    margin-bottom: 10px;
  }
}

/* line 256, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.unified-dialog.delete-project #delete-button.btn-danger, .delete-project.wow #delete-button.btn-danger,
.delete-project.job-dialog #delete-button.btn-danger, .delete-project.project-dialog #delete-button.btn-danger, .delete-project.member-dialog #delete-button.btn-danger, .delete-project.client-dialog #delete-button.btn-danger {
  margin-left: 12px;
}

@media (max-width: 767.98px) {
  /* line 256, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog.delete-project #delete-button.btn-danger, .delete-project.wow #delete-button.btn-danger,
.delete-project.job-dialog #delete-button.btn-danger, .delete-project.project-dialog #delete-button.btn-danger, .delete-project.member-dialog #delete-button.btn-danger, .delete-project.client-dialog #delete-button.btn-danger {
    margin: 12px 0 0;
    width: 100%;
  }
}

@media (max-width: 380px) {
  /* line 264, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .unified-dialog.delete-project .modal-body, .delete-project.wow .modal-body,
.delete-project.job-dialog .modal-body, .delete-project.project-dialog .modal-body, .delete-project.member-dialog .modal-body, .delete-project.client-dialog .modal-body, .unified-dialog.delete-project .modal-body-centered, .delete-project.wow .modal-body-centered,
.delete-project.job-dialog .modal-body-centered, .delete-project.project-dialog .modal-body-centered, .delete-project.member-dialog .modal-body-centered, .delete-project.client-dialog .modal-body-centered {
    padding-bottom: 15px;
  }
}

/* line 272, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.upsell-banner {
  border: 1px solid #e5e7eb;
  margin-bottom: 25px;
  padding: 20px;
  border-radius: 6px;
}

/* line 278, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.upsell-banner i {
  margin: 0px 10px 0 0;
}

/* line 282, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.upsell-banner .banner-content {
  margin: 10px 0 20px;
}

/* line 286, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.upsell-banner .banner-links {
  display: flex;
  align-items: center;
}

/* line 289, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.upsell-banner .banner-links .btn, .upsell-banner .banner-links .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .upsell-banner .banner-links .nav-item {
  margin-right: 25px;
}

@media (max-width: 575.98px) {
  /* line 286, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .upsell-banner .banner-links {
    flex-direction: column;
  }
  /* line 294, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
  .upsell-banner .banner-links .btn, .upsell-banner .banner-links .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .upsell-banner .banner-links .nav-item {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* line 301, app/assets/stylesheets/components/Dialogs/_dialogs.scss */
.upsell-banner .upsell-banner-header {
  display: flex;
  align-items: center;
}

/* line 2, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
.keep-current-plan-dialog h4 {
  text-align: center;
}

/* line 6, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
.keep-current-plan-dialog-description {
  margin-top: 45px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
}

/* line 12, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
.keep-current-plan-dialog-description b {
  font-weight: 700;
}

/* line 17, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
.keep-current-plan-dialog-buttons {
  text-align: center;
  display: flex;
  justify-content: space-around;
}

/* line 22, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
.keep-current-plan-dialog-buttons .btn, .keep-current-plan-dialog-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .keep-current-plan-dialog-buttons .nav-item {
  margin-top: 42px;
  width: 200px;
}

/* line 28, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
.keep-current-plan-dialog-cancel-link {
  margin-top: 33px;
  text-align: center;
  color: #6b7280;
  font-size: 13px;
  cursor: pointer;
  user-select: none;
}

/* line 37, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
.keep-current-plan-dialog .modal-body, .keep-current-plan-dialog .modal-body-centered {
  padding: 30px 79px;
}

@media (max-width: 767px) {
  /* line 44, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
  .keep-current-plan-dialog-buttons {
    flex-direction: column;
    align-items: center;
  }
  /* line 48, app/assets/stylesheets/components/Dialogs/_keep_current_plan_dialog.scss */
  .keep-current-plan-dialog-buttons .btn, .keep-current-plan-dialog-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .keep-current-plan-dialog-buttons .nav-item {
    margin-top: 33px;
  }
}

/* line 3, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .enterprise-clients h1, #downloads .enterprise-clients p {
  text-align: center;
}

/* line 8, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-tabs {
  display: flex;
  justify-content: center;
  margin: 37px 0 49px;
}

/* line 13, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-tabs .client-selector {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  height: 107px;
  width: 201px;
}

/* line 24, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-tabs .client-selector:nth-child(2) {
  margin: 0 40px;
}

/* line 28, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-tabs .client-selector img {
  height: 34px;
  margin-bottom: 8px;
}

/* line 33, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-tabs .client-selector .platform-name {
  font-weight: 500;
  margin-bottom: 7px;
}

/* line 38, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-tabs .client-selector .platform-bar {
  background-color: #e5e7eb;
  height: 4px;
  width: 32px;
}

/* line 44, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-tabs .client-selector.active {
  border: 2px solid #2aa7ff;
}

/* line 47, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-tabs .client-selector.active .platform-bar {
  background-color: #2aa7ff;
}

/* line 54, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-info {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

/* line 60, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels {
  margin: 25px auto 0;
  max-width: 510px;
}

/* line 64, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 16px;
}

/* line 69, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-version-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 74px;
  padding-left: 20px;
}

/* line 76, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-version-panel .version-number {
  font-weight: 500;
  margin-bottom: 5px;
}

/* line 81, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-version-panel .version-release {
  color: #6b7280;
  font-size: 13px;
}

/* line 87, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 92, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-controls a {
  font-weight: 500;
}

/* line 96, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-controls .divider {
  background-color: #e5e7eb;
  height: 52px;
  margin-left: 19px;
  width: 1px;
}

/* line 103, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-controls i {
  cursor: pointer;
  display: inline-block;
  font-size: 8px;
  padding: 20px;
  transition: all 0.3s ease 0s;
}

/* line 112, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-changelog {
  display: none;
  border-top: 1px solid #e5e7eb;
  padding: 16px 20px;
}

/* line 117, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-changelog ul {
  font-size: 13px;
  margin: 8px 0 0;
  padding-left: 0;
}

/* line 122, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version .release-changelog ul li {
  list-style-position: inside;
}

/* line 129, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version.opened i {
  transform: rotate(180deg);
}

/* line 133, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .client-download-panels .release-version.opened .release-changelog {
  display: block;
}

/* line 141, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .app-markdown h1, #downloads .app-markdown p {
  text-align: left;
}

/* line 145, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .app-markdown h1 {
  font-size: 20px;
}

/* line 149, app/assets/stylesheets/components/Downloads/TheDownloads.scss */
#downloads .app-markdown h2 {
  font-size: 18px;
}

/* line 2, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .expenses-date-picker {
  width: 100%;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* line 8, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal label.expenses-billable-checkbox {
  padding-left: 0px;
}

@media (min-width: 992px) {
  /* line 12, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
  .expense-modal .display-flex {
    display: flex;
  }
}

/* line 18, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

/* line 23, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-zone {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
  min-height: 150px;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px dashed #9ca3af;
  background-color: #f9fafb;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* line 39, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-zone .receipt {
  position: relative;
  width: 100%;
}

/* line 44, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-zone img {
  max-width: 250px;
  max-height: 250px;
  min-height: 100px;
}

@media (max-width: 992px) {
  /* line 44, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
  .expense-modal .upload-zone img {
    max-height: 150px;
    max-width: 150px;
    margin-top: 10%;
    margin-bottom: 10%;
  }
}

/* line 57, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-zone h3 {
  color: #1f2937;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

/* line 64, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-zone h3 p {
  color: #2aa7ff;
  font-weight: 500;
}

/* line 70, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-zone .btn-browse {
  color: #2aa7ff;
  background: white;
  padding-bottom: 5px;
  padding-top: 5px;
}

/* line 78, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-zone .upload-field input.upload {
  display: none !important;
}

/* line 83, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-zone .help-block {
  display: block;
  color: red;
  margin-top: 20px;
}

/* line 90, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .with-action-buttons {
  border: 1px solid #9ca3af;
  background-color: white;
}

/* line 95, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .action-buttons {
  position: absolute;
  bottom: 10px;
}

/* line 99, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .action-buttons a.action-btn-delete {
  color: #f05252;
}

/* line 104, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-text {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 20px;
}

/* line 111, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-text h3 p {
  text-overflow: ellipsis;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0px;
  display: inline;
}

@media (max-width: 480px) {
  /* line 111, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
  .expense-modal .upload-text h3 p {
    width: 150px;
  }
}

/* line 125, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .upload-text .file-types {
  margin-top: 40px;
  font-size: 13px;
  color: #6b7280;
}

/* line 132, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .curtain {
  z-index: 9012;
}

/* line 135, app/assets/stylesheets/components/Expenses/_expenses-modal.scss */
.expense-modal .curtain .spinner-wrapper {
  top: 50%;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
  .expenses-aggregates-table {
    margin-top: 10px;
  }
}

/* line 7, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table th {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding: 0 0 0 0px;
  color: #6b7280;
}

/* line 15, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table td {
  padding: 0 0 0 0px;
}

/* line 19, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table .total {
  height: 28px;
  width: 88px;
  color: #31c48d;
  font-family: Roboto;
  font-size: 24px;
  line-height: 28px;
}

/* line 30, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table-loading td, .expenses-aggregates-table-loading th {
  color: transparent;
  font-size: inherit;
}

/* line 34, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table-loading td::before, .expenses-aggregates-table-loading td .total::before, .expenses-aggregates-table-loading th::before, .expenses-aggregates-table-loading th .total::before {
  display: inline-block;
  content: '';
  background-color: #e5e7eb;
  position: relative;
}

/* line 41, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table-loading td::before, .expenses-aggregates-table-loading th::before {
  width: 90%;
  max-width: 130px;
  height: 6px;
  border-radius: 8px;
}

/* line 48, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table-loading td .total, .expenses-aggregates-table-loading th .total {
  color: transparent;
}

/* line 50, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table-loading td .total::before, .expenses-aggregates-table-loading th .total::before {
  width: 50%;
  max-width: 60px;
  height: 12px;
  border-radius: 8px;
}

/* line 58, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expenses-aggregates-table-loading .aggregate-name {
  display: none;
}

/* line 65, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.table-expenses td a.download-receipt {
  vertical-align: middle;
}

/* line 72, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.table-expenses td:last-child {
  width: 125px;
}

/* line 78, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.no-expenses {
  text-align: center;
}

/* line 82, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expense-locked {
  color: #6b7280;
  text-align: center;
}

/* line 89, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expense-locked-popover .popover-content .expense-popover-title {
  font-size: 0.9em;
  font-weight: 500;
}

/* line 94, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.expense-locked-popover .popover-content .expense-popover-reason {
  margin-left: 5px;
}

/* line 100, app/assets/stylesheets/components/Expenses/_expenses-table.scss */
.not-billable-label {
  background-color: #e4e7eb;
  color: #1f2937;
}

/* line 1, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container {
  position: relative;
  left: -15px;
  z-index: 999;
}

/* line 5, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .app-select {
  position: relative;
  z-index: 9002;
}

/* line 9, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap {
  top: 0 !important;
  min-width: 280px;
}

/* line 12, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-dropdown {
  padding-top: 40px;
  border: none;
  border-radius: 0 0 6px 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

/* line 18, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection {
  border: none;
  display: flex;
  align-items: center;
  padding-left: 0;
  font-size: 18px;
}

/* line 24, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before {
  color: #6b7280;
  font-size: 18px;
  margin: 0 15px;
}

/* line 32, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered {
  color: #2aa7ff;
  font-weight: 500;
}

/* line 35, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered:before {
  content: 'Group by: ';
  color: #6b7280;
  white-space: pre;
}

/* line 40, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__rendered:after {
  display: none;
}

/* line 44, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  display: inline-block;
  align-self: center;
  margin-left: 20px;
  height: 12px;
}

/* line 54, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b {
  border: none;
  position: static;
}

/* line 57, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before {
  color: #6b7280;
  font-size: 12px;
}

/* line 65, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__options {
  max-height: unset;
}

/* line 68, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option {
  color: #6b7280;
  padding: 14px 16px;
}

/* line 71, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option:before {
  margin-right: 15px;
  color: #d1d5db;
}

/* line 76, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before {
  font-size: 16px;
}

/* line 83, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before {
  font-size: 16px;
}

/* line 90, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before {
  font-size: 16px;
}

/* line 97, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before {
  font-size: 16px;
}

/* line 104, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before {
  font-size: 16px;
}

/* line 111, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before {
  font-size: 16px;
}

/* line 118, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before {
  font-size: 16px;
}

/* line 125, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before {
  font-size: 16px;
}

/* line 132, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before {
  font-size: 16px;
}

/* line 138, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.select2-results__option--highlighted {
  background-color: #f9fafb;
}

/* line 141, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #2aa7ff;
  color: #ffffff;
}

/* line 144, app/assets/stylesheets/components/_groupBy-select.scss */
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option[aria-selected=true]:before {
  color: inherit;
}

/* line 2, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup-dialog .curtain {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 7, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup-dialog .curtain .spinner-wrapper {
  position: static;
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

/* line 15, app/assets/stylesheets/components/_holiday.scss */
.holiday-members-setup .dialog-warning.orange {
  margin-bottom: 0;
}

/* line 18, app/assets/stylesheets/components/_holiday.scss */
.holiday-members-setup .dialog-warning.orange .hi-info-filled {
  padding-top: 0.4rem;
}

/* line 25, app/assets/stylesheets/components/_holiday.scss */
.holiday-members-setup .country-select .select2-search--inline,
.holiday-members-setup .employment-type-select .select2-search--inline {
  overflow-x: hidden;
}

/* line 30, app/assets/stylesheets/components/_holiday.scss */
.holiday-members-setup .dialog-warning.blue {
  margin-bottom: 0;
  border-radius: 0.4rem;
  background-color: #eaf6ff;
}

/* line 35, app/assets/stylesheets/components/_holiday.scss */
.holiday-members-setup .dialog-warning.blue .hi-info-filled {
  padding-top: 0.1rem;
}

/* line 41, app/assets/stylesheets/components/_holiday.scss */
.holiday-members-setup .custom-checkbox-wrapper .custom-checkbox-box {
  border-color: #e5e7eb;
}

/* line 48, app/assets/stylesheets/components/_holiday.scss */
.holiday-members-setup .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background-color: #2aa7ff;
}

/* line 55, app/assets/stylesheets/components/_holiday.scss */
.holiday-members-setup .custom-checkbox-wrapper span {
  color: #6b7280;
}

/* line 62, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .dialog-warning.blue {
  margin-bottom: 0;
}

/* line 65, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .dialog-warning.blue .hi-info-filled {
  padding-top: 0.1rem;
}

/* line 70, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .dialog-warning.orange {
  margin-bottom: 0;
}

/* line 73, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .dialog-warning.orange .hi-info-filled {
  padding-top: 0.4rem;
}

/* line 79, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .holiday-amount-used .form-group {
  margin-bottom: 0rem;
}

/* line 85, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .holiday-datepicker span {
  width: 100%;
}

/* line 88, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .holiday-datepicker span .datepicker {
  width: 100%;
}

/* line 93, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .holiday-datepicker .reports-app-datepicker {
  justify-content: start;
}

/* line 96, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .holiday-datepicker .reports-app-datepicker a {
  margin-right: 0rem;
}

/* line 101, app/assets/stylesheets/components/_holiday.scss */
.holiday-setup .holiday-datepicker .has-error {
  border-color: red;
}

@media (min-width: 992px) {
  /* line 107, app/assets/stylesheets/components/_holiday.scss */
  .holiday-setup .occurs-anually {
    padding-top: 0.8rem;
  }
}

@media (min-width: 768px) {
  /* line 113, app/assets/stylesheets/components/_holiday.scss */
  .holiday-setup .holiday-datepicker {
    margin-right: 3rem;
  }
  /* line 117, app/assets/stylesheets/components/_holiday.scss */
  .holiday-setup .holiday-name {
    margin-right: 7rem;
  }
}

/* line 1, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal {
  align-items: center;
  display: flex;
  text-align: center;
}

/* line 7, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .modal-header .modal-title {
  font-size: 2.4rem;
}

/* line 11, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .modal-header .subtitle {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 0.8rem;
}

/* line 16, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .modal-header .subtitle span {
  font-weight: 700;
}

/* line 22, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .modal-footer {
  text-align: center;
}

/* line 25, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .modal-footer a.dismiss-link {
  color: #6b7280;
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  margin-top: 1.6rem;
  text-decoration: none;
}

/* line 36, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .title {
  font-size: 1.6rem;
  font-weight: 500;
}

/* line 41, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .description {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6rem;
  margin: 0.8rem auto 0 auto;
  min-height: 7rem;
}

/* line 49, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .image {
  margin-top: 3rem;
  position: relative;
}

/* line 53, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .image.with-values {
  display: none;
}

/* line 57, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .image img {
  height: 29.9rem;
}

/* line 62, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .warning {
  background-color: var(--z-red-50);
  border: 1px solid var(--z-red-700);
  border-radius: 0.5rem;
  color: var(--z-red-700);
  font-size: 1.3rem;
  padding: 1.2rem;
  text-align: left;
}

/* line 71, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .warning .title {
  display: flex;
  font-weight: 600;
}

/* line 75, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .warning .title span {
  align-content: center;
  color: var(--red-700);
  font-size: 18px;
  margin-right: 8px;
}

/* line 83, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
.insights-trial-promotion-modal .slide .warning .message {
  font-weight: 400;
  margin-top: 0.8rem;
}

/* line 92, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
#insights-trial-promotion-slides .carousel-control {
  background: none;
  opacity: 1;
}

/* line 97, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
#insights-trial-promotion-slides .carousel-control img {
  margin: 0;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 1rem;
}

/* line 105, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
#insights-trial-promotion-slides .carousel-control.left img {
  left: 0;
}

/* line 109, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
#insights-trial-promotion-slides .carousel-control.right img {
  right: 0;
}

/* line 114, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
#insights-trial-promotion-slides ol.carousel-indicators {
  bottom: 0;
  margin: 3rem 0 0 -30%;
  position: relative;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
#insights-trial-promotion-slides ol.carousel-indicators:before, #insights-trial-promotion-slides ol.carousel-indicators:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
#insights-trial-promotion-slides ol.carousel-indicators:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
#insights-trial-promotion-slides ol.carousel-indicators {
  *zoom: 1;
}

/* line 120, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
#insights-trial-promotion-slides ol.carousel-indicators li {
  border-color: #c2c6ce;
  cursor: pointer;
  border-radius: 50%;
  height: 0.8rem;
  margin: 0 0.6rem;
  width: 0.8rem;
}

/* line 128, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
#insights-trial-promotion-slides ol.carousel-indicators li.active {
  background-color: #2f8af4;
  border-color: #2f8af4;
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .description {
    height: auto;
    padding: 0 3.4rem;
    width: fit-content;
  }
  /* line 145, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .warning {
    margin-top: 3rem;
  }
  /* line 150, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image.with-values {
    display: block;
  }
  /* line 154, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image span {
    color: var(--z-gray-900);
    display: block;
    font-size: 3.2rem;
    font-weight: 700;
    position: absolute;
    text-align: left;
    width: 10rem;
  }
  /* line 163, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image span.instances-1 {
    font-size: 2rem;
    left: 8.5rem;
    text-align: center;
    top: 7.6rem;
    width: 6rem;
  }
  /* line 171, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image span.instances-2 {
    left: 30.6rem;
    top: 11rem;
  }
  /* line 176, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image span.members {
    left: 27rem;
    top: 1.2rem;
  }
  /* line 181, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image span.time {
    left: 34.1rem;
    top: 20.7rem;
  }
  /* line 190, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .carousel-control img {
    width: 1.5rem;
  }
}

@media (min-width: 992px) {
  /* line 200, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .description {
    width: 70rem;
  }
  /* line 206, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image.with-values span.instances-1 {
    left: 23.5rem;
    top: 7.6rem;
  }
  /* line 211, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image.with-values span.instances-2 {
    left: 45.6rem;
    top: 11rem;
  }
  /* line 216, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image.with-values span.members {
    left: 42rem;
    top: 1.2rem;
  }
  /* line 221, app/assets/stylesheets/components/_insights_trial_promotion_modal.scss */
  .insights-trial-promotion-modal .slide .image.with-values span.time {
    left: 49.1rem;
    top: 20.7rem;
  }
}

/* line 3, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog .email-btn:not([disabled]) .hi-paper-plane {
  color: #2aa7ff;
}

/* line 8, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog .email .hi-info {
  color: #f05252;
  margin-top: 2px;
}

/* line 14, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog table .hi-check, .vue-invites-onboarding-status-dialog table .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .vue-invites-onboarding-status-dialog table .step-number, .vue-invites-onboarding-status-dialog table .toggling-dropdown > li.is-on > a, .vue-invites-onboarding-status-dialog table .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .vue-invites-onboarding-status-dialog table input:checked + label:before {
  color: #31c48d;
}

/* line 17, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog table .hi-close, .vue-invites-onboarding-status-dialog table .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .vue-invites-onboarding-status-dialog table .close-notifications {
  color: #f05252;
}

/* line 21, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog table tr td:first-child {
  padding-left: 0px;
}

/* line 26, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog table thead td {
  color: #6b7280;
}

/* line 30, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog table tbody {
  border-bottom: 2px solid #e5e7eb;
  border-top: 2px solid #e5e7eb;
}

/* line 34, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog table tbody tr td {
  box-shadow: none;
}

/* line 41, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog .toggle-switch-label {
  font-size: 11px;
  text-transform: uppercase;
  color: #6b7280;
}

/* line 47, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
.vue-invites-onboarding-status-dialog .tip {
  color: #6b7280;
}

@media (min-width: 768px) {
  /* line 52, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
  .vue-invites-onboarding-status-dialog .modal-dialog {
    width: 768px;
  }
  /* line 55, app/assets/stylesheets/components/_invitesOnboardingStatusDialog.scss */
  .vue-invites-onboarding-status-dialog .table-wrapper.is-fully-scrolled {
    display: none !important;
  }
}

/* line 2, app/assets/stylesheets/components/InvoicesSettings/AutoInvoicingSettingsForm.scss */
.autoinvoicing-settings-form .toggle-multiple-options, .autoinvoicing-settings-form .app-tabs-switch > .nav.nav-tabs {
  max-width: 300px;
}

/* line 5, app/assets/stylesheets/components/InvoicesSettings/AutoInvoicingSettingsForm.scss */
.autoinvoicing-settings-form .form-check {
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}

/* line 10, app/assets/stylesheets/components/InvoicesSettings/AutoInvoicingSettingsForm.scss */
.autoinvoicing-settings-form .form-check-input {
  margin: 0 .5rem;
}

/* line 13, app/assets/stylesheets/components/InvoicesSettings/AutoInvoicingSettingsForm.scss */
.autoinvoicing-settings-form .form-check-label {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  white-space: nowrap;
}

/* line 21, app/assets/stylesheets/components/InvoicesSettings/AutoInvoicingSettingsForm.scss */
.autoinvoicing-settings-form .invoicing-fixed-amount.has-error .help-block {
  font-size: 12px;
  margin-left: 15px;
}

/* line 24, app/assets/stylesheets/components/InvoicesSettings/AutoInvoicingSettingsForm.scss */
.autoinvoicing-settings-form .invoicing-fixed-amount.has-error .help-block div {
  position: absolute;
}

/* line 1, app/assets/stylesheets/components/InvoicesSettings/TheInvoicesSettings.scss */
.invoice-settings-vue {
  max-width: 1100px;
}

/* line 1, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader {
  width: 270px;
}

/* line 3, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
}

/* line 8, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .form-group .label-with-tooltip {
  margin-bottom: 0;
}

/* line 9, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .form-group .change-invoice-logo {
  color: #2aa7ff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
}

/* line 16, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .upload-zone {
  border: 1px dashed #9ca3af;
  background-color: #f9fafb;
  height: 120px;
  width: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 24, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .upload-zone .custom-file-upload {
  color: #1f2937;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  width: 170px;
  margin-bottom: 0;
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .upload-zone .app-image-uploader img.avatar.avatar-thumb {
  height: auto;
  width: auto;
  max-height: 118px;
  max-width: 270px;
  border-radius: 0;
  margin: 0 auto;
  border: none;
}

/* line 43, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .upload-zone .app-image-uploader input[type='file'] {
  display: none;
}

/* line 48, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .action-buttons {
  margin-top: 5px;
}

/* line 50, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.invoice-logo-uploader .action-buttons i {
  color: #f05252;
}

/* line 55, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.app-dialog.add-logo .app-image-uploader {
  margin-top: 30px;
}

/* line 57, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.app-dialog.add-logo .app-image-uploader img.avatar.avatar-thumb {
  height: auto;
  width: auto;
  max-height: 118px;
  max-width: 270px;
  border-radius: 0;
  margin: 0 auto;
  border: none;
}

/* line 67, app/assets/stylesheets/components/Invoices/LogoUploader.scss */
.app-dialog.add-logo .upload {
  margin-top: 10px;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 37, app/assets/stylesheets/components/JobSites/_animations.scss */
.fade-in {
  animation: fade-in 2s infinite both;
}

/* line 41, app/assets/stylesheets/components/JobSites/_animations.scss */
.fade-out {
  animation: fade-out 0.5s infinite both;
}

/* line 45, app/assets/stylesheets/components/JobSites/_animations.scss */
.slide-top {
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* line 49, app/assets/stylesheets/components/JobSites/_animations.scss */
.loading-page {
  position: relative;
  height: calc(100vh - 75px - 85px);
}

/* line 56, app/assets/stylesheets/components/JobSites/_animations.scss */
.loading-page::after {
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  border: 5px solid #f3f4f6;
  border-top-color: #e4e7eb;
  opacity: 0;
  animation: 2s 2s 1 forwards fade-in, 2s 2s infinite forwards rotate;
  content: '';
}

/* line 2, app/assets/stylesheets/components/JobSites/_jobSites-loading.scss */
.job-sites-main-wrapper .curtain {
  border-radius: 8px;
  z-index: 9012;
}

/* line 5, app/assets/stylesheets/components/JobSites/_jobSites-loading.scss */
.job-sites-main-wrapper .curtain .spinner-wrapper {
  top: 50%;
}

/* line 1, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.full-page-map-wrapper {
  position: relative;
  flex: 1;
}

/* line 4, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.full-page-map-wrapper .vue-map-container {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

/* line 14, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map {
  height: 100%;
}

/* line 17, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map .app-map-job-site-info-window {
  padding-bottom: 10px;
}

/* line 20, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map .app-map-job-site-info-window .action-buttons {
  margin-left: 30px;
}

/* line 22, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map .app-map-job-site-info-window .action-buttons i.hi, .full-page-map-wrapper .vue-map-container .vue-map .app-map-job-site-info-window .action-buttons .is-first.is-last.is-complete .v-step-number-wrapper i.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .full-page-map-wrapper .vue-map-container .vue-map .app-map-job-site-info-window .action-buttons i.step-number, .full-page-map-wrapper .vue-map-container .vue-map .app-map-job-site-info-window .action-buttons i.vue-map-search:before {
  color: #9ca3af;
}

/* line 27, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.full-page-map-wrapper .vue-map-container .vue-map .app-map-job-site-info-window .view-report {
  outline: none;
}

/* line 35, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.vue-map-search {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 40%;
  z-index: 2;
}

/* line 42, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.vue-map-search:before {
  position: absolute;
  color: #6b7280;
  bottom: 18px;
  left: 21px;
}

/* line 51, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.vue-map-search .form-control {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  padding-left: 50px;
  height: 50px;
  border-radius: 3px;
  font-size: 15px;
  border: none;
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
  .full-page-map-wrapper .vue-map .app-map-job-site-info-window {
    min-width: 300px;
  }
  /* line 67, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
  .full-page-map-wrapper .vue-map .app-map-job-site-info-window .info-window-updated-text {
    align-self: flex-start;
    margin-left: auto;
  }
}

/* line 76, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.gm-style button.gm-ui-hover-effect {
  display: none !important;
}

/* line 82, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.gm-style .gm-style-iw-a.tooltip-style-iw-a .gm-style-iw-t::after {
  background: linear-gradient(45deg, #3f4856 50%, rgba(63, 72, 86, 0) 51%, rgba(63, 72, 86, 0) 100%);
}

/* line 86, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.gm-style .gm-style-iw-a.tooltip-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c {
  max-width: 200px;
  padding: 3px 8px !important;
  color: #ffffff;
  text-align: center;
  background-color: rgba(63, 72, 86, 0.9);
  border-radius: 6px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  line-break: auto;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
}

/* line 87, app/assets/stylesheets/components/JobSites/_jobSites-map.scss */
.gm-style .gm-style-iw-a.tooltip-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
  overflow: unset !important;
}

/* line 1, app/assets/stylesheets/components/JobSites/_jobSites-modal.scss */
.text-right {
  text-align: right;
}

/* line 6, app/assets/stylesheets/components/JobSites/_jobSites-modal.scss */
.job-site-modal .vue-map-container {
  margin-top: 30px;
  height: 315px;
}

/* line 10, app/assets/stylesheets/components/JobSites/_jobSites-modal.scss */
.job-site-modal .vue-map-container .vue-map {
  height: 100%;
}

/* line 14, app/assets/stylesheets/components/JobSites/_jobSites-modal.scss */
.job-site-modal .modal {
  padding-top: 50px;
}

/* line 17, app/assets/stylesheets/components/JobSites/_jobSites-modal.scss */
.job-site-modal .modal-body, .job-site-modal .modal-body-centered {
  margin-bottom: 0;
}

/* line 21, app/assets/stylesheets/components/JobSites/_jobSites-modal.scss */
.touch .job-site-modal {
  height: 100vh;
  position: static;
}

/* line 25, app/assets/stylesheets/components/JobSites/_jobSites-modal.scss */
.touch .job-site-modal .modal-content {
  margin-bottom: 5rem;
}

/* line 2, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .scroller {
  width: 100%;
  height: 100%;
  padding: 25px 0;
  padding-top: 65px;
  overflow-y: auto;
}

/* line 9, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .scroller .vue-recycle-scroller__slot,
.job-sites-sidebar .scroller .vue-recycle-scroller__item-view {
  padding: 0 30px;
}

/* line 12, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .scroller .vue-recycle-scroller__slot:not(:first-child),
.job-sites-sidebar .scroller .vue-recycle-scroller__item-view:not(:first-child) {
  border-top: 1px solid #d1d5db;
}

/* line 18, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar #job-sites-sidebar.vue-sidebar-content {
  padding: 0;
  overflow: hidden;
}

/* line 23, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar {
  top: 0;
}

/* line 26, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .close {
  top: -10px;
  right: -15px;
  z-index: 10;
}

/* line 31, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .close:not(.jobsites-sidebar-close) {
  display: none;
}

/* line 36, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .title {
  font-size: 24px;
  font-weight: 500;
}

/* line 41, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .is-block .btn-back {
  font-weight: 500;
}

/* line 42, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .is-block .btn-back .hi-left {
  margin-top: 4px;
  margin-right: 3px;
}

/* line 50, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar h4 {
  margin: 0;
}

/* line 54, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .btn-add-job-site-wrapper {
  display: flex;
  align-items: stretch;
  margin: 0 -30px;
  margin-top: 20px;
  bottom: 0;
  width: 340px;
  padding: 0 30px 20px;
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
}

/* line 65, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 70, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .tab-content {
  flex: 1;
}

/* line 73, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .tab-pane.active {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 79, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .nav-tabs > li.active {
  box-shadow: none;
  border-bottom: 2px solid #2aa7ff;
}

/* line 85, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .btn-sidebar-action {
  margin-top: auto;
}

/* line 87, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .btn-sidebar-action .btn:first-child, .job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .btn-sidebar-action .app-tabs-switch > .nav.nav-tabs .nav-item:first-child, .app-tabs-switch > .nav.nav-tabs .job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .btn-sidebar-action .nav-item:first-child {
  margin-top: 15px;
}

/* line 90, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .btn-sidebar-action .btn:last-child, .job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .btn-sidebar-action .app-tabs-switch > .nav.nav-tabs .nav-item:last-child, .app-tabs-switch > .nav.nav-tabs .job-sites-sidebar .vue-sidebar .custom-app-tabs-wrapper .btn-sidebar-action .nav-item:last-child {
  margin-bottom: 15px;
}

/* line 97, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .custom-select-list-item-wrapper {
  padding-left: 30px;
}

/* line 100, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .custom-select-list-item-wrapper .job-site-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 105, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .custom-select-list-item-wrapper .job-site-item .job-site-item-content {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}

/* line 111, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .custom-select-list-item-wrapper .job-site-item .custom-select-list-item-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
}

/* line 119, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .custom-select-list-item-wrapper .job-site-item .custom-select-list-item-avatar img {
  width: 14px;
  height: 20px;
}

/* line 126, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .custom-select-list-item-wrapper .action-buttons {
  align-items: flex-start;
}

/* line 131, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .map-sidebar-list-utility {
  display: inline-block;
  margin: 10px 0;
}

/* line 136, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .map-sidebar-filter-toggle {
  cursor: pointer;
  font-weight: 500;
}

/* line 141, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .add-job-site-buttons {
  display: flex;
  gap: 15px;
}

/* line 145, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.job-sites-sidebar .add-job-site-buttons a.btn, .job-sites-sidebar .add-job-site-buttons .app-tabs-switch > .nav.nav-tabs a.nav-item, .app-tabs-switch > .nav.nav-tabs .job-sites-sidebar .add-job-site-buttons a.nav-item {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 153, app/assets/stylesheets/components/JobSites/_jobSites-sidebar.scss */
.vue-sidebar-wrapper.is-visible .vue-sidebar .tab-content .btn-sidebar-action {
  margin: 20px 0;
}

/* line 1, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.job-sites-widget-wrapper {
  position: relative;
  overflow: hidden;
  top: -54px;
  margin-bottom: -54px;
  background: #e5e7eb;
}

/* line 8, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.job-sites-widget-wrapper .app-map-stats-box {
  z-index: 5;
}

/* line 12, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.job-sites-widget-wrapper .app-map-button-dropdown {
  z-index: 5;
}

/* line 16, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.job-sites-widget-wrapper .full-page-map-wrapper {
  min-height: 473px;
  margin: 0;
}

/* line 21, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.job-sites-widget-wrapper .spinner-wrapper {
  left: 50%;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* line 29, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.widget-is-mobile .app-map-button-dropdown {
  top: 15px;
}

@media (max-width: 1200px) {
  /* line 36, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .vue-map-search {
    width: 50%;
  }
}

@media (max-width: 992px) {
  /* line 44, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .vue-map-search {
    width: 72%;
  }
  /* line 47, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .vue-map-search:before {
    bottom: 13px;
    left: 12px;
  }
  /* line 53, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .vue-map-search .form-control {
    height: 40px;
    padding-left: 40px;
  }
  /* line 59, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .gm-style-mtc {
    display: none !important;
  }
  /* line 63, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .app-map-button-dropdown {
    width: 40px;
    height: 40px;
    top: 15px;
    right: 15px;
  }
  /* line 70, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .app-map-button-dropdown .dropdown-menu li a {
    padding: 10px 25px 10px 0;
  }
}

@media (max-width: 480px) {
  /* line 78, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .vue-map-search {
    width: 91.5%;
  }
  /* line 82, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .vue-map-search .form-control {
    font-size: 14px;
  }
  /* line 86, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .app-map-button-dropdown {
    top: 63px;
    right: 15px;
  }
}

@media (max-width: 360px) {
  /* line 95, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .vue-map-search {
    width: 90%;
  }
  /* line 99, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
  .job-sites-widget-wrapper .vue-map-search .form-control {
    font-size: 13px;
    line-height: 15px;
  }
}

/* line 106, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.widget-map-placeholder {
  background: url(https://server-assets.hubstaff.com/b9e3417e06/activities/locations_static_map-3e7e68660d5e8de97b4456a567670355afce978e623ffba76efb722c3be813f0.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 114, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.widget-map-placeholder .app-map-stats-box.enable-map-box {
  position: static;
  color: #6b7280;
}

/* line 118, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.widget-map-placeholder .app-map-stats-box.enable-map-box .actions {
  text-align: center;
  margin-top: 20px;
}

/* line 124, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.widget-map-placeholder .app-map-stats-box--content {
  position: relative;
}

/* line 128, app/assets/stylesheets/components/JobSites/_jobSites-widget.scss */
.widget-map-placeholder .hide-on-load {
  visibility: hidden;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 37, app/assets/stylesheets/components/JobSites/_animations.scss */
.vue-app-wizard .fade-in {
  animation: fade-in 2s infinite both;
}

/* line 41, app/assets/stylesheets/components/JobSites/_animations.scss */
.vue-app-wizard .fade-out {
  animation: fade-out 0.5s infinite both;
}

/* line 45, app/assets/stylesheets/components/JobSites/_animations.scss */
.vue-app-wizard .slide-top {
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* line 49, app/assets/stylesheets/components/JobSites/_animations.scss */
.vue-app-wizard .loading-page {
  position: relative;
  height: calc(100vh - 75px - 85px);
}

/* line 56, app/assets/stylesheets/components/JobSites/_animations.scss */
.vue-app-wizard .loading-page::after {
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  border: 5px solid #f3f4f6;
  border-top-color: #e4e7eb;
  opacity: 0;
  animation: 2s 2s 1 forwards fade-in, 2s 2s infinite forwards rotate;
  content: '';
}

/* line 4, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .help-block {
  font-size: 12px;
}

/* line 8, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .timer-actions.has-error,
.vue-app-wizard .help-block {
  color: #f05252;
}

/* line 13, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .selection-error {
  border-color: #f05252 !important;
}

/* line 17, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .selection-disabled-teams-addon {
  border-color: #1f2937 !important;
  background: #e5e7eb !important;
}

/* line 22, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .steps {
  margin-bottom: 40px;
}

/* line 25, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .step-line {
  z-index: 0;
}

/* line 28, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .step-segment {
  z-index: 3;
}

/* line 32, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .viewer-info-text,
.vue-app-wizard .location-setting-options {
  color: #6b7280;
  font-size: 13px;
}

/* line 37, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .viewer-info-text a.enable-location-settings,
.vue-app-wizard .location-setting-options a.enable-location-settings {
  float: none !important;
}

/* line 42, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .location-tracking-options-container {
  padding: 0px !important;
}

/* line 45, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .location-tracking-options-container ul.location-tracking-options-group {
  margin: 0px !important;
}

/* line 48, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .location-tracking-options-container ul.location-tracking-options-group a.location-tracking-options-group-item {
  margin: 0px !important;
  display: block;
  width: 100%;
}

/* line 56, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.vue-app-wizard .modal-footer {
  margin-left: -30px;
  margin-right: -30px;
  padding-bottom: 0;
}

/* line 63, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.wizard-step-actions {
  display: flex;
  border-top: 1px solid transparent;
  padding: 30px 30px 0;
  margin-top: 20px;
  margin-left: -30px;
  margin-right: -30px;
}

/* line 72, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.pac-container {
  z-index: 10000;
}

/* line 79, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.job-sites-page.modal-open .select2-results__group {
  color: #2aa7ff;
  font-size: 14px;
  cursor: pointer;
}

/* line 85, app/assets/stylesheets/components/JobSites/_jobSites-wizard.scss */
.job-sites-page.modal-open .select2-results__group.closed:after {
  content: "\f0d7";
}

/* line 2, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-page .gm-style .gm-style-iw-c {
  padding-left: 25px !important;
}

/* line 8, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-page .action-buttons .tooltip, .job-sites-page .action-buttons .vue-tooltip {
  min-width: 150px;
}

/* line 13, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-page .content-wrapper {
  padding-bottom: 0;
}

/* line 16, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-page .container-fluid {
  flex: 1;
}

/* line 19, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-page .page-header-wrapper {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 60px;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.1);
  z-index: 778;
}

/* line 30, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-main-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 36, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-main-wrapper .settings-link i {
  margin-right: 5px;
}

/* line 42, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.hint-location-track {
  font-size: 12px;
  opacity: .8;
}

/* line 47, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-component {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 51, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-component .settings-link {
  align-self: flex-start;
}

/* line 55, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.job-sites-component .job-sites-sidebar .vue-sidebar .vue-sidebar-pull-btn {
  top: 70px;
}

/* line 60, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.custom-job-sites-rule-wrapper {
  margin-bottom: 30px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

/* line 66, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.custom-job-sites-rule-wrapper .timer-actions .hi-caret, .custom-job-sites-rule-wrapper .timer-actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .custom-job-sites-rule-wrapper .timer-actions b:before {
  vertical-align: middle;
  font-size: 9px;
}

/* line 70, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.custom-job-sites-rule-wrapper .timer-actions .hi-caret:before, .custom-job-sites-rule-wrapper .timer-actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .custom-job-sites-rule-wrapper .timer-actions b:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* line 76, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.custom-job-sites-rule-wrapper .timer-actions .hi-caret.expanded:before, .custom-job-sites-rule-wrapper .timer-actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.expanded:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .custom-job-sites-rule-wrapper .timer-actions b.expanded:before {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}

/* line 82, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.custom-job-sites-rule-wrapper .timer-actions:hover {
  cursor: pointer;
}

/* line 88, app/assets/stylesheets/components/JobSites/_jobSites.scss */
.custom-job-sites-rule-wrapper .summary-timer-actions span {
  margin-left: 5px;
  color: #555555;
  font-size: 12px;
  font-weight: 500;
}

@media (min-width: 1200px) {
  /* line 99, app/assets/stylesheets/components/JobSites/_jobSites.scss */
  .job-sites-page .page-header-wrapper {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 110, app/assets/stylesheets/components/JobSites/_jobSites.scss */
body.job-sites-page.modal-open:not(.whats-new-panel-open) .main-wrapper {
  overflow: hidden;
}

/* line 114, app/assets/stylesheets/components/JobSites/_jobSites.scss */
body.job-sites-page.modal-open:not(.whats-new-panel-open) .content-wrapper {
  background: none;
  z-index: 669;
  /* 670 is a navbar */
}

/* line 1, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner {
  max-width: 1140px;
  padding-bottom: 18px;
}

/* line 4, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .top-banner {
  background: #ff9725;
  border-radius: 4px 4px 4px 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  padding: 7px 15px;
  position: absolute;
  z-index: 1;
}

/* line 13, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .top-banner:after {
  border-left: 8px solid transparent;
  border-top: 8px solid #c27803;
  bottom: -8px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
}

/* line 23, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body {
  display: flex;
  justify-content: space-between;
  background: url(https://server-assets.hubstaff.com/b9e3417e06/plans/promo-tag-c3b1a673b05c7aa90e5b5e1156808dabd93f8e0be54e723ed2444bbb8d5585c6.svg) #000000 repeat 10px 55px;
  border-radius: 16px;
  color: #ffffff;
  transform: translateY(18px);
  margin: 0 0 0 8px;
  padding: 34px 77px;
}

/* line 32, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .discounts {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 37, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .discounts-inner {
  display: flex;
  align-items: center;
}

/* line 40, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .discounts-inner .discount {
  display: flex;
  align-items: center;
  font-weight: bold;
}

/* line 44, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .discounts-inner .discount .price {
  font-size: 64px;
  line-height: 62px;
}

/* line 48, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .discounts-inner .discount .type {
  margin-left: 8px;
}

/* line 50, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .discounts-inner .discount .type .percent {
  font-size: 32px;
  line-height: 1;
}

/* line 54, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .discounts-inner .discount .type .plan-period {
  font-size: 16px;
  font-weight: normal;
}

/* line 60, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .discounts-inner .divider {
  background: #ffffff;
  display: block;
  height: 66px;
  margin: 0 40px;
  width: 2px;
}

@media (max-width: 854px) {
  /* line 60, app/assets/stylesheets/components/_limited_promo.scss */
  #limited-promo-banner .banner-body .discounts-inner .divider {
    height: 2px;
    width: 210px;
    margin: 10px 0;
  }
}

@media (max-width: 854px) {
  /* line 37, app/assets/stylesheets/components/_limited_promo.scss */
  #limited-promo-banner .banner-body .discounts-inner {
    flex-direction: column;
  }
}

/* line 76, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .disclaimer {
  font-size: 9px;
  font-style: italic;
  margin-top: 10px;
}

@media (max-width: 1270px) {
  /* line 76, app/assets/stylesheets/components/_limited_promo.scss */
  #limited-promo-banner .banner-body .disclaimer {
    margin-bottom: 15px;
  }
}

/* line 84, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .timer {
  display: flex;
  align-items: center;
}

/* line 87, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .timer .time {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 92, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .timer .value {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(2, 5, 19, 0.6);
  border-radius: 16px;
  font-size: 32px;
  font-weight: bold;
  height: 60px;
  width: 60px;
}

/* line 103, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .timer .colon {
  font-size: 48px;
  line-height: 0.8;
  padding: 0 26px;
  transform: translateY(-17px);
}

@media (max-width: 575.98px) {
  /* line 103, app/assets/stylesheets/components/_limited_promo.scss */
  #limited-promo-banner .banner-body .timer .colon {
    padding: 0 16px;
  }
}

/* line 112, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner .banner-body .timer .period {
  font-size: 12px;
  margin-top: 10px;
  text-transform: uppercase;
}

@media (max-width: 1270px) {
  /* line 23, app/assets/stylesheets/components/_limited_promo.scss */
  #limited-promo-banner .banner-body {
    flex-direction: column;
    align-items: center;
    padding: 34px 20px;
  }
}

/* line 127, app/assets/stylesheets/components/_limited_promo.scss */
.plans-page #limited-promo-banner {
  margin: 0 auto;
}

/* line 133, app/assets/stylesheets/components/_limited_promo.scss */
.wizard-plans-page #limited-promo-banner {
  transform: translateY(60px);
}

/* line 138, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner ~ #billing {
  margin-top: 20px;
}

/* line 143, app/assets/stylesheets/components/_limited_promo.scss */
body.has-limited-promo .top-bar, body.has-limited-promo .sidebar-wrapper {
  top: 50px;
}

/* line 146, app/assets/stylesheets/components/_limited_promo.scss */
body.has-limited-promo .main-wrapper {
  margin-top: 50px;
}

/* line 149, app/assets/stylesheets/components/_limited_promo.scss */
body.has-limited-promo .sidebar-wrapper {
  transition: top .5s ease;
}

/* line 154, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner-small {
  width: 100%;
  background: url(https://server-assets.hubstaff.com/b9e3417e06/plans/promo-tag-c3b1a673b05c7aa90e5b5e1156808dabd93f8e0be54e723ed2444bbb8d5585c6.svg) #000000 repeat 10px -12px/80px 100px;
  position: fixed;
  top: 0;
  font-size: 14px;
  font-weight: 500;
  z-index: 668;
  display: block;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

/* line 164, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner-small.dismissed {
  display: none;
}

/* line 165, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner-small .banner-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

/* line 170, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner-small .banner-body .cta {
  color: #ff9725;
}

/* line 171, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner-small .banner-body .amount {
  color: #ffffff;
  margin: 0 10px 0 7px;
}

/* line 175, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner-small .banner-body .btn, #limited-promo-banner-small .banner-body .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #limited-promo-banner-small .banner-body .nav-item {
  height: 30px;
  padding: 3px 14px;
  width: 98px;
}

@media (max-width: 575.98px) {
  /* line 165, app/assets/stylesheets/components/_limited_promo.scss */
  #limited-promo-banner-small .banner-body {
    justify-content: flex-start;
    margin-left: 10px;
  }
}

/* line 185, app/assets/stylesheets/components/_limited_promo.scss */
#limited-promo-banner-small .hi-close, #limited-promo-banner-small .top-bar .topbar-link .close-notifications, .top-bar .topbar-link #limited-promo-banner-small .close-notifications {
  cursor: pointer;
  color: #ffffff;
  position: fixed;
  top: 19px;
  right: 10px;
}

/* line 1, app/assets/stylesheets/components/_limits.scss */
.limit_apply_link {
  text-align: right;
  font-size: 12px;
  font-weight: 500;
}

/* line 8, app/assets/stylesheets/components/_limits.scss */
.limits-popover-wrapper .popover-footer {
  padding: 7px 0;
  text-align: right;
}

/* line 1, app/assets/stylesheets/components/_links.scss */
.settings-link-wrapper {
  text-align: right;
}

/* line 4, app/assets/stylesheets/components/_links.scss */
.settings-link {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}

/* line 1, app/assets/stylesheets/components/_marketing_popover.scss */
.marketing-popover {
  cursor: pointer;
}

/* line 3, app/assets/stylesheets/components/_marketing_popover.scss */
.marketing-popover .popover {
  display: none;
  width: 245px;
  font-size: 14px;
  padding: 15px 20px;
  background: #000000;
  color: #ffffff;
  position: absolute;
  font-weight: bold;
  line-height: 19px;
  z-index: 99;
  left: -15px;
  top: 27px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 0;
}

/* line 18, app/assets/stylesheets/components/_marketing_popover.scss */
.marketing-popover .popover:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.47px 6.47px 6.47px;
  border-color: transparent transparent #000000 transparent;
  position: absolute;
  top: -6.47px;
  left: 15.5px;
}

/* line 32, app/assets/stylesheets/components/_marketing_popover.scss */
.rebranded-pricing .marketing-popover .popover, .plans-pricing .marketing-popover .popover {
  background: #2f8af4;
  border: #2f8af4;
  word-break: break-word;
}

/* line 36, app/assets/stylesheets/components/_marketing_popover.scss */
.rebranded-pricing .marketing-popover .popover:before, .plans-pricing .marketing-popover .popover:before {
  content: '';
  border-color: transparent transparent #2f8af4 transparent;
  top: -6px;
  left: 17px;
}

/* line 45, app/assets/stylesheets/components/_marketing_popover.scss */
.plans-pricing .marketing-popover .popover {
  left: -200px;
}

/* line 47, app/assets/stylesheets/components/_marketing_popover.scss */
.plans-pricing .marketing-popover .popover:before {
  right: 30px;
  left: auto;
}

/* line 58, app/assets/stylesheets/components/_marketing_popover.scss */
.rebranded-pricing .pricing-body.premium .popover {
  left: -200px;
}

/* line 60, app/assets/stylesheets/components/_marketing_popover.scss */
.rebranded-pricing .pricing-body.premium .popover:before {
  right: 30px;
  left: auto;
}

@media (max-width: 1439.98px) {
  /* line 67, app/assets/stylesheets/components/_marketing_popover.scss */
  .rebranded-pricing .pricing-body .popover {
    left: -200px;
  }
  /* line 69, app/assets/stylesheets/components/_marketing_popover.scss */
  .rebranded-pricing .pricing-body .popover:before {
    right: 30px;
    left: auto;
  }
}

/* line 4, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog.opened {
  z-index: 999;
}

/* line 8, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog header {
  margin-top: 5px;
}

/* line 12, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .preselect-user-role {
  display: inline-block;
  margin-left: 5px;
}

/* line 16, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .preselect-user-role .select2-container--bootstrap.select2-container--bootstrap {
  min-width: 105px;
}

/* line 20, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .preselect-user-role .select2-selection--single {
  height: auto;
  padding: 5px 10px !important;
  font-size: 13px;
}

/* line 26, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .preselect-user-role .select2-selection--single .select2-selection__arrow {
  bottom: 21%;
}

/* line 31, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .add-member-toggle {
  border-left: 1px solid #e5e7eb;
  margin: -5px 0 -7px 15px;
  padding-left: 15px;
  font-size: 13px;
}

@media (max-width: 768px) {
  /* line 31, app/assets/stylesheets/components/_memberDialog.scss */
  .member-dialog .add-member-toggle {
    margin: 10px 0 0 0;
    padding-left: 0;
    border: none;
  }
}

/* line 43, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .add-member-toggle .toggle-switch-wrapper {
  margin-top: -5px;
  margin-bottom: -5px;
}

/* line 49, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .checkbox {
  align-items: center;
}

@media (max-width: 768px) {
  /* line 53, app/assets/stylesheets/components/_memberDialog.scss */
  .member-dialog .checkbox.flex-direction-column {
    flex-direction: column;
  }
}

/* line 60, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .custom-toggle-button-group-wrapper label {
  margin: 0;
}

/* line 64, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .custom-toggle-button-group-wrapper .hi-info-filled {
  margin: 0 0 1px 3px;
}

/* line 68, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .custom-toggle-button-group-wrapper .toggle-multiple-options, .member-dialog .custom-toggle-button-group-wrapper .app-tabs-switch > .nav.nav-tabs {
  margin-top: 7px;
}

/* line 73, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .select2-selection__rendered {
  padding-right: 25px;
}

/* line 77, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .payments .input-group-addon {
  line-height: 20px;
  font-size: 13px;
}

/* line 82, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .payments .period-start-option input {
  visibility: hidden;
  position: absolute;
}

/* line 87, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog .select2-container--disabled b[role='presentation'] {
  display: none;
}

@media (min-width: 992px) {
  /* line 92, app/assets/stylesheets/components/_memberDialog.scss */
  .member-dialog .toggle-multiple-options button, .member-dialog .app-tabs-switch > .nav.nav-tabs button {
    min-width: 70px;
  }
}

/* line 98, app/assets/stylesheets/components/_memberDialog.scss */
.progress-text-divider {
  position: relative;
}

/* line 101, app/assets/stylesheets/components/_memberDialog.scss */
.progress-text-divider:before {
  content: '/';
  margin: 0 3px;
  color: inherit;
}

/* line 108, app/assets/stylesheets/components/_memberDialog.scss */
.rate-changes-container {
  font-size: 12px;
  margin-top: 21px;
}

/* line 112, app/assets/stylesheets/components/_memberDialog.scss */
.rate-changes-container .rate-changes {
  display: none;
  font-size: 13px;
  height: 15px;
  margin-bottom: 16px;
}

/* line 118, app/assets/stylesheets/components/_memberDialog.scss */
.rate-changes-container .rate-changes:nth-child(-n + 2) {
  display: block;
}

/* line 123, app/assets/stylesheets/components/_memberDialog.scss */
.rate-changes-container .rate-changes-list {
  margin: 17px 0 52px;
}

/* line 127, app/assets/stylesheets/components/_memberDialog.scss */
.rate-changes-container .rate-changes-list.show-all .rate-changes {
  display: block;
}

/* line 133, app/assets/stylesheets/components/_memberDialog.scss */
.rate-changes-container .show-more {
  color: #2aa7ff;
  font-weight: 500;
}

/* line 140, app/assets/stylesheets/components/_memberDialog.scss */
.limits a {
  cursor: pointer;
}

/* line 144, app/assets/stylesheets/components/_memberDialog.scss */
.limits .help-block:empty {
  display: none;
}

/* line 148, app/assets/stylesheets/components/_memberDialog.scss */
.limits .dow-limit-input {
  display: none;
  position: absolute;
}

/* line 152, app/assets/stylesheets/components/_memberDialog.scss */
.limits .dow-limit-input::-ms-check {
  display: none;
}

/* line 158, app/assets/stylesheets/components/_memberDialog.scss */
.limits .progress-details .tracked-wrapper {
  margin-right: 5px;
  width: 160px;
}

/* line 165, app/assets/stylesheets/components/_memberDialog.scss */
.limit-changed {
  font-weight: bold;
}

/* line 171, app/assets/stylesheets/components/_memberDialog.scss */
.limits-popover-wrapper input {
  max-width: 150px;
}

/* line 175, app/assets/stylesheets/components/_memberDialog.scss */
.limits-popover-wrapper .help-block {
  font-size: 12px;
}

/* line 178, app/assets/stylesheets/components/_memberDialog.scss */
.limits-popover-wrapper .help-block:empty {
  display: none;
}

/* line 183, app/assets/stylesheets/components/_memberDialog.scss */
.limits-popover-wrapper .limit-apply-link {
  text-align: right;
  font-size: 12px;
  font-weight: 500;
}

/* line 190, app/assets/stylesheets/components/_memberDialog.scss */
.preselect-role-dropdown {
  font-size: 13px;
}

/* line 194, app/assets/stylesheets/components/_memberDialog.scss */
.modal-open .popover {
  z-index: 1040;
}

/* line 199, app/assets/stylesheets/components/_memberDialog.scss */
.modal-open .popover-dropdown,
.modal-open .select2-container--open {
  z-index: 9999;
}

/* line 205, app/assets/stylesheets/components/_memberDialog.scss */
.member-dialog.loading header {
  opacity: 0;
}

/* line 211, app/assets/stylesheets/components/_memberDialog.scss */
#members-to-invite .row:first-child .invite_pay_rate {
  margin-right: 24px;
}

/* line 216, app/assets/stylesheets/components/_memberDialog.scss */
#members-to-invite .line-item-wrapper {
  display: flex;
  align-items: flex-end;
}

/* line 220, app/assets/stylesheets/components/_memberDialog.scss */
#members-to-invite .line-item-wrapper .form-group {
  margin-bottom: 0;
}

/* line 225, app/assets/stylesheets/components/_memberDialog.scss */
#members-to-invite .remove-line-item {
  margin-bottom: 12px;
}

/* line 232, app/assets/stylesheets/components/_memberDialog.scss */
#new-invite-form h4,
#new-invite-modal h4 {
  overflow-wrap: break-word;
}

/* line 236, app/assets/stylesheets/components/_memberDialog.scss */
#new-invite-form .has-error .form-group,
#new-invite-modal .has-error .form-group {
  margin-bottom: 0;
}

/* line 243, app/assets/stylesheets/components/_memberDialog.scss */
#invite-link-fields .via-link {
  padding: 0 8px 0;
  margin-top: 5px;
  border-radius: 6px;
  background-color: #f3f4f6;
}

/* line 249, app/assets/stylesheets/components/_memberDialog.scss */
#invite-link-fields .via-link .via-link-info {
  margin-top: 2px;
}

/* line 253, app/assets/stylesheets/components/_memberDialog.scss */
#invite-link-fields .via-link i {
  color: #777777;
  margin: 2px 5px 0 0;
}

/* line 260, app/assets/stylesheets/components/_memberDialog.scss */
.modal-extra {
  border-top: 1px solid #e5e7eb;
}

/* line 266, app/assets/stylesheets/components/_memberDialog.scss */
#new-invite-modal .modal-footer-with-text .settings-link {
  margin-bottom: 20px;
  display: inline-block;
}

/* line 271, app/assets/stylesheets/components/_memberDialog.scss */
#new-invite-modal .modal-footer-with-text .modal-footer-buttons .btn, #new-invite-modal .modal-footer-with-text .modal-footer-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #new-invite-modal .modal-footer-with-text .modal-footer-buttons .nav-item {
  width: 100%;
  margin: 12px 0 0;
}

/* line 275, app/assets/stylesheets/components/_memberDialog.scss */
#new-invite-modal .modal-footer-with-text .modal-footer-buttons .btn:first-child, #new-invite-modal .modal-footer-with-text .modal-footer-buttons .app-tabs-switch > .nav.nav-tabs .nav-item:first-child, .app-tabs-switch > .nav.nav-tabs #new-invite-modal .modal-footer-with-text .modal-footer-buttons .nav-item:first-child {
  margin: 0;
}

@media (min-width: 768px) {
  /* line 265, app/assets/stylesheets/components/_memberDialog.scss */
  #new-invite-modal .modal-footer-with-text {
    display: flex;
    align-items: center;
  }
  /* line 284, app/assets/stylesheets/components/_memberDialog.scss */
  #new-invite-modal .modal-footer-with-text .settings-link {
    margin-bottom: 0;
  }
  /* line 288, app/assets/stylesheets/components/_memberDialog.scss */
  #new-invite-modal .modal-footer-with-text .modal-footer-buttons {
    flex: 1;
  }
  /* line 291, app/assets/stylesheets/components/_memberDialog.scss */
  #new-invite-modal .modal-footer-with-text .modal-footer-buttons .btn, #new-invite-modal .modal-footer-with-text .modal-footer-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #new-invite-modal .modal-footer-with-text .modal-footer-buttons .nav-item {
    width: auto;
    margin: 0 0 0 12px;
  }
}

/* line 301, app/assets/stylesheets/components/_memberDialog.scss */
.payments .pay-rate-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* line 306, app/assets/stylesheets/components/_memberDialog.scss */
.payments .pay-rate-wrapper #rate-type {
  margin-top: 2.4rem;
}

/* line 310, app/assets/stylesheets/components/_memberDialog.scss */
.payments .pay-rate-wrapper .select2-container--bootstrap.select2-container--bootstrap {
  min-width: 100px;
}

/* line 315, app/assets/stylesheets/components/_memberDialog.scss */
.payments .label-action {
  color: #2aa7ff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
}

/* line 322, app/assets/stylesheets/components/_memberDialog.scss */
.payments .control-label, .payments #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .payments .inline-control-label {
  white-space: nowrap;
}

/* line 326, app/assets/stylesheets/components/_memberDialog.scss */
.payments .input-group-addon {
  padding: 1rem 2rem;
  font-size: 14px;
  max-height: 4rem;
}

/* line 333, app/assets/stylesheets/components/_memberDialog.scss */
.payments .period-start-option ~ input {
  visibility: hidden;
  position: absolute;
}

/* line 339, app/assets/stylesheets/components/_memberDialog.scss */
.payments .period-start-option.period-start-selected {
  cursor: default;
}

/* line 343, app/assets/stylesheets/components/_memberDialog.scss */
.payments .weekly-range-input {
  min-width: unset;
  width: 100%;
  margin-right: 0;
}

/* line 349, app/assets/stylesheets/components/_memberDialog.scss */
.payments #effective-date {
  display: inline-block;
}

@media (max-width: 767.98px) {
  /* line 354, app/assets/stylesheets/components/_memberDialog.scss */
  .payments .weekly-range-input, .payments .vue-app-date-picker,
.payments #effective-date {
    display: block;
    margin-right: 0;
  }
  /* line 362, app/assets/stylesheets/components/_memberDialog.scss */
  .payments #payment-rates .btn-group {
    width: 100%;
  }
  /* line 366, app/assets/stylesheets/components/_memberDialog.scss */
  .payments #payment-rates .toggle-multiple-options, .payments #payment-rates .app-tabs-switch > .nav.nav-tabs {
    max-width: unset;
  }
  /* line 371, app/assets/stylesheets/components/_memberDialog.scss */
  .payments .period-start-options {
    width: 100%;
    margin-top: 0.5rem;
  }
  /* line 375, app/assets/stylesheets/components/_memberDialog.scss */
  .payments .period-start-options > span {
    margin-right: 0.5rem;
  }
  /* line 380, app/assets/stylesheets/components/_memberDialog.scss */
  .payments .period-start-option {
    width: 100%;
  }
}

/* line 2, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.members-update-dialog .dialog-p {
  color: #6b7280;
}

/* line 6, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.members-update-dialog .btn, .members-update-dialog .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .members-update-dialog .nav-item {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  padding: 11px 19px;
}

/* line 13, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.members-update-dialog .note {
  color: #6b7280;
}

/* line 17, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.members-update-dialog .nav-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #2aa7ff;
  cursor: pointer;
}

/* line 25, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.members-update-dialog .nav-link:hover, .members-update-dialog .nav-link:focus {
  color: #2f8af4;
}

/* line 32, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog {
  padding-top: 12px;
}

/* line 35, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .modal-body, .profile-fields-dialog .modal-body-centered {
  padding-top: 12px;
}

/* line 39, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .description {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 12px;
}

/* line 44, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .description .note {
  margin: 0;
}

/* line 49, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .nav-link {
  font-weight: 500;
  color: #2aa7ff;
  cursor: pointer;
}

/* line 54, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .nav-link:hover, .profile-fields-dialog .nav-link:focus {
  color: #2f8af4;
}

/* line 59, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .checkbox-row {
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

/* line 64, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .checkbox-row .a-tooltip {
  color: #6b7280;
  margin-left: 6px;
}

/* line 71, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .custom-checkbox-wrapper span {
  display: inline-flex;
  align-items: center;
}

/* line 76, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .custom-checkbox-wrapper .custom-checkbox-box {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  margin-right: 12px;
  display: block;
}

/* line 84, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  border-color: #2aa7ff;
  background-color: #2aa7ff;
}

/* line 88, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box:before {
  width: 5px;
  border-radius: 1px;
  -moz-transform: rotate(45deg) translateX(4px) translateY(2px);
  -o-transform: rotate(45deg) translateX(4px) translateY(2px);
  -ms-transform: rotate(45deg) translateX(4px) translateY(2px);
  -webkit-transform: rotate(45deg) translateX(4px) translateY(2px);
  transform: rotate(45deg) translateX(4px) translateY(2px);
}

/* line 94, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box:after {
  width: 8px;
  border-radius: 1px;
  -moz-transform: rotate(-45deg) translateX(-2px) translateY(9px);
  -o-transform: rotate(-45deg) translateX(-2px) translateY(9px);
  -ms-transform: rotate(-45deg) translateX(-2px) translateY(9px);
  -webkit-transform: rotate(-45deg) translateX(-2px) translateY(9px);
  transform: rotate(-45deg) translateX(-2px) translateY(9px);
}

/* line 102, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .list {
  padding: 0;
  counter-reset: list-counter;
}

/* line 106, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .list .list-item {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  margin-bottom: 6px;
  display: flex;
}

/* line 113, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .list .list-item::before {
  font-weight: 500;
  font-size: 13px;
  line-height: 130%;
  text-align: center;
  counter-increment: list-counter;
  content: counter(list-counter) ".";
  margin-left: 14px;
  margin-top: 12px;
}

/* line 126, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .list .list-item-body {
  margin: 12px 14px 12px 12px;
}

/* line 127, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .list .list-item-body h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}

/* line 133, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .list .list-item-body h5 {
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #6b7280;
}

/* line 140, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .list .list-item-body h6 {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #6b7280;
}

/* line 147, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .list .list-item-body h4, .profile-fields-dialog .list .list-item-body h5, .profile-fields-dialog .list .list-item-body h6 {
  display: inline;
  margin: 0px;
}

/* line 157, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .tooltip .tooltip-arrow, .profile-fields-dialog .vue-tooltip .tooltip-arrow {
  border-right-color: rgba(0, 0, 0, 0.82);
}

/* line 161, app/assets/stylesheets/components/_membersUpdateDialog.scss */
.profile-fields-dialog .tooltip .tooltip-inner, .profile-fields-dialog .vue-tooltip .tooltip-inner {
  background: rgba(0, 0, 0, 0.82);
  border-radius: 2px;
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
}

/* line 1, app/assets/stylesheets/components/_meta.scss */
.resource-meta {
  display: flex;
  margin-bottom: 35px;
}

/* line 4, app/assets/stylesheets/components/_meta.scss */
.resource-meta .meta-column {
  display: flex;
  flex-direction: column;
  margin-right: 75px;
}

/* line 8, app/assets/stylesheets/components/_meta.scss */
.resource-meta .meta-column:last-of-type {
  margin-right: 0;
}

@media (max-width: 991.98px) {
  /* line 1, app/assets/stylesheets/components/_meta.scss */
  .resource-meta {
    flex-direction: column;
  }
  /* line 14, app/assets/stylesheets/components/_meta.scss */
  .resource-meta .meta-column {
    margin-right: 0;
  }
}

/* line 1, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-container {
  position: relative;
  z-index: 1000;
  background-color: #ffffff;
  border-bottom: 1px solid #d1d5db;
}

/* line 7, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-container.affix {
  position: fixed;
  top: 0;
  width: 100%;
  background: #ffffff;
  z-index: 1050;
}

/* line 15, app/assets/stylesheets/components/_nav.scss */
.features-page .hs-navbar-container.affix.affix ~ .page-wrapper {
  margin-top: 135px;
}

/* line 20, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-container.affix + .page-wrapper {
  margin-top: 70px;
}

/* line 24, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-container .navbar-toggle {
  cursor: pointer;
}

/* line 27, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-container .hs-btn-outline {
  color: #2aa7ff;
  border-color: #2aa7ff;
  -webkit-box-shadow: inset 0 0 0 1px #2aa7ff;
  box-shadow: inset 0 0 0 1px #2aa7ff;
}

/* line 31, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-container .hs-btn-outline:hover, .hs-navbar-container .hs-btn-outline:focus, .hs-navbar-container .hs-btn-outline:active {
  color: #ffffff;
  background-color: #2aa7ff;
}

/* line 40, app/assets/stylesheets/components/_nav.scss */
.hs-logo-black {
  display: block;
}

/* line 43, app/assets/stylesheets/components/_nav.scss */
.hs-logo-color-white {
  display: none;
}

/* line 47, app/assets/stylesheets/components/_nav.scss */
.hubstaff-nav-link {
  width: 100%;
  padding: 12px 13px;
  font-weight: 400;
  font-size: 16px;
  font-family: inherit;
  color: #000000;
}

/* line 54, app/assets/stylesheets/components/_nav.scss */
.hubstaff-nav-link:hover, .hubstaff-nav-link:active, .hubstaff-nav-link:focus {
  color: #2aa7ff;
}

/* line 61, app/assets/stylesheets/components/_nav.scss */
.hubstaff-navbar {
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

@media (min-width: 992px) {
  /* line 69, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-navbar .marketing-navbar-collapse {
    display: block;
  }
}

/* line 75, app/assets/stylesheets/components/_nav.scss */
.hubstaff-navbar .hs-rebranded-btn {
  background-color: #84e1bc;
  padding: 6px 15px;
  border: 2px solid transparent;
  font-size: 14px;
  font-weight: 700;
  border-radius: 2px;
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0 10px;
}

@media (max-width: 991.98px) {
  /* line 75, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-navbar .hs-rebranded-btn {
    margin: 0 0 0 5px;
  }
}

/* line 90, app/assets/stylesheets/components/_nav.scss */
.hubstaff-navbar .dropdown-backdrop {
  display: none;
}

/* line 93, app/assets/stylesheets/components/_nav.scss */
.hubstaff-navbar .marketing-navbar-collapse {
  align-self: stretch;
}

/* line 96, app/assets/stylesheets/components/_nav.scss */
.hubstaff-navbar .dropdown-menu {
  background: white;
  font-family: "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  border-radius: 0;
  border: none;
  position: static;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 108, app/assets/stylesheets/components/_nav.scss */
.hubstaff-navbar .dropdown-menu li a {
  background-color: #ffffff;
  padding: 10px 30px;
}

/* line 111, app/assets/stylesheets/components/_nav.scss */
.hubstaff-navbar .dropdown-menu li a:hover, .hubstaff-navbar .dropdown-menu li a:active, .hubstaff-navbar .dropdown-menu li a:focus {
  color: #2aa7ff;
  background-color: transparent;
}

/* line 122, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-nav {
  display: flex;
  align-items: stretch;
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 129, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-nav > li {
  display: flex;
  align-items: stretch;
  margin-right: 3px;
}

/* line 134, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-nav > li:first-child {
  margin-right: auto;
}

/* line 139, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-nav .dropdown-toggle {
  display: flex;
  align-items: center;
}

/* line 143, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-nav .dropdown-toggle .hi-caret, .hs-navbar-nav .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .hs-navbar-nav .dropdown-toggle b:before {
  margin-left: 4px;
}

/* line 149, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-dropdown {
  display: flex;
  align-items: center;
  height: 100%;
  background: white;
  flex-direction: column;
}

/* line 157, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-dropdown:nth-child(3) .dropdown-menu {
  padding: 0 0 30px 0;
}

/* line 162, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-dropdown > a {
  color: #000000;
}

/* line 165, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-dropdown .hi-caret, .hs-navbar-dropdown .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .hs-navbar-dropdown b:before {
  color: inherit;
}

/* line 169, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-dropdown .hs-dropdown-link-description {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  display: none;
}

/* line 177, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-dropdown .dropdown-menu .hs-nav-link-support {
  padding: 0;
  margin-bottom: -5px;
}

/* line 181, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-dropdown .dropdown-menu .hs-nav-link-support .hi-support {
  margin-right: 10px;
}

/* line 185, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-dropdown .dropdown-menu .hs-nav-link-support .hs-dropdown-link-main {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 15px 30px !important;
  background-color: #f9fafb !important;
}

/* line 196, app/assets/stylesheets/components/_nav.scss */
.hs-dropdown-menu > li > a {
  padding: 10px 20px;
  line-height: 20px;
}

/* line 202, app/assets/stylesheets/components/_nav.scss */
.hs-product-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  margin: auto;
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  height: 100%;
}

/* line 208, app/assets/stylesheets/components/_nav.scss */
.hs-product-dropdown .dropdown-toggle:hover {
  color: #2f8af4;
}

/* line 216, app/assets/stylesheets/components/_nav.scss */
ul.product-dropdown-menu > li > a {
  background-color: #ffffff !important;
  padding: 20px 20px 15px;
}

/* line 219, app/assets/stylesheets/components/_nav.scss */
ul.product-dropdown-menu > li > a:before {
  left: 114px;
  right: auto;
}

/* line 223, app/assets/stylesheets/components/_nav.scss */
ul.product-dropdown-menu > li > a:hover {
  color: #2f8af4;
}

/* line 229, app/assets/stylesheets/components/_nav.scss */
ul.product-dropdown-menu > li:first-child a:before {
  top: -40px !important;
  left: 30px;
}

/* line 236, app/assets/stylesheets/components/_nav.scss */
ul.product-dropdown-menu img {
  height: 24px;
}

/* line 239, app/assets/stylesheets/components/_nav.scss */
ul.product-dropdown-menu .hs-product-description {
  font-size: 14px;
  color: inherit;
  padding-left: 30px;
  margin-top: 5px;
  white-space: normal;
}

/* line 248, app/assets/stylesheets/components/_nav.scss */
.hs-dropdown-menu-twocols {
  flex-wrap: wrap;
  background-color: #ffffff;
}

/* line 251, app/assets/stylesheets/components/_nav.scss */
.open .hs-dropdown-menu-twocols {
  display: flex;
}

/* line 255, app/assets/stylesheets/components/_nav.scss */
.hs-dropdown-menu-twocols li > a {
  white-space: normal;
}

/* line 259, app/assets/stylesheets/components/_nav.scss */
.hs-dropdown-menu-twocols .hs-dropdown-link-main {
  padding: 0 !important;
}

/* line 263, app/assets/stylesheets/components/_nav.scss */
.hs-dropdown-menu-twocols .all-features-link a {
  display: flex;
  align-items: center;
}

/* line 267, app/assets/stylesheets/components/_nav.scss */
.hs-dropdown-menu-twocols .all-features-link .hi, .hs-dropdown-menu-twocols .all-features-link .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .hs-dropdown-menu-twocols .all-features-link .step-number, .hs-dropdown-menu-twocols .all-features-link .toggling-dropdown > li.is-on > a:before, .hs-dropdown-menu-twocols .all-features-link .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .hs-dropdown-menu-twocols .all-features-link input:checked + label:before, .hs-dropdown-menu-twocols .all-features-link .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-selection__choice__remove, .hs-dropdown-menu-twocols .all-features-link .datepicker:before,
.hs-dropdown-menu-twocols .all-features-link .hs_daterange_picker:before, .hs-dropdown-menu-twocols .all-features-link .search-filter:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-selection:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .hs-dropdown-menu-twocols .all-features-link b:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-date:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-week:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-paid:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-user:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-member:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-client:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-project:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-timesheet:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-task:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-team:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-job_site:before, .hs-dropdown-menu-twocols .all-features-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hs-dropdown-menu-twocols .all-features-link .select2-results__option.is-work_break_policy:before, .hs-dropdown-menu-twocols .all-features-link .vue-map-search:before {
  margin-left: 8px;
}

@media (max-width: 991.98px) {
  /* line 275, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .container {
    width: 100%;
  }
  /* line 278, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .hs-navbar-nav {
    flex-direction: column;
    align-items: left;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* line 283, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .hs-navbar-nav > li {
    width: 100%;
  }
  /* line 285, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .hs-navbar-nav > li > a:not(.hs-btn) {
    display: flex;
    align-items: center;
  }
  /* line 289, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .hs-navbar-nav > li > a:not(.hs-btn):hover, .hs-navbar-container .hs-navbar-nav > li > a:not(.hs-btn):focus, .hs-navbar-container .hs-navbar-nav > li > a:not(.hs-btn):active {
    color: #000000;
  }
  /* line 298, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle {
    float: none;
    padding: 0;
    margin: 0 0 0 1.5rem;
  }
  /* line 303, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle:focus {
    background-color: transparent;
  }
  /* line 307, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle .icon-bar {
    background-color: #374151;
    -webkit-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -o-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
  /* line 317, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  /* line 322, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle :nth-child(2) {
    -moz-transform: translateZ(0) translateY(6px) rotate(45deg);
    -o-transform: translateZ(0) translateY(6px) rotate(45deg);
    -ms-transform: translateZ(0) translateY(6px) rotate(45deg);
    -webkit-transform: translateZ(0) translateY(6px) rotate(45deg);
    transform: translateZ(0) translateY(6px) rotate(45deg);
  }
  /* line 326, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle :nth-child(3) {
    visibility: hidden;
  }
  /* line 330, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle :nth-child(4) {
    -moz-transform: translateZ(0) translateY(-6px) rotate(-45deg);
    -o-transform: translateZ(0) translateY(-6px) rotate(-45deg);
    -ms-transform: translateZ(0) translateY(-6px) rotate(-45deg);
    -webkit-transform: translateZ(0) translateY(-6px) rotate(-45deg);
    transform: translateZ(0) translateY(-6px) rotate(-45deg);
  }
  /* line 335, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle.collapsed :nth-child(2) {
    -moz-transform: translateZ(0) translateY(0) rotate(0deg);
    -o-transform: translateZ(0) translateY(0) rotate(0deg);
    -ms-transform: translateZ(0) translateY(0) rotate(0deg);
    -webkit-transform: translateZ(0) translateY(0) rotate(0deg);
    transform: translateZ(0) translateY(0) rotate(0deg);
  }
  /* line 339, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle.collapsed :nth-child(3) {
    visibility: visible;
  }
  /* line 343, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .navbar-toggle.collapsed :nth-child(4) {
    -moz-transform: translateZ(0) translateY(0) rotate(0deg);
    -o-transform: translateZ(0) translateY(0) rotate(0deg);
    -ms-transform: translateZ(0) translateY(0) rotate(0deg);
    -webkit-transform: translateZ(0) translateY(0) rotate(0deg);
    transform: translateZ(0) translateY(0) rotate(0deg);
  }
  /* line 349, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .marketing-navbar-collapse {
    z-index: 778;
    padding: 12.5px 0;
    border: none;
    box-shadow: none;
    position: absolute;
    top: 71px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none;
  }
  /* line 361, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .marketing-navbar-collapse .hs-dropdown-menu {
    display: block;
    position: static;
    border: none;
    box-shadow: none;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
  }
  /* line 371, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .marketing-navbar-collapse .hs-dropdown-menu > li > a {
    font-size: 13px;
    color: #374151;
  }
  /* line 378, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-container .marketing-navbar-collapse .hs-btn {
    margin: 5px 20px;
    display: block;
  }
  /* line 385, app/assets/stylesheets/components/_nav.scss */
  body.has-mobile-menu {
    background-color: #ffffff;
  }
  /* line 388, app/assets/stylesheets/components/_nav.scss */
  body.has-mobile-menu .hs-navbar-container {
    border-bottom: 1px solid #e5e7eb;
  }
  /* line 392, app/assets/stylesheets/components/_nav.scss */
  body.has-mobile-menu .masthead,
body.has-mobile-menu .page-wrapper,
body.has-mobile-menu .new-landing-footer,
body.has-mobile-menu .rb-footer {
    display: none !important;
  }
  /* line 399, app/assets/stylesheets/components/_nav.scss */
  body.has-mobile-menu .affix {
    position: relative !important;
  }
}

@media (min-width: 992px) {
  /* line 408, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-navbar .marketing-navbar-collapse .hs-navbar-nav {
    height: 100%;
  }
  /* line 411, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-navbar .marketing-navbar-collapse .dropdown-menu {
    position: absolute !important;
    box-shadow: 0 6px 15px 5px rgba(0, 0, 0, 0.1) !important;
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transform-origin: 50% -50px;
    -moz-transform-origin: 50% -50px;
    -ms-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    -moz-transform: rotateX(-30deg);
    -o-transform: rotateX(-30deg);
    -ms-transform: rotateX(-30deg);
    -webkit-transform: rotateX(-30deg);
    transform: rotateX(-30deg);
    -webkit-transition: transform 0.5s, opacity 0.3s;
    -o-transition: transform 0.5s, opacity 0.3s;
    transition: transform 0.5s, opacity 0.3s;
    top: 60px;
    min-width: 260px;
  }
  /* line 424, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-navbar .marketing-navbar-collapse .dropdown-menu li:first-child a {
    position: relative;
  }
  /* line 426, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-navbar .marketing-navbar-collapse .dropdown-menu li:first-child a:before {
    content: '';
    display: block;
    top: -10px;
    height: 20px;
    width: 20px;
    position: absolute;
    pointer-events: none;
    background-color: #ffffff;
    z-index: -1;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -2px -2px 2px 0px rgba(0, 0, 0, 0.035);
    box-shadow: -2px -2px 2px 0px rgba(0, 0, 0, 0.035);
  }
  /* line 440, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-navbar .marketing-navbar-collapse .dropdown-menu li:first-child .hs-dropdown-link-main {
    padding-top: 30px;
  }
  /* line 445, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-navbar .marketing-navbar-collapse .dropdown-menu li:last-child .hs-dropdown-link-main {
    padding-bottom: 30px;
  }
  /* line 453, app/assets/stylesheets/components/_nav.scss */
  .hubstaff-nav-link {
    font-size: 14px;
  }
  /* line 456, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown {
    flex-direction: row;
  }
  /* line 460, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown:hover .dropdown-menu {
    display: flex;
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
  /* line 467, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown:hover .hi-caret, .hs-navbar-dropdown:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .hs-navbar-dropdown:hover b:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  /* line 471, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown .dropdown-toggle {
    padding: 0 10px;
  }
  /* line 474, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown .hs-dropdown-link-main {
    font-size: 16px;
    font-weight: 500;
    font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
  /* line 479, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown .hs-dropdown-link-description {
    display: block;
  }
  /* line 483, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown ul.product-dropdown-menu {
    display: flex;
    font-family: "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    flex-direction: row !important;
    padding: 30px 40px 20px !important;
  }
  /* line 488, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown ul.product-dropdown-menu:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: -35px;
    left: 80px;
    height: 35px;
  }
  /* line 497, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-dropdown ul.product-dropdown-menu > li {
    min-width: 265px;
  }
  /* line 502, app/assets/stylesheets/components/_nav.scss */
  .hs-dropdown-menu-twocols {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 555px;
  }
  /* line 506, app/assets/stylesheets/components/_nav.scss */
  .hs-dropdown-menu-twocols li {
    width: 50%;
  }
  /* line 509, app/assets/stylesheets/components/_nav.scss */
  .hs-dropdown-menu-twocols li:nth-child(even) a {
    padding-right: 40px !important;
    padding-left: 20px !important;
  }
  /* line 515, app/assets/stylesheets/components/_nav.scss */
  .hs-dropdown-menu-twocols li:nth-child(odd) a {
    padding-left: 40px !important;
    padding-right: 20px !important;
  }
  /* line 520, app/assets/stylesheets/components/_nav.scss */
  .hs-dropdown-menu-twocols li > a {
    padding-top: 28px !important;
    padding-bottom: 0 !important;
  }
  /* line 525, app/assets/stylesheets/components/_nav.scss */
  .hs-dropdown-menu-twocols .all-features-link {
    border-top: 1px solid #d1d5db;
    font-size: 12px;
    width: 100%;
    margin-top: 30px;
  }
  /* line 530, app/assets/stylesheets/components/_nav.scss */
  .hs-dropdown-menu-twocols .all-features-link a {
    padding: 24px 30px !important;
  }
  /* line 536, app/assets/stylesheets/components/_nav.scss */
  .hs-navbar-nav > li {
    align-items: center;
  }
}

/* line 547, app/assets/stylesheets/components/_nav.scss */
.app-tabs-switch > .nav.nav-tabs .nav-item.active {
  border: none;
}

/* line 551, app/assets/stylesheets/components/_nav.scss */
.app-tabs-switch > .nav.nav-tabs .nav-item a {
  color: #1f2937;
  text-transform: none;
  padding: 0;
}

/* line 559, app/assets/stylesheets/components/_nav.scss */
.hs-navbar-brand {
  margin-right: 5px;
}

@media (max-width: 991.98px) {
  /* line 564, app/assets/stylesheets/components/_nav.scss */
  .container-fluid > .container {
    width: auto;
  }
}

/* line 2, app/assets/stylesheets/components/_new_referral_system.scss */
.new-referral-dialog .send-invite {
  max-width: 20rem;
  width: 100%;
}

/* line 7, app/assets/stylesheets/components/_new_referral_system.scss */
.new-referral-dialog .modal-subtitle {
  margin-top: 1rem;
  color: var(--z-gray-500);
  font-weight: 400;
  font-size: 1.4rem;
  text-align: center;
}

/* line 15, app/assets/stylesheets/components/_new_referral_system.scss */
.new-referral-dialog .modal-title {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* line 21, app/assets/stylesheets/components/_new_referral_system.scss */
.new-referral-dialog .actions {
  width: 100%;
}

/* line 24, app/assets/stylesheets/components/_new_referral_system.scss */
.new-referral-dialog .actions .email {
  width: 100%;
}

/* line 28, app/assets/stylesheets/components/_new_referral_system.scss */
.new-referral-dialog .actions .help-block {
  color: red;
}

/* line 1, app/assets/stylesheets/components/_no-resources.scss */
.no-resources {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 42px;
}

/* line 6, app/assets/stylesheets/components/_no-resources.scss */
.no-resources .no-resources-info {
  color: #374151;
  font-size: 16px;
  line-height: 21px;
  margin-top: 42px;
  text-align: center;
}

/* line 2, app/assets/stylesheets/components/OrganizationSettings/TheMfaSettings.scss */
.mfa-settings .member-container {
  display: flex;
  align-items: center;
}

/* line 7, app/assets/stylesheets/components/OrganizationSettings/TheMfaSettings.scss */
.mfa-settings th:first-child {
  width: 50%;
}

/* line 11, app/assets/stylesheets/components/OrganizationSettings/TheMfaSettings.scss */
.mfa-settings .two-factor-auth-status {
  display: flex;
  flex-direction: column;
}

/* line 15, app/assets/stylesheets/components/OrganizationSettings/TheMfaSettings.scss */
.mfa-settings .two-factor-auth-status > div {
  width: 112px;
}

/* line 19, app/assets/stylesheets/components/OrganizationSettings/TheMfaSettings.scss */
.mfa-settings .two-factor-auth-status i {
  margin: 0 5px 0 0;
}

/* line 23, app/assets/stylesheets/components/OrganizationSettings/TheMfaSettings.scss */
.mfa-settings .two-factor-auth-status .configured {
  color: #31c48d;
}

/* line 25, app/assets/stylesheets/components/OrganizationSettings/TheMfaSettings.scss */
.mfa-settings .two-factor-auth-status .configured i:before {
  transform: translateX(1px);
}

/* line 30, app/assets/stylesheets/components/OrganizationSettings/TheMfaSettings.scss */
.mfa-settings .two-factor-auth-status .not-configured {
  color: #f05252;
}

/* line 3, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .hi:not(.text-orange), .organization-settings-permissions .is-first.is-last.is-complete .v-step-number-wrapper .step-number:not(.text-orange), .is-first.is-last.is-complete .v-step-number-wrapper .organization-settings-permissions .step-number:not(.text-orange), .organization-settings-permissions .toggling-dropdown > li.is-on > a:not(.text-orange):before, .organization-settings-permissions .rounded-checkbox-wrapper input:checked + label:not(.text-orange):before, .rounded-checkbox-wrapper .organization-settings-permissions input:checked + label:not(.text-orange):before, .organization-settings-permissions .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove:not(.text-orange), .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-selection__choice__remove:not(.text-orange), .organization-settings-permissions .datepicker:not(.text-orange):before,
.organization-settings-permissions .hs_daterange_picker:not(.text-orange):before, .organization-settings-permissions .search-filter:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-selection:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .organization-settings-permissions b:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-date:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-week:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-paid:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-user:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-member:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-client:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-project:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-timesheet:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-task:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-team:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-job_site:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-work_break_policy:not(.text-orange):before, .organization-settings-permissions .vue-map-search:not(.text-orange):before,
.organization-settings-permissions .hi.hi-info-filled,
.organization-settings-permissions .is-first.is-last.is-complete .v-step-number-wrapper .hi-info-filled.step-number,
.is-first.is-last.is-complete .v-step-number-wrapper .organization-settings-permissions .hi-info-filled.step-number,
.organization-settings-permissions .toggling-dropdown > li.is-on > a.hi-info-filled:before,
.organization-settings-permissions .rounded-checkbox-wrapper input:checked + label.hi-info-filled:before,
.rounded-checkbox-wrapper .organization-settings-permissions input:checked + label.hi-info-filled:before,
.organization-settings-permissions .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-selection__choice__remove,
.select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-selection__choice__remove,
.organization-settings-permissions .hi-info-filled.datepicker:before,
.organization-settings-permissions .hi-info-filled.hs_daterange_picker:before,
.organization-settings-permissions .hi-info-filled.search-filter:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-selection:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-selection:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-info-filled:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .organization-settings-permissions b.hi-info-filled:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-date:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-date:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-week:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-week:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-paid:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-paid:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-user:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-member:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-member:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-client:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-client:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-project:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-project:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-timesheet:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-timesheet:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-task:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-task:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-team:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-team:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-job_site:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-job_site:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.select2-results__option.is-work_break_policy:before,
.organization-settings-permissions .hi-info-filled.vue-map-search:before {
  color: #6b7280;
}

/* line 7, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .hi.valign-middle:not(.text-orange), .organization-settings-permissions .is-first.is-last.is-complete .v-step-number-wrapper .step-number.valign-middle:not(.text-orange), .is-first.is-last.is-complete .v-step-number-wrapper .organization-settings-permissions .step-number.valign-middle:not(.text-orange), .organization-settings-permissions .toggling-dropdown > li.is-on > a.valign-middle:not(.text-orange):before, .organization-settings-permissions .rounded-checkbox-wrapper input:checked + label.valign-middle:not(.text-orange):before, .rounded-checkbox-wrapper .organization-settings-permissions input:checked + label.valign-middle:not(.text-orange):before, .organization-settings-permissions .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove.valign-middle:not(.text-orange), .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-selection__choice__remove.valign-middle:not(.text-orange), .organization-settings-permissions .datepicker.valign-middle:not(.text-orange):before,
.organization-settings-permissions .hs_daterange_picker.valign-middle:not(.text-orange):before, .organization-settings-permissions .search-filter.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-selection.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .organization-settings-permissions b.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-date.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-week.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-paid.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-user.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-member.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-client.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-project.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-timesheet.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-task.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-team.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-job_site.valign-middle:not(.text-orange):before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy.valign-middle:not(.text-orange):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .select2-results__option.is-work_break_policy.valign-middle:not(.text-orange):before, .organization-settings-permissions .vue-map-search.valign-middle:not(.text-orange):before,
.organization-settings-permissions .hi.hi-info-filled.valign-middle,
.organization-settings-permissions .is-first.is-last.is-complete .v-step-number-wrapper .hi-info-filled.valign-middle.step-number,
.is-first.is-last.is-complete .v-step-number-wrapper .organization-settings-permissions .hi-info-filled.valign-middle.step-number,
.organization-settings-permissions .toggling-dropdown > li.is-on > a.hi-info-filled.valign-middle:before,
.organization-settings-permissions .rounded-checkbox-wrapper input:checked + label.hi-info-filled.valign-middle:before,
.rounded-checkbox-wrapper .organization-settings-permissions input:checked + label.hi-info-filled.valign-middle:before,
.organization-settings-permissions .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-selection__choice__remove,
.select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-selection__choice__remove,
.organization-settings-permissions .hi-info-filled.valign-middle.datepicker:before,
.organization-settings-permissions .hi-info-filled.valign-middle.hs_daterange_picker:before,
.organization-settings-permissions .hi-info-filled.valign-middle.search-filter:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-selection:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-selection:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-info-filled.valign-middle:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .organization-settings-permissions b.hi-info-filled.valign-middle:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-date:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-date:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-week:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-week:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-paid:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-paid:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-user:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-member:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-member:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-client:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-client:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-project:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-project:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-timesheet:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-timesheet:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-task:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-task:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-team:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-team:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-job_site:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-job_site:before,
.organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info-filled.valign-middle.select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .hi-info-filled.valign-middle.select2-results__option.is-work_break_policy:before,
.organization-settings-permissions .hi-info-filled.valign-middle.vue-map-search:before {
  vertical-align: middle;
}

/* line 11, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .hi.text-orange, .organization-settings-permissions .is-first.is-last.is-complete .v-step-number-wrapper .text-orange.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .organization-settings-permissions .text-orange.step-number, .organization-settings-permissions .toggling-dropdown > li.is-on > a.text-orange:before, .organization-settings-permissions .rounded-checkbox-wrapper input:checked + label.text-orange:before, .rounded-checkbox-wrapper .organization-settings-permissions input:checked + label.text-orange:before, .organization-settings-permissions .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-selection__choice__remove, .organization-settings-permissions .text-orange.datepicker:before,
.organization-settings-permissions .text-orange.hs_daterange_picker:before, .organization-settings-permissions .text-orange.search-filter:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-selection:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.text-orange:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .organization-settings-permissions b.text-orange:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-date:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-week:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-paid:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-user:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-member:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-client:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-project:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-timesheet:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-task:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-team:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-job_site:before, .organization-settings-permissions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .text-orange.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .organization-settings-permissions .text-orange.select2-results__option.is-work_break_policy:before, .organization-settings-permissions .text-orange.vue-map-search:before {
  color: #ffac51;
}

/* line 15, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .flex-shrink-0 {
  flex-shrink: 0;
}

@media (max-width: 480px) {
  /* line 19, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
  .organization-settings-permissions .no-wrap-md {
    white-space: normal;
  }
}

/* line 25, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .bg-gray-block-title {
  background-color: #f3f4f6;
  color: #4b5563;
}

/* line 31, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .text.exception-label {
  background: #fff5ea;
  color: #9c0d0d;
  padding: 0.2rem 0.5rem;
}

/* line 36, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .text.exception-label.border-radius {
  border-radius: 0.4rem;
}

/* line 40, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .text.exception-label i.hi, .organization-settings-permissions .text.exception-label .is-first.is-last.is-complete .v-step-number-wrapper i.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .organization-settings-permissions .text.exception-label i.step-number {
  vertical-align: initial;
  color: #9c0d0d;
}

/* line 47, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .bg-bright-purple {
  background-color: #8b1dff;
  color: #ffffff;
}

/* line 52, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .permission-types .btn, .organization-settings-permissions .permission-types .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .organization-settings-permissions .permission-types .nav-item {
  background: transparent;
  border-color: #e5e7eb;
  outline: none;
}

/* line 57, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .permission-types .btn.selected, .organization-settings-permissions .permission-types .app-tabs-switch > .nav.nav-tabs .selected.nav-item, .app-tabs-switch > .nav.nav-tabs .organization-settings-permissions .permission-types .selected.nav-item {
  border-color: #2aa7ff;
}

/* line 63, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.organization-settings-permissions .m-auto {
  margin: auto !important;
}

/* line 69, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.teams-confirm-dialog .confirm-dialog-label {
  overflow: hidden;
  position: relative;
}

/* line 74, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.teams-confirm-dialog .radio-button-wraper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 84, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.teams-confirm-dialog .alert {
  padding-left: 1rem;
}

/* line 88, app/assets/stylesheets/components/OrganizationSettings/_RolePermissions.scss */
.teams-confirm-dialog .ml-25 {
  margin-left: 2.5rem;
}

/* line 4, app/assets/stylesheets/components/_organization_members.scss */
.organization-members .tooltip, .organization-members .vue-tooltip {
  margin: 0;
}

/* line 10, app/assets/stylesheets/components/_organization_members.scss */
.enum-select .idle-timeout {
  width: 30rem;
}

/* line 14, app/assets/stylesheets/components/_organization_members.scss */
.enum-select .custom-input {
  top: 23px;
  padding: 0;
}

/* line 18, app/assets/stylesheets/components/_organization_members.scss */
.enum-select .custom-input input[type='number'] {
  width: 70px;
}

/* line 22, app/assets/stylesheets/components/_organization_members.scss */
.enum-select .custom-input .input-group-addon {
  height: 40px;
}

/* line 26, app/assets/stylesheets/components/_organization_members.scss */
.enum-select .custom-input .help-block {
  position: absolute;
}

@media (max-width: 576px) {
  /* line 33, app/assets/stylesheets/components/_organization_members.scss */
  .enum-select .custom-input .help-block {
    position: static;
  }
}

/* line 41, app/assets/stylesheets/components/_organization_members.scss */
.members-index .member-count-details {
  position: relative;
  top: -15px;
}

/* line 46, app/assets/stylesheets/components/_organization_members.scss */
.members-index .btn-invite-member {
  margin-right: 0;
}

/* line 50, app/assets/stylesheets/components/_organization_members.scss */
.members-index .divider {
  position: relative;
}

/* line 53, app/assets/stylesheets/components/_organization_members.scss */
.members-index .divider:after {
  content: '/';
  margin: 0 3px;
}

/* line 59, app/assets/stylesheets/components/_organization_members.scss */
.members-index .rates .pay-rate,
.members-index .rates .fixed-amount {
  padding-left: 3px;
}

/* line 64, app/assets/stylesheets/components/_organization_members.scss */
.members-index .disabled-item,
.members-index .disabled-item:hover {
  color: inherit;
}

/* line 69, app/assets/stylesheets/components/_organization_members.scss */
.members-index .rate-container {
  white-space: nowrap;
}

/* line 73, app/assets/stylesheets/components/_organization_members.scss */
.members-index .member-name-container {
  display: flex;
  align-items: center;
}

/* line 77, app/assets/stylesheets/components/_organization_members.scss */
.members-index .member-name-container .member-name {
  margin-left: 5px;
  cursor: pointer;
}

/* line 81, app/assets/stylesheets/components/_organization_members.scss */
.members-index .member-name-container .member-name:hover {
  color: #2aa7ff;
}

/* line 86, app/assets/stylesheets/components/_organization_members.scss */
.members-index .member-name-container .member-name + .tooltip .tooltip-inner, .members-index .member-name-container .member-name + .vue-tooltip .tooltip-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 94, app/assets/stylesheets/components/_organization_members.scss */
.members-index .member-name-container .deactivated {
  font-weight: 500;
  margin-left: 5px;
}

/* line 101, app/assets/stylesheets/components/_organization_members.scss */
.members-index .limits-container .tooltip-inner {
  color: #ffffff;
}

/* line 108, app/assets/stylesheets/components/_organization_members.scss */
.members-index tbody tr:not(:first-of-type) .getting-started-popover {
  display: none;
}

/* line 115, app/assets/stylesheets/components/_organization_members.scss */
.members-index .getting-started-popover .popover {
  margin-top: -70px !important;
}

/* line 120, app/assets/stylesheets/components/_organization_members.scss */
.members-index .onboarding-status {
  margin-bottom: 20px;
}

/* line 123, app/assets/stylesheets/components/_organization_members.scss */
.members-index .onboarding-status a.members-onboarding {
  padding-right: 0px;
}

/* line 130, app/assets/stylesheets/components/_organization_members.scss */
.members-index .dropdown li a {
  padding-right: 9rem;
}

/* line 134, app/assets/stylesheets/components/_organization_members.scss */
.members-index .dropdown li a.has-submenu {
  padding-right: 14px;
}

/* line 141, app/assets/stylesheets/components/_organization_members.scss */
.members-index .dropdown .reduced-padding li a {
  padding-right: 1.5rem;
}

@media (max-width: 767.98px) {
  /* line 139, app/assets/stylesheets/components/_organization_members.scss */
  .members-index .dropdown .reduced-padding {
    left: -50px;
    top: 35px;
    width: 265px;
  }
}

/* line 154, app/assets/stylesheets/components/_organization_members.scss */
.members-index .members-search {
  margin-bottom: 2rem;
  width: 100%;
}

@media (min-width: 576px) {
  /* line 154, app/assets/stylesheets/components/_organization_members.scss */
  .members-index .members-search {
    flex-basis: 326px;
    margin-bottom: 0;
  }
}

@media (max-width: 575.98px) {
  /* line 164, app/assets/stylesheets/components/_organization_members.scss */
  .members-index .members-actions {
    width: 100%;
  }
  /* line 168, app/assets/stylesheets/components/_organization_members.scss */
  .members-index .members-actions .dropdown {
    order: 3;
  }
  /* line 171, app/assets/stylesheets/components/_organization_members.scss */
  .members-index .members-actions .dropdown .btn, .members-index .members-actions .dropdown .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .members-index .members-actions .dropdown .nav-item {
    margin-bottom: 0;
  }
  /* line 175, app/assets/stylesheets/components/_organization_members.scss */
  .members-index .members-actions .dropdown ul.dropdown-menu {
    width: 100%;
  }
  /* line 180, app/assets/stylesheets/components/_organization_members.scss */
  .members-index .members-actions .btn, .members-index .members-actions .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .members-index .members-actions .nav-item {
    margin: 0 0 2rem;
    width: 100%;
  }
}

/* line 188, app/assets/stylesheets/components/_organization_members.scss */
.members-index .list-searchable.invites .invites-search {
  margin-bottom: 2rem;
}

@media (min-width: 576px) {
  /* line 188, app/assets/stylesheets/components/_organization_members.scss */
  .members-index .list-searchable.invites .invites-search {
    flex-basis: 326px;
    margin-bottom: 0;
  }
}

/* line 197, app/assets/stylesheets/components/_organization_members.scss */
.members-index .list-searchable.invites .batch-action-container {
  height: 46px;
}

/* line 201, app/assets/stylesheets/components/_organization_members.scss */
.members-index .list-searchable.invites .table-wrapper {
  margin-top: 0;
}

/* line 207, app/assets/stylesheets/components/_organization_members.scss */
.members-index .tab-content .grouping-header {
  font-weight: 500;
  margin-bottom: 1.75rem;
}

/* line 212, app/assets/stylesheets/components/_organization_members.scss */
.members-index .tab-content .basic-filters {
  margin-bottom: 0;
}

/* line 216, app/assets/stylesheets/components/_organization_members.scss */
.members-index .tab-content .basic-filters .label-with-extra label {
  margin-bottom: 0;
}

/* line 226, app/assets/stylesheets/components/_organization_members.scss */
.seats-increase-warning-box.dialog-warning > i.hi, .is-first.is-last.is-complete .v-step-number-wrapper .seats-increase-warning-box.dialog-warning > i.step-number {
  padding-top: 4px;
}

/* line 232, app/assets/stylesheets/components/_organization_members.scss */
.seats-increase-warning-box.dialog-warning .hi-info-filled:before {
  color: #2aa7ff;
}

/* line 238, app/assets/stylesheets/components/_organization_members.scss */
.projects-container .hi-info-filled,
.projects-container .hi-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

/* line 244, app/assets/stylesheets/components/_organization_members.scss */
.projects-container .hi-info-filled:before,
.projects-container .hi-info:before {
  color: #6b7280;
}

@media (min-width: 768px) {
  /* line 251, app/assets/stylesheets/components/_organization_members.scss */
  .edit-member .modal-dialog {
    width: 625px;
  }
}

/* line 257, app/assets/stylesheets/components/_organization_members.scss */
.work-time-limits-override-dialog .custom-checkbox-wrapper {
  width: 200px;
  color: #6b7280;
  font-size: 14px;
  font-weight: normal;
}

/* line 264, app/assets/stylesheets/components/_organization_members.scss */
.work-time-limits-override-dialog .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background: #2aa7ff;
}

/* line 2, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .dow-limit-input {
  display: none;
  position: absolute;
}

/* line 8, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form a {
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form .btn-group-spaced.weekdays label {
  text-align: center;
  position: relative;
}

/* line 18, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form .btn-group-spaced.weekdays i.fa {
  margin-top: 1rem;
  cursor: pointer;
  position: absolute;
}

/* line 24, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form .btn-group-spaced.weekdays i.fa-unlock {
  color: #777777;
  left: 1rem;
}

/* line 29, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form .btn-group-spaced.weekdays i.fa-lock {
  color: #f05252;
  left: 1.2rem;
}

/* line 34, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form .btn-group-spaced.weekdays a.btn-circle.danger {
  border-color: #f05252;
}

/* line 40, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  z-index: 223;
  opacity: 0.8;
  cursor: not-allowed;
}

/* line 49, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form-overlay-full-width {
  max-width: none;
}

/* line 53, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form-overlay-shifts {
  max-height: 10rem;
}

/* line 58, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.expected-work-days-settings .expected-work-days-form-container {
  position: relative;
  width: fit-content;
}

/* line 273, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .form-cta {
  display: flex;
  align-items: center;
}

/* line 277, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .form-cta a.btn-primary {
  margin-left: 3rem;
  min-width: 3rem;
}

/* line 283, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .days-of-work-string {
  text-transform: capitalize;
}

/* line 287, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .column-fixed {
  width: 150px;
  height: 100px;
  padding-top: 28px;
}

/* line 292, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .column-fixed .input-group {
  width: 115px;
}

/* line 297, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .column-wide {
  min-width: 350px;
}

/* line 301, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .border-top {
  border-top: 1px solid #d1d5db;
}

/* line 305, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .table-heading-description {
  color: #6b7280;
  font-size: 14px;
  font-weight: normal;
}

/* line 311, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .custom-checkbox-wrapper {
  margin-top: 1rem;
  font-weight: normal;
}

/* line 316, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background: #2aa7ff;
}

/* line 321, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .app-pagination .pagination-container {
  margin-top: 0;
}

/* line 325, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .app-pagination .pages {
  float: unset;
  width: unset;
  margin-right: unset;
}

/* line 334, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings tr:hover i.hi-edit-xs {
  display: inline-block;
}

/* line 341, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .table-wrapper .help-block {
  height: 1px;
}

/* line 346, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-settings .table-wrapper .expected-work-link i {
  display: none;
}

/* line 354, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form .input-group-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 280px;
}

/* line 361, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form .manage-shifts-block {
  width: 28rem;
  margin-top: 1rem;
}

/* line 365, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form .manage-shifts-block .remove-wrapper {
  width: auto;
}

/* line 373, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form #recurring-weekly-limit .progress-section .tracked-wrapper,
.expected-work-days-form #recurring-daily-limit .progress-section .tracked-wrapper {
  margin: 0;
}

/* line 377, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form #recurring-weekly-limit .progress-section .popover-container,
.expected-work-days-form #recurring-daily-limit .progress-section .popover-container {
  text-align: right;
}

/* line 381, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form #recurring-weekly-limit .progress-section .progress,
.expected-work-days-form #recurring-daily-limit .progress-section .progress {
  margin-bottom: 0;
}

/* line 387, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form #recurring-weekly-limit .manage-limits-block .remove-wrapper,
.expected-work-days-form #recurring-daily-limit .manage-limits-block .remove-wrapper {
  width: 100%;
}

/* line 390, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form #recurring-weekly-limit .manage-limits-block .remove-wrapper .help-block,
.expected-work-days-form #recurring-daily-limit .manage-limits-block .remove-wrapper .help-block {
  margin-top: 0;
}

/* line 397, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form .input-group input {
  width: auto;
  max-width: 20rem;
}

/* line 402, app/assets/stylesheets/components/_organization_members.scss */
.expected-work-days-form .remove-wrapper {
  width: 280px;
}

/* line 408, app/assets/stylesheets/components/_organization_members.scss */
.change-role-permission-confirmation-dialog .question {
  margin-top: 1.6rem;
}

/* line 412, app/assets/stylesheets/components/_organization_members.scss */
.change-role-permission-confirmation-dialog .icon-wrapper {
  flex-direction: column;
}

/* line 416, app/assets/stylesheets/components/_organization_members.scss */
.change-role-permission-confirmation-dialog .dialog-warning .hi-info-filled {
  padding-top: 0;
}

/* line 422, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .teams,
.member-settings .projects-roles,
.member-settings .payments {
  max-width: 60rem;
}

/* line 428, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .roles {
  max-width: 100rem;
}

/* line 431, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .roles .role-permissions {
  border: 0.1rem solid #e5e7eb;
  border-radius: 0.6rem;
  padding: 1.5rem 1.5rem 0.7rem;
}

/* line 436, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .roles .role-permissions .toggle-switch-label {
  color: #6b7280;
}

/* line 441, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .roles h6.heading {
  margin: 1rem 0;
}

/* line 445, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .roles .black-lighter {
  color: #6b7280;
}

/* line 449, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .roles .info {
  margin-top: 0.8rem;
}

/* line 453, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .roles #viewer-teams.align-padding {
  margin-top: 3.7rem;
}

/* line 459, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .limits a.btn-circle.danger {
  border-color: #f05252;
}

/* line 2, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .dow-limit-input {
  display: none;
  position: absolute;
}

/* line 8, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form a {
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form .btn-group-spaced.weekdays label {
  text-align: center;
  position: relative;
}

/* line 18, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form .btn-group-spaced.weekdays i.fa {
  margin-top: 1rem;
  cursor: pointer;
  position: absolute;
}

/* line 24, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form .btn-group-spaced.weekdays i.fa-unlock {
  color: #777777;
  left: 1rem;
}

/* line 29, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form .btn-group-spaced.weekdays i.fa-lock {
  color: #f05252;
  left: 1.2rem;
}

/* line 34, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form .btn-group-spaced.weekdays a.btn-circle.danger {
  border-color: #f05252;
}

/* line 40, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  z-index: 223;
  opacity: 0.8;
  cursor: not-allowed;
}

/* line 49, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form-overlay-full-width {
  max-width: none;
}

/* line 53, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form-overlay-shifts {
  max-height: 10rem;
}

/* line 58, app/assets/stylesheets/components/OrganizationSettings/_work_time_limit_form.scss */
.member-settings .limits .expected-work-days-form-container {
  position: relative;
  width: fit-content;
}

/* line 466, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .teams-promotion-banner {
  max-width: 100rem;
}

/* line 470, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .wise-promotion-banner {
  max-width: 100rem;
}

/* line 475, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .action-icon {
  opacity: 0;
  color: #f05252;
  font-size: 12px;
  margin-left: 0.5rem;
  line-height: 14px;
  transition: opacity 0.1s;
  cursor: pointer;
}

/* line 485, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .scrollable,
.member-settings .payments .app-table {
  max-height: 65vh;
  overflow-y: auto;
}

/* line 491, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .app-table {
  border-top: 1px solid #d1d5db;
  padding-top: 15px;
}

/* line 495, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .app-table th {
  color: #777777;
  border: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

/* line 503, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .app-table td {
  padding: 10px 15px;
  box-shadow: unset;
}

/* line 507, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .app-table td:first-child {
  border-radius: 4px 0 0 4px;
}

/* line 511, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .app-table td:last-child {
  border-radius: 0 4px 4px 0;
}

/* line 516, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .app-table .status-scheduled:hover {
  color: #2aa7ff;
}

/* line 519, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .app-table .status-scheduled:hover .action-icon {
  opacity: 1;
}

/* line 524, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .payments .app-table .status-past,
.member-settings .payments .app-table .status-scheduled {
  color: #777777;
}

/* line 531, app/assets/stylesheets/components/_organization_members.scss */
.member-settings i.hi-info-filled {
  color: #6b7280;
}

/* line 534, app/assets/stylesheets/components/_organization_members.scss */
.member-settings i.hi-info-filled.hi-primary {
  color: #2aa7ff;
}

/* line 540, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .sticky-header .nav-tabs .nav-item.has-error.active {
  box-shadow: inset 0 -2px 0 #f05252;
}

/* line 544, app/assets/stylesheets/components/_organization_members.scss */
.member-settings .sticky-header .nav-tabs .nav-item.has-error a {
  color: #f05252;
}

/* line 551, app/assets/stylesheets/components/_organization_members.scss */
.section-label-left > * {
  padding-right: 0.875rem;
  font-size: 14px;
  color: #777777;
}

/* line 557, app/assets/stylesheets/components/_organization_members.scss */
.section-label-right {
  border-bottom: 1px solid #d1d5db;
}

/* line 562, app/assets/stylesheets/components/_organization_members.scss */
.the-organization-member .form-group {
  margin-bottom: 25px;
}

/* line 568, app/assets/stylesheets/components/_organization_members.scss */
.the-organization-member .input-default[readonly], .the-organization-member .input-default[readonly]:focus {
  padding-left: 0;
  padding-right: 0;
  border: none;
  box-shadow: none;
}

/* line 577, app/assets/stylesheets/components/_organization_members.scss */
.the-organization-member .member-actions {
  margin-top: 40px;
}

/* line 582, app/assets/stylesheets/components/_organization_members.scss */
.the-organization-member .hi-info-filled:before {
  color: #555555;
}

/* line 587, app/assets/stylesheets/components/_organization_members.scss */
.the-organization-member .select-all {
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

/* line 595, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .sticky-header {
  background: #ffffff;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  position: sticky;
  top: 46px;
  z-index: 560;
}

/* line 603, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .sticky-header.is-scrolled {
  margin: 0 -3rem;
  padding: 0 3rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* line 608, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .sticky-header.is-scrolled .nav-tabs {
  border-bottom: none;
}

/* line 613, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .sticky-header .tab-menu-launcher {
  display: none;
  font-weight: 500;
  text-transform: uppercase;
}

/* line 619, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .sticky-header .nav-tabs {
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0;
  width: 100%;
}

/* line 624, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .sticky-header .nav-tabs li.nav-item {
  box-shadow: none;
}

/* line 627, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .sticky-header .nav-tabs li.nav-item.active {
  box-shadow: inset 0 -2px 0 #2aa7ff;
}

/* line 633, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .sticky-header .nav:before,
.organization-member .sticky-header .nav:after {
  content: none;
}

/* line 640, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .header-content .member-profile-info {
  margin-bottom: 4rem;
  margin-top: 3rem;
}

/* line 646, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .last-tracked-icon {
  background: #e5e7eb;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  margin-left: 2px;
}

/* line 654, app/assets/stylesheets/components/_organization_members.scss */
.organization-member h6 {
  margin: 20px 0;
}

@media (max-width: 991.98px) {
  /* line 659, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header {
    border-bottom: 1px solid #e5e7eb;
    margin: 0;
    padding: 0;
  }
  /* line 664, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header .tab-menu-launcher {
    display: inline-flex;
    margin-bottom: 12px;
  }
  /* line 669, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header .nav-tabs {
    position: absolute;
    z-index: 1000;
    display: none;
    width: 200px;
    padding: 0.5rem 0;
    margin: 0.25rem 0 0;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    transform: translateY(-10px);
  }
  /* line 682, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header .nav-tabs.toggled {
    display: block;
  }
  /* line 686, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header .nav-tabs.toggled .nav-item a {
    border: none;
    border-radius: 0;
    color: #374151;
    font-size: 12px;
    margin: 0;
  }
  /* line 694, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header .nav-tabs.toggled .nav-item.active {
    box-shadow: none;
  }
  /* line 697, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header .nav-tabs.toggled .nav-item.active a {
    color: #ffffff;
    background: #2aa7ff;
  }
  /* line 706, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header li.nav-item {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  /* line 714, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .sticky-header.is-scrolled {
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
  }
}

/* line 722, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .label-with-tooltip i {
  transform: translateY(-1px);
}

/* line 727, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .vue-tel-input {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 0;
}

/* line 732, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .vue-tel-input .vti__input {
  width: 80%;
}

/* line 738, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .vue-app-datetime-range-picker .datepicker-container {
  margin-right: 0;
}

/* line 741, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .vue-app-datetime-range-picker .datepicker-container .datepicker {
  margin-right: 0;
  width: 100%;
}

/* line 748, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings {
  width: 60rem;
}

/* line 751, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings .line-container {
  flex-grow: 1;
  padding: 2.1rem 0 2.1rem 1rem;
}

/* line 755, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings .line-container .line {
  border-top: 0.1rem solid #E5E7EB;
}

/* line 760, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings label.control-label, .organization-member .settings #attendance-schedule-form .toggle-switch-wrapper label.inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .organization-member .settings label.inline-control-label {
  margin-bottom: 1rem;
}

/* line 764, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings .toggle-multiple-options > .btn, .organization-member .settings .app-tabs-switch > .nav.nav-tabs > .btn, .organization-member .settings .app-tabs-switch > .nav.nav-tabs .toggle-multiple-options > .nav-item, .app-tabs-switch > .nav.nav-tabs .organization-member .settings .toggle-multiple-options > .nav-item, .organization-member .settings .app-tabs-switch > .nav.nav-tabs > .nav-item {
  min-width: 9rem;
}

/* line 768, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings .flex-grow-1 {
  flex-grow: 1;
}

/* line 772, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings .checkbox {
  min-width: 30rem;
}

/* line 776, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings .member-role {
  width: 30rem;
}

/* line 780, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings .badge-new-mobile {
  display: none;
}

@media screen and (max-width: 640px) {
  /* line 748, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings {
    width: 46rem;
  }
  /* line 787, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .enum-select .idle-timeout {
    width: 16rem;
  }
  /* line 791, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .checkbox.require-approval {
    flex-direction: column;
    min-width: 16rem;
    width: 16rem;
  }
  /* line 796, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .checkbox.require-approval .badge-new, .organization-member .settings .checkbox.require-approval .a-tooltip {
    display: none;
  }
  /* line 800, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .checkbox.require-approval .badge-new-mobile {
    display: inline-block;
    border-radius: 0.313rem;
    background-color: #8b1dff;
    margin-left: auto;
    margin-right: 1.2rem;
  }
  /* line 809, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .member-role {
    width: 16rem;
  }
}

@media screen and (max-width: 470px) {
  /* line 748, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings {
    width: 35rem;
  }
  /* line 817, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .form-row {
    flex-wrap: wrap;
  }
  /* line 821, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings #modify-time-with-manual-approval .d-flex {
    display: block;
  }
  /* line 825, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings #add-member .d-flex {
    flex-wrap: wrap;
  }
  /* line 829, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .checkbox.require-approval {
    min-width: 21rem;
  }
  /* line 832, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .checkbox.require-approval .badge-new, .organization-member .settings .checkbox.require-approval .a-tooltip {
    display: inline-block;
  }
  /* line 836, app/assets/stylesheets/components/_organization_members.scss */
  .organization-member .settings .checkbox.require-approval .badge-new-mobile {
    display: none;
  }
}

/* line 842, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .settings .custom-toggle-button-group-wrapper .toggle-multiple-options, .organization-member .settings .custom-toggle-button-group-wrapper .app-tabs-switch > .nav.nav-tabs {
  flex-wrap: nowrap;
}

/* line 848, app/assets/stylesheets/components/_organization_members.scss */
.select2-edit-link {
  color: #2aa7ff;
  cursor: pointer;
  font-weight: 500;
  padding: 1.5rem;
}

/* line 857, app/assets/stylesheets/components/_organization_members.scss */
.organization-member .form-control[readonly],
.app-dialog .form-control[readonly] {
  background: #eeeeee;
  pointer-events: none;
}

/* line 864, app/assets/stylesheets/components/_organization_members.scss */
.manage-selections-dialog .modal-title:first-letter {
  text-transform: capitalize;
}

/* line 868, app/assets/stylesheets/components/_organization_members.scss */
.manage-selections-dialog .app-select {
  height: 4rem;
}

/* line 874, app/assets/stylesheets/components/_organization_members.scss */
.table.table-hover > tbody > tr:hover > td .about-fields:after {
  background: linear-gradient(transparent, #f3f4f6);
}

/* line 881, app/assets/stylesheets/components/_organization_members.scss */
.time-activities-report .table.table-hover > tbody > tr:hover > td .about-fields:after {
  background: linear-gradient(transparent, #ffffff);
}

/* line 887, app/assets/stylesheets/components/_organization_members.scss */
.time-activities-report .table.table-hover.reports-table.virtual-reports-table.table-nested.bg-transparent > tbody > tr:hover > td .about-fields:after {
  background: linear-gradient(transparent, #f3f4f6);
}

/* line 894, app/assets/stylesheets/components/_organization_members.scss */
body.organization-members .daterangepicker {
  margin-top: -420px;
}

/* line 899, app/assets/stylesheets/components/_organization_members.scss */
.enterprise-banner {
  margin-top: 10px;
  padding: 20px;
  border: 1px;
  border-style: solid;
  border-color: #d1d5db;
  border-radius: 6px;
}

/* line 908, app/assets/stylesheets/components/_organization_members.scss */
.enterprise-banner i.fa.fa-lock {
  color: #2aa7ff;
}

/* line 912, app/assets/stylesheets/components/_organization_members.scss */
.enterprise-banner p.contents {
  color: #6b7280;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  /* line 918, app/assets/stylesheets/components/_organization_members.scss */
  .enterprise-banner a.btn.btn-naked, .enterprise-banner .app-tabs-switch > .nav.nav-tabs a.btn-naked.nav-item, .app-tabs-switch > .nav.nav-tabs .enterprise-banner a.btn-naked.nav-item {
    padding-left: 0;
  }
}

/* line 924, app/assets/stylesheets/components/_organization_members.scss */
.email-popover-wrapper {
  width: 202px;
}

/* line 927, app/assets/stylesheets/components/_organization_members.scss */
.email-popover-wrapper .help-block {
  height: 20px;
}

/* line 931, app/assets/stylesheets/components/_organization_members.scss */
.email-popover-wrapper .submit-button {
  background: none;
  border: none;
  color: #2aa7ff;
  cursor: pointer;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
}

/* line 945, app/assets/stylesheets/components/_organization_members.scss */
.work-limits-expectations-dialog .modal-footer .btn + .btn, .work-limits-expectations-dialog .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .btn, .app-tabs-switch > .nav.nav-tabs .work-limits-expectations-dialog .modal-footer .nav-item + .btn, .work-limits-expectations-dialog .modal-footer .app-tabs-switch > .nav.nav-tabs .btn + .nav-item, .app-tabs-switch > .nav.nav-tabs .work-limits-expectations-dialog .modal-footer .btn + .nav-item, .work-limits-expectations-dialog .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item, .app-tabs-switch > .nav.nav-tabs .work-limits-expectations-dialog .modal-footer .nav-item + .nav-item,
.work-time-limits-override-dialog .modal-footer .btn + .btn,
.work-time-limits-override-dialog .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .btn,
.app-tabs-switch > .nav.nav-tabs .work-time-limits-override-dialog .modal-footer .nav-item + .btn,
.work-time-limits-override-dialog .modal-footer .app-tabs-switch > .nav.nav-tabs .btn + .nav-item,
.app-tabs-switch > .nav.nav-tabs .work-time-limits-override-dialog .modal-footer .btn + .nav-item,
.work-time-limits-override-dialog .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item + .nav-item,
.app-tabs-switch > .nav.nav-tabs .work-time-limits-override-dialog .modal-footer .nav-item + .nav-item {
  margin-left: 0px;
}

/* line 951, app/assets/stylesheets/components/_organization_members.scss */
.members-index label.custom-checkbox-wrapper {
  position: relative;
}

/* line 955, app/assets/stylesheets/components/_organization_members.scss */
.members-index input.organizations-invite-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 961, app/assets/stylesheets/components/_organization_members.scss */
.members-index input.organizations-invite-checkbox:hover {
  cursor: pointer;
}

/* line 966, app/assets/stylesheets/components/_organization_members.scss */
.note-counter {
  color: #777777;
  margin-left: auto;
  font-size: 12px;
}

/* line 2, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form label.custom-checkbox-wrapper {
  color: #6b7280;
  font-weight: normal;
}

/* line 8, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form #threshold .input-group {
  width: 140px;
}

/* line 11, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form #threshold .input-group .input-group-addon {
  min-width: 60px;
  padding: 9px 0;
}

/* line 18, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .multiplier {
  color: #6b7280;
  display: flex;
  align-items: center;
}

/* line 23, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .multiplier input {
  margin-right: 16px;
  width: 93px;
}

/* line 29, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .notifications {
  color: #6b7280;
  font-size: 13px;
  margin-top: 24px;
}

/* line 35, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .label-secondary {
  font-size: 12px;
  margin-bottom: 5px;
}

/* line 39, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .label-secondary span {
  color: #6b7280;
}

/* line 43, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .label-secondary a {
  font-weight: 500;
}

/* line 48, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .policy-alert {
  align-items: center;
  border-radius: 2px;
  display: flex;
  margin-bottom: 5px;
  padding: 5px 7px;
}

/* line 55, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .policy-alert.member-missing-rate {
  border: 1px solid #ffac51;
}

/* line 58, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .policy-alert.member-missing-rate i {
  color: #ffac51;
}

/* line 63, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .policy-alert.member-already-in-policy, #overtime-policy-form .policy-alert.edit-alert {
  border: 1px solid #8b1dff;
}

/* line 66, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .policy-alert.member-already-in-policy i, #overtime-policy-form .policy-alert.edit-alert i {
  color: #8b1dff;
}

/* line 72, app/assets/stylesheets/components/Overtime/OvertimePoliciesDialog.scss */
#overtime-policy-form .policy-alert + .help-block {
  display: none;
}

/* line 2, app/assets/stylesheets/components/Overtime/OvertimePoliciesTable.scss */
.label.label-locked, .label-locked.timesheet-sync-status, .label-locked.timesheet-status, .label-locked.time_off_request_status, .label-locked.adjustment_type_label, .manual_time_log span.label-locked.action,
.widget-id-manual_time_log span.label-locked.action {
  background: rgba(42, 167, 255, 0.08);
  border-radius: 4px;
  color: #0168dd;
  font-size: 12px;
  margin-left: 17px;
  padding: 4px 6px;
}

/* line 3, app/assets/stylesheets/components/_overtime.scss */
.overtime-label {
  background-color: #9ca3af;
}

/* line 4, app/assets/stylesheets/components/_overtime.scss */
.overtime-archived {
  background-color: #9ca3af;
}

/* line 5, app/assets/stylesheets/components/_overtime.scss */
.overtime-pending {
  background-color: #ff9725;
}

/* line 6, app/assets/stylesheets/components/_overtime.scss */
.overtime-expiring {
  background-color: #9ca3af;
}

/* line 7, app/assets/stylesheets/components/_overtime.scss */
.overtime-active {
  background-color: #31c48d;
}

/* line 3, app/assets/stylesheets/components/_paid_plan_celebration_modal.scss */
#paid-plan-celebration-modal .modal-body ul, #paid-plan-celebration-modal .modal-body-centered ul {
  background-color: var(--z-gray-100);
  border-radius: 1.2rem;
}

/* line 8, app/assets/stylesheets/components/_paid_plan_celebration_modal.scss */
#paid-plan-celebration-modal .modal-body label.hi-check, #paid-plan-celebration-modal .modal-body .is-first.is-last.is-complete .v-step-number-wrapper label.step-number, .is-first.is-last.is-complete .v-step-number-wrapper #paid-plan-celebration-modal .modal-body label.step-number, #paid-plan-celebration-modal .modal-body-centered label.hi-check, #paid-plan-celebration-modal .modal-body-centered .is-first.is-last.is-complete .v-step-number-wrapper label.step-number, .is-first.is-last.is-complete .v-step-number-wrapper #paid-plan-celebration-modal .modal-body-centered label.step-number {
  max-height: 1.9rem;
  max-width: 1.9rem;
}

/* line 13, app/assets/stylesheets/components/_paid_plan_celebration_modal.scss */
#paid-plan-celebration-modal .modal-body img, #paid-plan-celebration-modal .modal-body-centered img {
  margin: 2rem auto;
}

/* line 13, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary {
  padding: 15px;
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}

/* line 20, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary.dialog {
  border: none;
  padding: 0;
  margin: 0;
}

/* line 26, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .btn, .plan-limits-summary .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .plan-limits-summary .nav-item {
  min-width: auto;
}

/* line 30, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .limits-heading {
  margin-bottom: 10px;
}

/* line 35, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .limits-heading.heading-dialog h4 {
  display: none;
}

/* line 40, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .limits-heading h4 {
  color: #4a4a4a;
}

/* line 44, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .limits-heading p {
  color: #6b7280;
  margin: 10px 0 0;
}

/* line 50, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .limits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}

/* line 57, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .limit-box {
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}

/* line 62, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .limit-box small {
  margin: 0 0 5px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
}

/* line 71, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .alert-danger {
  background-color: #fff3f3;
  border-color: #ffd7d7;
  color: #dc3545;
  font-size: 13px;
  padding: 8px 12px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

/* line 81, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .alert-danger .hi, .plan-limits-summary .alert-danger .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .plan-limits-summary .alert-danger .step-number, .plan-limits-summary .alert-danger .toggling-dropdown > li.is-on > a:before, .plan-limits-summary .alert-danger .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .plan-limits-summary .alert-danger input:checked + label:before, .plan-limits-summary .alert-danger .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-selection__choice__remove, .plan-limits-summary .alert-danger .datepicker:before,
.plan-limits-summary .alert-danger .hs_daterange_picker:before, .plan-limits-summary .alert-danger .search-filter:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-selection:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .plan-limits-summary .alert-danger b:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-date:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-week:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-paid:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-user:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-member:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-client:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-project:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-timesheet:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-task:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-team:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-job_site:before, .plan-limits-summary .alert-danger .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .alert-danger .select2-results__option.is-work_break_policy:before, .plan-limits-summary .alert-danger .vue-map-search:before {
  margin-right: 5px;
}

/* line 86, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .special-offer {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #057A55;
  border-radius: 6px;
  background-color: #F3FAF7;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-items: center;
}

/* line 98, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .special-offer .offer-content .hi, .plan-limits-summary .special-offer .offer-content .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .plan-limits-summary .special-offer .offer-content .step-number, .plan-limits-summary .special-offer .offer-content .toggling-dropdown > li.is-on > a:before, .plan-limits-summary .special-offer .offer-content .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .plan-limits-summary .special-offer .offer-content input:checked + label:before, .plan-limits-summary .special-offer .offer-content .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-selection__choice__remove, .plan-limits-summary .special-offer .offer-content .datepicker:before,
.plan-limits-summary .special-offer .offer-content .hs_daterange_picker:before, .plan-limits-summary .special-offer .offer-content .search-filter:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-selection:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .plan-limits-summary .special-offer .offer-content b:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-date:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-week:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-paid:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-user:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-member:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-client:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-project:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-timesheet:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-task:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-team:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-job_site:before, .plan-limits-summary .special-offer .offer-content .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .plan-limits-summary .special-offer .offer-content .select2-results__option.is-work_break_policy:before, .plan-limits-summary .special-offer .offer-content .vue-map-search:before {
  color: #03543F;
  margin-right: 5px;
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .special-offer .offer-content h5 {
  display: block;
  margin-top: 0;
  margin-bottom: 5px;
  color: #03543F;
}

/* line 111, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .special-offer .offer-content p {
  color: #03543F;
  margin: 0 0 5px;
  font-size: 14px;
}

/* line 117, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .special-offer .offer-content a {
  color: #03543F;
  font-size: 14px;
  text-decoration: underline;
}

/* line 122, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .special-offer .offer-content a:hover {
  text-decoration: none;
}

/* line 128, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .special-offer .btn-outline-success {
  font-size: 14px;
  background-color: transparent;
  white-space: nowrap;
  border-color: #057A55;
  color: #057A55;
}

/* line 135, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .special-offer .btn-outline-success:hover {
  background-color: #03543F;
  color: #fff;
}

/* line 142, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .upgrade-section {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-items: center;
}

/* line 150, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .upgrade-section .upgrade-content p {
  color: #4a4a4a;
  margin: 0 0 5px;
  font-size: 14px;
}

/* line 157, app/assets/stylesheets/components/_plan_limits_summary.scss */
.plan-limits-summary .upgrade-section .btn-primary {
  font-size: 14px;
  white-space: nowrap;
}

/* line 3, app/assets/stylesheets/components/_popover.scss */
.getting-started-popover .popover.left {
  -webkit-animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -moz-animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -o-animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -ms-animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation: left-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  margin-left: -20px;
}

/* line 7, app/assets/stylesheets/components/_popover.scss */
.getting-started-popover .popover.right {
  -webkit-animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -moz-animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -o-animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -ms-animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation: right-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  margin-left: 20px;
}

/* line 11, app/assets/stylesheets/components/_popover.scss */
.getting-started-popover .popover.top, .getting-started-popover .popover.tooltip.top-start, .getting-started-popover .popover.top-start.vue-tooltip {
  -webkit-animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -moz-animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -o-animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -ms-animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation: top-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  margin-top: -20px;
}

/* line 15, app/assets/stylesheets/components/_popover.scss */
.getting-started-popover .popover.bottom {
  -webkit-animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -moz-animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -o-animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  -ms-animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation: bottom-bounce 4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  margin-top: 20px;
}

/* line 4, app/assets/stylesheets/components/_popup_announcement.scss */
.popup-announcement .modal-body, .popup-announcement .modal-body-centered {
  text-align: center;
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/components/_popup_announcement.scss */
.popup-announcement .modal-title {
  margin: 3rem 0 1rem;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #374151;
}

/* line 14, app/assets/stylesheets/components/_popup_announcement.scss */
.popup-announcement p {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #6b7280;
}

/* line 20, app/assets/stylesheets/components/_popup_announcement.scss */
.popup-announcement img {
  margin: 20px auto;
}

/* line 24, app/assets/stylesheets/components/_popup_announcement.scss */
.popup-announcement .btn-group-spaced {
  margin-top: 2.5rem;
}

/* line 29, app/assets/stylesheets/components/_popup_announcement.scss */
.intro-video-popup.modal {
  top: auto;
  right: auto;
  left: 75px;
  animation-name: slideup;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

/* line 39, app/assets/stylesheets/components/_popup_announcement.scss */
.intro-video-popup.modal .modal-content {
  box-shadow: none;
}

/* line 43, app/assets/stylesheets/components/_popup_announcement.scss */
.intro-video-popup.modal .modal-title {
  color: white;
  margin: 0px 0px 15px 0px;
}

/* line 48, app/assets/stylesheets/components/_popup_announcement.scss */
.intro-video-popup.modal .modal-body, .intro-video-popup.modal .modal-body-centered {
  border-radius: 5px;
  background-color: #8b1dff;
}

/* line 53, app/assets/stylesheets/components/_popup_announcement.scss */
.intro-video-popup.modal .modal-dialog {
  max-width: 400px;
}

/* line 57, app/assets/stylesheets/components/_popup_announcement.scss */
.intro-video-popup.modal .launch-pad-link {
  color: white;
}

/* line 61, app/assets/stylesheets/components/_popup_announcement.scss */
.intro-video-popup.modal .close {
  color: white;
  opacity: 0.75;
}

@media (max-width: 767.98px) {
  /* line 29, app/assets/stylesheets/components/_popup_announcement.scss */
  .intro-video-popup.modal {
    left: 0px;
  }
}

/* line 70, app/assets/stylesheets/components/_popup_announcement.scss */
.intro-video-popup.slide-down {
  animation-name: slidedown;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

@keyframes slideup {
  0% {
    bottom: -450px;
  }
  100% {
    bottom: 0;
  }
}

@keyframes slidedown {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -450px;
  }
}

/* line 2, app/assets/stylesheets/components/_popup_download_app.scss */
.popup-download-app .modal-body, .popup-download-app .modal-body-centered {
  text-align: center;
  margin-top: 9rem;
}

/* line 7, app/assets/stylesheets/components/_popup_download_app.scss */
.popup-download-app .modal-title {
  margin: 0 0 1rem;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #374151;
}

/* line 14, app/assets/stylesheets/components/_popup_download_app.scss */
.popup-download-app p {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

/* line 20, app/assets/stylesheets/components/_popup_download_app.scss */
.popup-download-app img {
  margin: 0.6rem auto;
}

/* line 4, app/assets/stylesheets/components/_projectDialog.scss */
.project-dialog .avatar-small {
  width: 26px;
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  margin-right: 6px;
  font-size: 12px;
}

/* line 13, app/assets/stylesheets/components/_projectDialog.scss */
.project-dialog .field-name {
  min-height: 70px;
  max-height: 400px;
}

/* line 18, app/assets/stylesheets/components/_projectDialog.scss */
.project-dialog .field-description {
  resize: none;
}

/* line 22, app/assets/stylesheets/components/_projectDialog.scss */
.project-dialog .hi-info-filled,
.project-dialog .hi-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

/* line 28, app/assets/stylesheets/components/_projectDialog.scss */
.project-dialog .hi-info-filled:before,
.project-dialog .hi-info:before {
  color: #6b7280;
}

/* line 34, app/assets/stylesheets/components/_projectDialog.scss */
.tasks-promo-dialog {
  z-index: 9999 !important;
}

/* line 1, app/assets/stylesheets/components/_projects.scss */
.projects-index {
  /* For smaller screens */
}

/* line 2, app/assets/stylesheets/components/_projects.scss */
.projects-index a.hover-link {
  display: flex;
  align-items: center;
}

/* line 7, app/assets/stylesheets/components/_projects.scss */
.projects-index a.dark-link {
  color: #1f2937;
}

/* line 9, app/assets/stylesheets/components/_projects.scss */
.projects-index a.dark-link:hover {
  color: #2aa7ff;
}

/* line 14, app/assets/stylesheets/components/_projects.scss */
.projects-index .sync-new-projects {
  cursor: pointer;
  font-weight: 500;
}

/* line 17, app/assets/stylesheets/components/_projects.scss */
.projects-index .sync-new-projects span {
  display: flex;
  align-items: center;
}

/* line 21, app/assets/stylesheets/components/_projects.scss */
.projects-index .sync-new-projects.disabled {
  cursor: auto;
  display: flex;
  align-items: center;
}

/* line 26, app/assets/stylesheets/components/_projects.scss */
.projects-index .sync-new-projects i {
  margin-right: 5px;
}

/* line 31, app/assets/stylesheets/components/_projects.scss */
.projects-index .todos-number {
  font-weight: 500;
}

/* line 35, app/assets/stylesheets/components/_projects.scss */
.projects-index .project-name {
  max-width: 920px;
  width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-wrap: break-word;
  display: block;
}

@media (max-width: 767px) {
  /* line 47, app/assets/stylesheets/components/_projects.scss */
  .projects-index .project-name {
    max-width: 100%;
  }
}

/* line 1, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner {
  padding: 2rem 3rem;
  border-radius: 0.8rem;
  border: 0.1rem solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: #f6edff;
  border-color: #8b1dff;
}

/* line 12, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .info {
  width: 100%;
}

/* line 15, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .info .cta {
  flex-direction: column;
  align-items: center;
}

/* line 19, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .info .cta .btn, .promotion-feature-banner .info .cta .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .promotion-feature-banner .info .cta .nav-item {
  width: 100%;
}

/* line 24, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .info .features {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  font-weight: 500;
}

/* line 31, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .info .features li {
  display: flex;
  align-items: center;
}

/* line 35, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .info .features li:before {
  content: "•";
  color: #8b1dff;
  margin-right: 0.5rem;
  font-size: 2rem;
}

/* line 45, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .illustration {
  display: none;
}

/* line 49, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .hi-close, .promotion-feature-banner .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .promotion-feature-banner .close-notifications {
  position: absolute;
  top: 2.2rem;
  right: 3.2rem;
  color: #8b1dff;
  cursor: pointer;
}

/* line 57, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

/* line 63, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .btn:last-child, .promotion-feature-banner .cta .app-tabs-switch > .nav.nav-tabs .nav-item:last-child, .app-tabs-switch > .nav.nav-tabs .promotion-feature-banner .cta .nav-item:last-child {
  margin-right: auto;
}

/* line 67, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .submit-button {
  background-color: #8b1dff;
  color: #ffffff;
}

/* line 71, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .submit-button:hover {
  background-color: #8b1dff;
  border-color: #8b1dff;
}

/* line 77, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .btn-outline-custom {
  background-color: transparent;
  border-color: #8b1dff;
  color: #8b1dff;
}

/* line 81, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .btn-outline-custom:hover {
  background-color: #8b1dff;
  border-color: #8b1dff;
  color: #ffffff;
}

/* line 88, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .dismiss {
  min-width: 16.5rem;
}

/* line 92, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .dismiss .custom-checkbox-wrapper .custom-checkbox-box {
  background: #ffffff;
  border-color: #d1d5db;
}

/* line 97, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .dismiss .custom-checkbox-wrapper span:last-child {
  color: #6b7280;
  font-weight: normal;
}

/* line 103, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
.promotion-feature-banner .cta .dismiss input:checked + .custom-checkbox-box {
  background: #8b1dff;
  border-color: #8b1dff;
}

@media (min-width: 992px) {
  /* line 112, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
  .promotion-feature-banner .info .features {
    flex-direction: unset;
    justify-content: space-between;
    max-width: 75rem;
  }
}

@media (min-width: 768px) {
  /* line 122, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
  .promotion-feature-banner .info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 65%;
    padding-right: 1rem;
  }
  /* line 129, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
  .promotion-feature-banner .info .cta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    flex-direction: unset;
  }
  /* line 136, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
  .promotion-feature-banner .info .cta .btn, .promotion-feature-banner .info .cta .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .promotion-feature-banner .info .cta .nav-item {
    width: unset;
  }
  /* line 141, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
  .promotion-feature-banner .info .title {
    margin: 0;
  }
  /* line 146, app/assets/stylesheets/components/_promotionFeatureBanner.scss */
  .promotion-feature-banner .illustration {
    display: block;
    position: absolute;
    bottom: 0rem;
    right: 5rem;
  }
}

/* line 2, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .title {
  display: flex;
  flex-direction: column;
}

/* line 6, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .title .icon {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  background-color: #8b1dff;
  border-radius: 4px;
  color: #ffffff;
  padding: 0.5rem 1rem 0.5rem 1rem;
  max-height: 3rem;
  max-width: 8rem;
  margin-bottom: 0.5rem;
}

/* line 18, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .title .icon i {
  margin-right: 1rem;
  font-size: 1.2rem;
}

/* line 23, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .title .icon .text {
  font-size: 1.2rem;
  font-weight: 400;
}

@media (min-width: 576px) {
  /* line 2, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
  .promotion-feature-banner-dialog .title {
    flex-direction: unset;
    max-width: unset;
  }
}

/* line 35, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .footer {
  display: flex;
  flex-direction: column;
}

/* line 39, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .footer .dismiss {
  align-self: center;
}

/* line 42, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .footer .dismiss .text {
  font-weight: 400;
  color: #6b7280;
}

@media (min-width: 576px) {
  /* line 50, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
  .promotion-feature-banner-dialog .footer {
    margin-left: 1rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

/* line 57, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content {
  display: flex;
  flex-direction: column;
}

/* line 61, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .illustration {
  align-self: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 67, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .submit-button {
  align-self: center;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

/* line 74, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .step {
  display: flex;
  align-self: flex-start;
}

/* line 78, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .step .info {
  align-self: center;
}

@media (min-width: 576px) {
  /* line 84, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
  .promotion-feature-banner-dialog .content .submit-button {
    width: unset;
    margin-bottom: unset;
    margin-top: unset;
  }
}

/* line 91, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .lines-wrapper {
  transform: rotate(90deg);
}

/* line 94, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .lines-wrapper .step-line {
  z-index: 0;
  left: 18rem;
  top: 12.6rem;
  width: 13rem;
}

@media (min-width: 631px) {
  /* line 102, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
  .promotion-feature-banner-dialog .content .lines-wrapper .step-line {
    left: 30rem;
    top: 24.6rem;
    width: 13rem;
  }
}

/* line 110, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .list {
  display: flex;
}

/* line 113, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .list .step-segments-wrapper {
  display: flex;
  align-self: flex-start;
  width: unset;
  justify-content: unset;
  transform: rotate(90deg);
  margin-bottom: 2rem;
}

/* line 121, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .list .step-segments-wrapper .step-number {
  transform: rotate(-90deg);
  color: #1f2937;
}

/* line 127, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
.promotion-feature-banner-dialog .content .list .step-info {
  margin-top: 1rem;
  margin-left: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
}

@media (max-width: 480px) {
  /* line 135, app/assets/stylesheets/components/_promotionFeatureBannerDialog.scss */
  .promotion-feature-banner-dialog .content .list .step-info {
    margin-top: 0;
  }
}

/* line 2, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-markdown {
  font-size: 13px;
  color: #1f2937;
}

/* line 6, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-markdown h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
}

/* line 11, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-markdown a {
  text-decoration: underline;
  color: inherit;
}

/* line 17, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-blocked {
  background-color: #fbd5d5;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 1em;
}

/* line 23, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-blocked h3 {
  color: #6b7280;
  text-transform: uppercase;
  font-size: 14px;
}

/* line 31, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-share-buttons .buttons {
  display: flex;
  justify-content: space-around;
}

/* line 36, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-share-buttons .buttons a.btn i, .referral-dialog .referral-share-buttons .buttons .app-tabs-switch > .nav.nav-tabs a.nav-item i, .app-tabs-switch > .nav.nav-tabs .referral-dialog .referral-share-buttons .buttons a.nav-item i {
  margin-right: 1ex;
}

/* line 41, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-share-buttons .buttons a.share-twitter {
  background-color: #2aa7ff;
  color: white;
}

/* line 46, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-share-buttons .buttons a.share-facebook {
  background-color: #0a4b96;
  color: white;
}

/* line 51, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-share-buttons .buttons a.share-linkedin {
  background-color: #0168dd;
  color: white;
}

/* line 58, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts {
  font-size: 90%;
}

/* line 61, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-summary {
  margin-top: 5px;
  padding: 3px 5px;
  border-radius: 3px;
}

/* line 68, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list .load-more {
  text-align: center;
}

/* line 71, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list .load-more a {
  cursor: pointer;
}

/* line 77, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list table.table td {
  vertical-align: top;
}

/* line 81, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list table.table td.detail {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
}

/* line 86, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list table.table td.detail span.summary {
  font-weight: bold;
}

/* line 90, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list table.table td.detail span.changed {
  color: #6b7280;
}

/* line 95, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list table.table td.note {
  text-align: right;
}

/* line 98, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list table.table td.note.active, .referral-dialog .referral-discounts .referral-list table.table td.note.delayed {
  color: #31c48d;
}

/* line 102, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list table.table td.note.revoked {
  color: #f05252;
}

/* line 106, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-discounts .referral-list table.table td.note.trialing, .referral-dialog .referral-discounts .referral-list table.table td.note.pending, .referral-dialog .referral-discounts .referral-list table.table td.note.converted, .referral-dialog .referral-discounts .referral-list table.table td.note.canceled, .referral-dialog .referral-discounts .referral-list table.table td.note.expired, .referral-dialog .referral-discounts .referral-list table.table td.note.timed_out {
  color: #6b7280;
}

/* line 114, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-share-link {
  color: #6b7280;
  margin: 1em;
}

/* line 119, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-new-organization, .referral-dialog .referral-upgrade-plan {
  text-align: center;
  margin-top: 50px;
}

/* line 123, app/assets/stylesheets/components/_referral_system.scss */
.referral-dialog .referral-new-organization .info, .referral-dialog .referral-upgrade-plan .info {
  color: #6b7280;
  margin-top: 20px;
}

/* line 1, app/assets/stylesheets/components/_report-datepicker.scss */
.reports-app-datepicker {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

/* line 1, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-label {
  color: #6b7280;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
}

/* line 10, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-loading ul li {
  color: transparent;
  font-size: inherit;
}

/* line 14, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-loading ul li::before, .report-rollup-loading ul li .report-rollup-label::before {
  display: inline-block;
  content: '';
  background-color: #e5e7eb;
  position: relative;
}

/* line 21, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-loading ul li::before {
  width: 90%;
  max-width: 130px;
  height: 6px;
  border-radius: 8px;
  top: -4px;
}

/* line 29, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-loading ul li .report-rollup-label {
  color: transparent;
}

/* line 31, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-loading ul li .report-rollup-label::before {
  width: 50%;
  max-width: 60px;
  height: 12px;
  border-radius: 8px;
  top: 7px;
}

/* line 41, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-loading .report-rollup-value {
  display: none;
}

/* line 46, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup {
  display: flex;
}

/* line 50, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-data {
  border: 1px solid #e5e7eb;
  border-radius: 6px 0 0 6px;
  width: 100%;
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

/* line 59, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-data li {
  font-size: 26px;
  color: #31c48d;
  font-weight: 300;
  padding: 0 20px;
  margin: 15px 0;
  width: 50%;
  height: 55px;
}

/* line 67, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-data li:nth-child(odd) {
  border-right: 1px solid #e5e7eb;
}

/* line 70, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-data li:last-child:nth-child(even) {
  border-right: none;
}

/* line 73, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-data li.report-rollup-data-blank {
  color: #e5e7eb;
}

/* line 79, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-chart-toggle {
  margin: 0;
  padding: 15px 20px;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border: 1px solid #e5e7eb;
  border-left: none;
  border-radius: 0 6px 6px 0;
  display: none;
}

/* line 92, app/assets/stylesheets/components/_report-rollup.scss */
.report-rollup-chart-toggle.active {
  background-color: #2aa7ff;
  color: #ffffff;
  border-color: #2aa7ff;
}

@media (min-width: 768px) {
  /* line 100, app/assets/stylesheets/components/_report-rollup.scss */
  .report-rollup-data {
    flex-wrap: nowrap;
  }
  /* line 102, app/assets/stylesheets/components/_report-rollup.scss */
  .report-rollup-data li {
    flex: 1;
    width: auto;
    border-right: 1px solid #e5e7eb;
  }
  /* line 106, app/assets/stylesheets/components/_report-rollup.scss */
  .report-rollup-data li:last-child {
    border-right: none;
  }
  /* line 112, app/assets/stylesheets/components/_report-rollup.scss */
  .report-rollup-chart-toggle {
    display: flex;
  }
}

/* line 1, app/assets/stylesheets/components/_reportFilters-count.scss */
.clear-filters-link {
  margin-left: 15px;
  cursor: pointer;
  color: #2aa7ff;
}

/* line 5, app/assets/stylesheets/components/_reportFilters-count.scss */
.clear-filters-link:hover {
  color: #0081dd;
  border-bottom: 1px solid #2aa7ff;
}

/* line 9, app/assets/stylesheets/components/_reportFilters-count.scss */
.clear-filters-link .hi-close, .clear-filters-link .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .clear-filters-link .close-notifications {
  position: relative;
  font-size: 8px;
  top: 3px;
  vertical-align: text-top;
}

/* line 2, app/assets/stylesheets/components/_reportSavedFilters-dialog.scss */
.report-saved-report-filter-dialog .modal {
  margin-top: 50px;
}

/* line 5, app/assets/stylesheets/components/_reportSavedFilters-dialog.scss */
.report-saved-report-filter-dialog .modal-body, .report-saved-report-filter-dialog .modal-body-centered {
  margin-bottom: 0;
}

/* line 3, app/assets/stylesheets/components/_reportSavedFilters-list.scss */
.report-saved-filter-list--container .custom-checkbox-wrapper i {
  margin-right: 5px;
}

/* line 7, app/assets/stylesheets/components/_reportSavedFilters-list.scss */
.report-saved-filter-list--container .search-wrapper {
  margin-bottom: 15px;
}

/* line 13, app/assets/stylesheets/components/_reportSavedFilters-list.scss */
.dropdown-menu .custom-select-list-item-wrapper {
  margin: 0;
}

/* line 16, app/assets/stylesheets/components/_reportSavedFilters-list.scss */
.dropdown-menu .report-saved-filter-list--container {
  min-width: 300px;
  margin: 15px 0;
  padding: 0 20px;
}

/* line 21, app/assets/stylesheets/components/_reportSavedFilters-list.scss */
.dropdown-menu .custom-select-list-item-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 25, app/assets/stylesheets/components/_reportSavedFilters-list.scss */
.dropdown-menu .app-select-list {
  margin: 0 -20px;
}

/* line 2, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container {
  display: none;
}

/* line 4, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 15px;
}

/* line 9, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner .logo-rating {
  min-width: 95px;
}

/* line 11, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner .logo-rating img {
  height: 35px;
  margin-bottom: 10px;
}

/* line 15, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner .logo-rating .hi-star, #review-prompt .review-prompt-container .review-prompt-banner .logo-rating .attention:before {
  margin-right: 5px;
}

/* line 19, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner .prompt-text {
  max-width: 100%;
}

@media (max-width: 767.98px) {
  /* line 19, app/assets/stylesheets/components/_review_prompt.scss */
  #review-prompt .review-prompt-container .review-prompt-banner .prompt-text {
    margin-top: 5px;
    text-align: center;
  }
}

/* line 25, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner .prompt-text .prompt-text-head {
  color: #4b5563;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
}

/* line 31, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner .prompt-text .prompt-text-subhead {
  color: #6b7280;
}

/* line 35, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner .prompt-buttons {
  min-width: 352px;
}

@media (max-width: 575.98px) {
  /* line 35, app/assets/stylesheets/components/_review_prompt.scss */
  #review-prompt .review-prompt-container .review-prompt-banner .prompt-buttons {
    display: flex;
    flex-direction: column;
    min-width: auto;
    text-align: center;
  }
}

/* line 43, app/assets/stylesheets/components/_review_prompt.scss */
#review-prompt .review-prompt-container .review-prompt-banner .prompt-buttons .block-review-prompt {
  color: #9ca3af;
}

/* line 2, app/assets/stylesheets/components/_schedules-select.scss */
.schedules-select-container .dropdown-toggle .hi-caret, .schedules-select-container .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .schedules-select-container .dropdown-toggle b:before {
  transition: all 0.3s ease-in-out;
}

/* line 7, app/assets/stylesheets/components/_schedules-select.scss */
.schedules-select-container .dropdown.open .dropdown-toggle .hi-caret, .schedules-select-container .dropdown.open .dropdown-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .schedules-select-container .dropdown.open .dropdown-toggle b:before {
  transform: rotate(180deg);
}

/* line 1, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper {
  margin: 0 -30px;
  padding: 15px 30px;
  display: flex;
  align-items: stretch;
  cursor: pointer;
  border-left: 2px solid transparent;
}

/* line 9, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper.active {
  background-color: rgba(45, 165, 255, 0.2);
  border-color: #2f8af4;
}

/* line 13, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper.active:hover {
  background-color: rgba(45, 165, 255, 0.2);
}

/* line 16, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper.active:hover .action-buttons:before {
  background: linear-gradient(to right, rgba(213, 237, 255, 0.2) 0%, #d4edff 100%);
}

/* line 21, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper.active .custom-select-list-item-marker {
  background-color: #ff9725;
}

/* line 24, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper.active .custom-select-list-item-marker .hi-pin, .custom-select-list-item-wrapper.active .custom-select-list-item-marker .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .custom-select-list-item-wrapper.active .custom-select-list-item-marker .select2-results__option.is-job_site:before {
  color: #ffffff;
}

/* line 30, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper:hover {
  background-color: #f3f4f6;
}

/* line 33, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper:hover .action-buttons {
  display: flex;
}

/* line 38, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-avatar {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}

/* line 44, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-avatar .avatar_speck {
  width: 50px;
  height: 50px;
}

/* line 50, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-label {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  flex: 1 40%;
  max-width: calc(100% - 65px - 56px);
}

/* line 56, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-label > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

/* line 60, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-label .hint {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 66, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-label .hint .job-site-user-rule {
  font-weight: 500;
  color: #1f2937;
}

/* line 71, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-label .small-hint {
  margin: 0;
  font-size: 12px;
  color: #9ca3af;
}

/* line 78, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-duration {
  text-align: right;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 84, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-select-list-item-duration .hint {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}

/* line 91, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .action-buttons {
  display: flex;
  align-items: center;
  margin-left: auto;
  display: none;
  position: relative;
}

/* line 97, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .action-buttons:before {
  content: '';
  display: block;
  width: 30px;
  height: 100%;
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: linear-gradient(to right, rgba(240, 242, 245, 0.2) 0%, #f0f2f5);
}

/* line 110, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .action-buttons a:not(.in-tooltip) {
  color: #6b7280;
}

/* line 115, app/assets/stylesheets/components/_selectListItem.scss */
.custom-select-list-item-wrapper .custom-checkbox-wrapper {
  align-items: flex-start;
}

/* line 120, app/assets/stylesheets/components/_selectListItem.scss */
.custom-checkbox-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  cursor: pointer;
}

/* line 127, app/assets/stylesheets/components/_selectListItem.scss */
.custom-checkbox-wrapper > span {
  width: 100%;
}

/* line 130, app/assets/stylesheets/components/_selectListItem.scss */
.custom-checkbox-wrapper .custom-checkbox-box {
  margin-right: 8px;
}

/* line 132, app/assets/stylesheets/components/_selectListItem.scss */
.custom-checkbox-wrapper .custom-checkbox-box + span {
  width: calc(100% - 26px);
  white-space: normal;
}

/* line 139, app/assets/stylesheets/components/_selectListItem.scss */
.label-with-extra .custom-checkbox-wrapper .custom-checkbox-box + span {
  transform: none;
  white-space: nowrap;
}

/* line 147, app/assets/stylesheets/components/_selectListItem.scss */
.activities-location-component .status,
.job-sites-widget-component .status,
.insights-navigation .status {
  position: absolute;
  height: 12px;
  width: 12px;
  margin-top: 37px;
  margin-left: 37px;
  border: 2px solid #e5e5e5;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: 2;
}

/* line 158, app/assets/stylesheets/components/_selectListItem.scss */
.activities-location-component .status.status-active,
.job-sites-widget-component .status.status-active,
.insights-navigation .status.status-active {
  border: 2px solid #ffffff;
  background-color: #31c48d;
}

/* line 165, app/assets/stylesheets/components/_selectListItem.scss */
.activities-location-component .info-window-avatar-wrapper .status,
.job-sites-widget-component .info-window-avatar-wrapper .status,
.insights-navigation .info-window-avatar-wrapper .status {
  left: 16px;
}

/* line 2, app/assets/stylesheets/components/_shift_overlap_dialog.scss */
.shift-overlap-dialog .warning {
  display: flex;
}

/* line 5, app/assets/stylesheets/components/_shift_overlap_dialog.scss */
.shift-overlap-dialog .warning .icon {
  color: #f05252;
  margin-right: 0.5rem;
}

/* line 11, app/assets/stylesheets/components/_shift_overlap_dialog.scss */
.shift-overlap-dialog .actions {
  display: flex;
  flex-direction: column-reverse;
}

/* line 16, app/assets/stylesheets/components/_shift_overlap_dialog.scss */
.shift-overlap-dialog .back-button {
  margin-top: 1.2rem;
}

@media (min-width: 768px) {
  /* line 21, app/assets/stylesheets/components/_shift_overlap_dialog.scss */
  .shift-overlap-dialog .actions {
    justify-content: space-between;
    flex-direction: initial;
  }
  /* line 26, app/assets/stylesheets/components/_shift_overlap_dialog.scss */
  .shift-overlap-dialog .back-button {
    margin-top: 0;
  }
}

/* line 7, app/assets/stylesheets/components/_slider.scss */
.ui-slider {
  position: relative;
  background-color: #e5e7eb;
  height: 4px;
  border-radius: 4px;
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/components/_slider.scss */
.rebranded-pricing .ui-slider {
  background-color: #31c48d;
  margin: 74px 15px 0 15px;
}

/* line 19, app/assets/stylesheets/components/_slider.scss */
.tick {
  padding: 15px;
  position: absolute;
  cursor: pointer;
  top: -49px;
  margin-left: -25px;
}

/* line 25, app/assets/stylesheets/components/_slider.scss */
.tick:after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #d1d5db;
  position: absolute;
  bottom: 1px;
  left: 21px;
  z-index: 2;
}

/* line 37, app/assets/stylesheets/components/_slider.scss */
.tick:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e5e7eb;
  position: absolute;
  bottom: -1px;
  left: 19px;
  z-index: 1;
}

/* line 49, app/assets/stylesheets/components/_slider.scss */
.tick:nth-child(3), .tick:nth-child(4), .tick:nth-child(5) {
  margin-left: -20px;
}

/* line 51, app/assets/stylesheets/components/_slider.scss */
.tick:nth-child(3):after, .tick:nth-child(4):after, .tick:nth-child(5):after {
  left: 17px;
}

/* line 54, app/assets/stylesheets/components/_slider.scss */
.tick:nth-child(3):before, .tick:nth-child(4):before, .tick:nth-child(5):before {
  left: 15px;
}

/* line 58, app/assets/stylesheets/components/_slider.scss */
.rebranded-pricing .tick {
  padding: 15px 15px 20px;
  top: -46px;
}

/* line 61, app/assets/stylesheets/components/_slider.scss */
.rebranded-pricing .tick:after {
  width: 12px;
  height: 12px;
  background-color: #31c48d;
  left: 18px;
}

/* line 67, app/assets/stylesheets/components/_slider.scss */
.rebranded-pricing .tick:before {
  display: none;
}

/* line 71, app/assets/stylesheets/components/_slider.scss */
.rebranded-pricing .tick:nth-child(3):after, .rebranded-pricing .tick:nth-child(4):after, .rebranded-pricing .tick:nth-child(5):after {
  left: 13px;
}

/* line 78, app/assets/stylesheets/components/_slider.scss */
.ui-slider-handle {
  background-color: #0168dd;
  border-radius: 50%;
  cursor: pointer;
  height: 16px;
  width: 16px;
  position: absolute;
  z-index: 3;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}

/* line 88, app/assets/stylesheets/components/_slider.scss */
.ui-slider-handle:hover, .ui-slider-handle:focus {
  outline: none;
}

/* line 92, app/assets/stylesheets/components/_slider.scss */
.rebranded-pricing .ui-slider-handle {
  height: 26px;
  width: 26px;
  border: 3px solid #31c48d;
  background-color: #ffffff;
  box-shadow: none;
}

/* line 101, app/assets/stylesheets/components/_slider.scss */
.ui-slider-range {
  background-color: #2aa7ff;
  display: block;
  height: 6px;
  border-radius: 4px;
  position: absolute;
  z-index: 3;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  left: -5px;
  top: -1px;
}

/* line 111, app/assets/stylesheets/components/_slider.scss */
.rebranded-pricing .ui-slider-range {
  background-color: #31c48d;
}

/* line 118, app/assets/stylesheets/components/_slider.scss */
.ui-slider-segment {
  background-color: #d9d9da;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

/* line 127, app/assets/stylesheets/components/_slider.scss */
.ui-slider-value {
  float: right;
  font-size: 14px;
  margin-top: 12px;
}

/* line 132, app/assets/stylesheets/components/_slider.scss */
.ui-slider-value.first {
  clear: left;
  float: left;
}

/* line 142, app/assets/stylesheets/components/_slider.scss */
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -9px;
  top: -6px;
}

/* line 145, app/assets/stylesheets/components/_slider.scss */
.rebranded-pricing .ui-slider-horizontal .ui-slider-handle {
  margin-left: -14px;
  top: -11px;
}

/* line 150, app/assets/stylesheets/components/_slider.scss */
.ui-slider-horizontal .ui-slider-segment {
  float: left;
  margin: 3px -6px 0 0;
}

/* line 159, app/assets/stylesheets/components/_slider.scss */
.ui-slider-vertical {
  width: 12px;
}

/* line 162, app/assets/stylesheets/components/_slider.scss */
.ui-slider-vertical .ui-slider-handle {
  margin-left: -3px;
  margin-bottom: -11px;
  top: auto;
}

/* line 167, app/assets/stylesheets/components/_slider.scss */
.ui-slider-vertical .ui-slider-range {
  width: 100%;
  bottom: 0;
  border-radius: 0 0 30px 30px;
}

/* line 172, app/assets/stylesheets/components/_slider.scss */
.ui-slider-vertical .ui-slider-segment {
  position: absolute;
  right: 3px;
}

/* line 3, app/assets/stylesheets/components/_sso.scss */
.sso-certificate-input {
  display: none !important;
  height: 0;
  width: 0;
}

/* line 10, app/assets/stylesheets/components/_sso.scss */
.sso-full-certificate-input {
  min-height: 40px;
}

/* line 14, app/assets/stylesheets/components/_sso.scss */
.sso-disconnect-danger {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 16px 15px 12px;
  gap: 8px;
  color: #d21c1c;
  background: rgba(220, 53, 69, 0.08);
  border: 1px solid #dc3545;
  border-radius: 6px;
}

/* line 1, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog {
  font-family: "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* line 3, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .close {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 8, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-main-title {
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 38px;
  font-weight: 300;
  line-height: 48px;
  color: #000000;
}

/* line 15, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-title {
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 31px;
  font-weight: 300;
  line-height: 40px;
  color: #000000;
}

/* line 22, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .btn, .tasks-promo-dialog .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .tasks-promo-dialog .nav-item {
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}

/* line 27, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-section-text {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  margin: 1.5rem 0 2.5rem;
}

/* line 34, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-masthead {
  background-color: #eaf6ff;
  padding-bottom: 5rem;
}

/* line 37, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-masthead .hs-flex-row {
  align-items: center;
}

/* line 39, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-masthead .hs-flex-row > :first-child {
  margin: 1.5rem 0;
}

/* line 44, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5rem 0;
}

/* line 50, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-logo {
  width: 153px;
}

/* line 54, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-section {
  margin-top: 5rem;
}

/* line 58, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .container {
  max-width: 100%;
}

/* line 62, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-promo-dialog .tpd-bottom-cta {
  padding: 5rem 0;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 68, app/assets/stylesheets/components/_tasks_modals.scss */
  .tasks-promo-dialog .tpd-section {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  /* line 73, app/assets/stylesheets/components/_tasks_modals.scss */
  .tasks-promo-dialog .tpd-section-hubstaff {
    align-items: flex-end;
    text-align: right;
    margin: -32rem 0 -26.5rem;
    z-index: 333;
  }
  /* line 79, app/assets/stylesheets/components/_tasks_modals.scss */
  .tasks-promo-dialog .tpd-section-sprint {
    z-index: 222;
  }
}

/* line 86, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-popup-announcement .modal-body, .tasks-popup-announcement .modal-body-centered {
  padding: 50px 50px 20px;
  background-color: #eaf6ff;
  text-align: center;
}

/* line 91, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-popup-announcement .tpd-title {
  margin: 15px 0 5px;
}

/* line 94, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-popup-announcement img {
  width: 70%;
  margin-bottom: 25px;
}

/* line 101, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-account-linked .account-created-title {
  color: #374151;
  font-size: 22px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 30px;
}

/* line 108, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-account-linked .loading-border {
  margin: 48px 0 42px;
  display: flex;
  justify-content: space-between;
}

/* line 112, app/assets/stylesheets/components/_tasks_modals.scss */
.tasks-account-linked .loading-border .dash {
  height: 4px;
  background: #2aa7ff;
  border-radius: 3px;
  width: 22%;
}

/* line 2, app/assets/stylesheets/components/Teams/_team-creation-modal.scss */
.team-wizard-modal .modal {
  margin-top: 50px;
}

/* line 5, app/assets/stylesheets/components/Teams/_team-creation-modal.scss */
.team-wizard-modal .modal-body, .team-wizard-modal .modal-body-centered {
  margin-bottom: 0;
}

/* line 8, app/assets/stylesheets/components/Teams/_team-creation-modal.scss */
.team-wizard-modal .save-exit-link {
  cursor: pointer;
  font-size: 14px;
  padding: 9px 20px;
}

/* line 13, app/assets/stylesheets/components/Teams/_team-creation-modal.scss */
.team-wizard-modal .checkbox .label-logo {
  width: 120px;
}

/* line 19, app/assets/stylesheets/components/Teams/_team-creation-modal.scss */
.modal-footer.disabled {
  pointer-events: none;
  opacity: 0.5;
}

/* line 2, app/assets/stylesheets/components/_time_entries_form_dialog.scss */
.time-entries-form-dialog .upload-file {
  margin-top: 2rem;
}

/* line 5, app/assets/stylesheets/components/_time_entries_form_dialog.scss */
.time-entries-form-dialog .upload-file.attachment-loading .upload-zone {
  opacity: 0.4;
  pointer-events: none;
}

/* line 11, app/assets/stylesheets/components/_time_entries_form_dialog.scss */
.time-entries-form-dialog .upload-file .upload-zone {
  max-height: 7rem;
  min-height: 7rem;
}

/* line 15, app/assets/stylesheets/components/_time_entries_form_dialog.scss */
.time-entries-form-dialog .upload-file .upload-zone .filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 992px) {
  /* line 3, app/assets/stylesheets/components/_time_off_policy.scss */
  .time-off-policy-setup .corner-md-r {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 8, app/assets/stylesheets/components/_time_off_policy.scss */
  .time-off-policy-setup .corner-md-l input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

/* line 14, app/assets/stylesheets/components/_time_off_policy.scss */
.time-off-policy-setup .hi-12 {
  vertical-align: baseline;
}

/* line 18, app/assets/stylesheets/components/_time_off_policy.scss */
.time-off-policy-setup .accrual-policy-change-notice {
  margin: 1rem 0 -1rem 0;
}

/* line 25, app/assets/stylesheets/components/_time_off_policy.scss */
.time-off-policy-members-setup .dialog-warning .hi-info-filled.one-line {
  padding-top: 0.4rem;
}

/* line 29, app/assets/stylesheets/components/_time_off_policy.scss */
.time-off-policy-members-setup .dialog-warning.empty-rules {
  margin-top: 2.2rem;
}

/* line 34, app/assets/stylesheets/components/_time_off_policy.scss */
.time-off-policy-members-setup .flex-50 {
  flex: 50%;
}

/* line 2, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .modal-body, .time_off_request_action_dialog .modal-body-centered {
  padding: 1.5rem 3rem 1.5rem 3rem;
}

/* line 6, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .time_off_request_status {
  display: block;
  max-width: 8rem;
  padding: 0.6rem 0;
}

/* line 11, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .time_off_request_status.submitted {
  background-color: #2aa7ff;
}

/* line 15, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .time_off_request_status.approved {
  background-color: #31c48d;
}

/* line 19, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .time_off_request_status.denied {
  background-color: #f05252;
}

/* line 23, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .time_off_request_status.partial-paid {
  background-color: #ffac51;
}

/* line 28, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .tz_message {
  font-size: 1.2rem;
  color: #6b7280;
  margin-top: 0.5rem;
}

/* line 34, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .pagination-content {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-top: 1rem;
}

/* line 40, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .main-info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  /* line 40, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
  .time_off_request_action_dialog .main-info {
    flex-direction: row;
  }
}

/* line 50, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .main-info .main-fields {
  flex: 2;
  margin-bottom: 0.8rem;
}

@media (min-width: 992px) {
  /* line 50, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
  .time_off_request_action_dialog .main-info .main-fields {
    margin-right: 2rem;
    margin-bottom: unset;
  }
}

/* line 59, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .main-info .main-fields .field {
  margin-bottom: 2rem;
  max-width: 54rem;
}

/* line 64, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .main-info .main-fields .current-message {
  word-wrap: break-word;
}

/* line 68, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .main-info .main-fields .filename {
  max-width: 54rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 77, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper {
  max-height: 30rem;
  margin-top: 0;
  margin-bottom: 2rem;
}

/* line 82, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .app-table th i {
  margin-top: 0.3rem;
}

/* line 86, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .table > thead > tr > th {
  background: #f3f4f6;
  border-bottom: 0;
}

/* line 91, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .table > tbody > tr > td {
  padding: 0;
}

/* line 95, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper table colgroup:first-child {
  width: 80%;
}

/* line 99, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .help-block {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 15rem;
  white-space: break-spaces;
}

/* line 106, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .scrollable {
  overflow-y: auto;
}

/* line 110, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .gray-out {
  background-color: #f3f4f6;
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 116, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .table tbody tr.row-alt {
  background: unset;
  filter: unset;
  opacity: unset;
}

/* line 122, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .form-group {
  margin-bottom: unset;
}

/* line 126, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .app-table {
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.6rem;
}

/* line 131, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .duration-row {
  padding: 1rem 0 1rem 1rem;
}

/* line 134, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .duration-row .vue-app-duration-input {
  display: block;
  width: 10rem;
}

/* line 140, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .day-off-row {
  display: flex;
  flex-direction: column;
  padding: 1rem 0 1rem 1rem;
}

/* line 145, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .day-off-row .date {
  margin-right: 1rem;
}

/* line 149, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .day-off-row .holiday {
  margin-top: 0.5rem;
  display: flex;
}

/* line 153, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .table-wrapper .day-off-row .holiday .text {
  color: #777777;
  align-self: center;
  margin-left: 0.5rem;
}

/* line 162, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .day-off-rules {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

/* line 166, app/assets/stylesheets/components/_time_off_request_action_dialog.scss */
.time_off_request_action_dialog .day-off-rules .options {
  display: flex;
  justify-content: flex-end;
}

/* line 1, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance {
  display: flex;
  flex: 1;
  flex-direction: column;
}

/* line 6, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .standard-balance {
  display: flex;
  flex-direction: column;
}

/* line 10, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .standard-balance > div:last-child {
  border-bottom: 0.1rem solid #d1d5db;
  border-radius: 0 0 0.6rem 0.6rem;
}

/* line 16, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .balance-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  color: #6b7280;
}

/* line 22, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .balance-info .balance-value {
  color: #1f2937;
}

/* line 27, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .avatar {
  display: flex;
  border: 0.1rem solid #d1d5db;
  padding: 1rem 2rem 1rem 1rem;
  border-radius: 0.6rem;
  margin-right: unset;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 37, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .avatar .avatar-img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
}

/* line 43, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .avatar .user-name {
  align-self: center;
  margin-left: 1rem;
}

/* line 49, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .title {
  margin-bottom: 1rem;
}

/* line 53, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .main-balances {
  padding: 1rem 2rem 0rem 2rem;
  border: 0.1rem solid #d1d5db;
  border-bottom: 0;
}

/* line 59, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .next-year-stardard-balances {
  display: flex;
  flex-direction: column;
  border-bottom: 0.1rem solid #d1d5db;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0.6rem;
}

/* line 68, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .next-year-stardard-balances .content {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 18rem;
  height: 18rem;
  border: 0.1rem solid #d1d5db;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  border-bottom: 0;
}

/* line 79, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .next-year-stardard-balances .content .chevron {
  margin-right: 1rem;
  color: #6b7280;
  font-size: 1rem;
}

/* line 85, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .next-year-stardard-balances .content .next-year-main-balances {
  padding: 1rem 2rem 0rem 2rem;
  border: 0.1rem solid #d1d5db;
  border-left: 0;
}

/* line 91, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .next-year-stardard-balances .content .next-year-main-balances.start {
  border-top: 0;
  border-bottom: 0;
}

/* line 95, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .next-year-stardard-balances .content .next-year-main-balances.middle {
  border-bottom: 0;
  background-color: #f3f4f6;
}

/* line 100, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .next-year-stardard-balances .content .next-year-main-balances.end {
  border-bottom: 0;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

/* line 108, app/assets/stylesheets/components/_time_off_request_balance.scss */
.time-off-request-balance .remaining-balance {
  padding: 1rem 2rem 0rem 2rem;
  border: 0.1rem solid #d1d5db;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  background-color: #f3f4f6;
}

@media (min-width: 992px) {
  /* line 1, app/assets/stylesheets/components/_time_off_request_balance.scss */
  .time-off-request-balance {
    width: 26.5rem;
  }
}

/* line 2, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .modal-body, .time_off_request_setup_dialog .modal-body-centered {
  padding: 1.5rem 3rem 2rem 3rem;
}

/* line 6, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .time_off_request_status {
  display: block;
  max-width: 8rem;
  padding: 0.6rem 0;
}

/* line 11, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .time_off_request_status.partial-paid {
  background-color: #ffac51;
}

/* line 16, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .tz_message {
  font-size: 1.2rem;
  color: #6b7280;
  margin-top: 0.5rem;
}

/* line 22, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .remaning-balance-error {
  padding: 0.5rem;
  border: 0.1rem solid #f05252;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

/* line 28, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .remaning-balance-error .text-warning {
  color: #f05252;
}

/* line 33, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .pagination-content {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-top: 1rem;
}

/* line 39, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .pagination-content.error-class a.paginate-l ink {
  cursor: not-allowed;
}

/* line 43, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .pagination-content.error-class a.btn-pagination {
  cursor: not-allowed;
}

/* line 49, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .shift-count-warning-wrapper {
  margin-top: 2rem;
  margin-bottom: 0;
}

/* line 55, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .time_zone .tz_message {
  font-size: 1.2rem;
  color: #6b7280;
}

/* line 61, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .balances-margin-top {
  margin-top: 2.5rem;
}

/* line 65, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .checkboxes {
  display: flex;
  flex-direction: row;
}

/* line 69, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .checkboxes .custom-checkbox-wrapper {
  flex: unset;
  margin-right: 2.5rem;
}

/* line 73, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .checkboxes .custom-checkbox-wrapper .custom-checkbox-box {
  border-color: #e5e5e5;
}

/* line 79, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .checkboxes .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background-color: #2aa7ff;
}

/* line 85, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .checkboxes .custom-checkbox-wrapper span {
  color: #6b7280;
  font-weight: 400;
  white-space: unset;
}

/* line 92, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .checkboxes .all-day-label {
  margin-top: 0.4rem;
}

/* line 97, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .range-separator {
  display: none;
  color: #6b7280;
}

@media (min-width: 992px) {
  /* line 97, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .range-separator {
    display: unset;
    padding: 1rem;
  }
}

/* line 107, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

@media (min-width: 992px) {
  /* line 107, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info {
    flex-direction: row;
  }
}

/* line 116, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields-partial-paid {
  flex: 2;
  margin-bottom: 0.8rem;
}

@media (min-width: 992px) {
  /* line 116, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields-partial-paid {
    margin-right: 2rem;
    margin-bottom: unset;
  }
}

/* line 125, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields-partial-paid .field {
  margin-bottom: 2rem;
  max-width: 54rem;
}

/* line 130, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields-partial-paid .current-message {
  word-wrap: break-word;
}

/* line 134, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields-partial-paid .filename {
  max-width: 54rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 142, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields {
  flex: 2;
}

@media (min-width: 992px) {
  /* line 142, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields {
    margin-right: 2.4rem;
    margin-bottom: 0.5rem;
  }
}

/* line 150, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .member {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 155, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .member .field {
  flex: 1;
}

@media (min-width: 992px) {
  /* line 150, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .member {
    flex-direction: row;
    margin-bottom: 2.1rem;
  }
  /* line 163, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .member .field {
    max-width: 26.5rem;
  }
  /* line 165, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .member .field.policy-field-row {
    margin-left: 2.4rem;
  }
  /* line 169, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .member .field .lazy-select-content {
    width: 26rem;
  }
}

/* line 177, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .all-day .time-span {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-bottom: -2rem;
}

/* line 183, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .all-day .time-span .time {
  flex: 1;
}

/* line 188, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .all-day .time-span .stop-time .form-group {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  /* line 177, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .all-day .time-span {
    flex-direction: row;
  }
  /* line 197, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .all-day .time-span .stop-time .form-group {
    margin-bottom: unset;
  }
}

/* line 204, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .all-day .custom-checkbox-wrapper {
  margin-right: 0;
}

/* line 208, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .all-day .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 214, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .all-day .start-end-time {
  margin-bottom: 0rem;
}

/* line 219, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .date-range-fields {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.2rem;
}

/* line 224, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .date-range-fields .reports-app-datepicker {
  justify-content: flex-start;
}

/* line 228, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .date-range-fields .date {
  flex: 1;
}

/* line 232, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .date-range-fields .start-date {
  margin-bottom: 0.5rem;
}

/* line 236, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .main-info .main-fields .date-range-fields .datepicker {
  width: 100%;
  min-width: 10rem;
}

@media (min-width: 992px) {
  /* line 219, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .date-range-fields {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2.3rem;
  }
  /* line 246, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .date-range-fields .start-date {
    margin-bottom: unset;
  }
  /* line 250, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .date-range-fields .reports-app-datepicker {
    justify-content: flex-end;
  }
  /* line 254, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .main-info .main-fields .date-range-fields .datepicker {
    min-width: 26.5rem;
  }
}

/* line 262, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper {
  max-height: 30rem;
  margin-bottom: 0.7rem;
  margin-top: 1.5rem;
}

/* line 267, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .app-table th i {
  margin-top: 0.3rem;
}

/* line 271, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .table > thead > tr > th {
  background: #f3f4f6;
  border-bottom: 0;
}

/* line 276, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .table > tbody > tr > td {
  padding: unset;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 282, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper table colgroup:first-child {
  width: 80%;
}

/* line 286, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .help-block {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 15rem;
  white-space: break-spaces;
}

/* line 293, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .scrollable {
  overflow-y: auto;
}

/* line 297, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .table tbody tr.row-alt {
  background: unset;
  filter: unset;
  opacity: unset;
}

/* line 303, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .form-group {
  margin-bottom: unset;
}

/* line 307, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .app-table {
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.6rem;
}

/* line 312, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .duration-row {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 316, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .duration-row .vue-app-duration-input {
  display: block;
  width: 10rem;
}

/* line 322, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .day-off-row {
  display: flex;
  flex-direction: column;
}

/* line 326, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .day-off-row .date {
  margin-right: 1rem;
}

/* line 330, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .day-off-row .holiday {
  margin-top: 0.5rem;
  display: flex;
}

/* line 334, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .table-wrapper .day-off-row .holiday .text {
  color: #777777;
  align-self: center;
  margin-left: 0.5rem;
}

/* line 343, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .upload-file {
  margin-top: 2rem;
}

/* line 346, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .upload-file.attachment-loading .upload-zone {
  opacity: 0.4;
  pointer-events: none;
}

/* line 352, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .upload-file .upload-zone {
  max-height: 7rem;
  min-height: 7rem;
}

/* line 356, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .upload-file .upload-zone .filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 364, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .day-off-rules {
  margin-bottom: 2rem;
}

/* line 367, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .day-off-rules .options {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

/* line 372, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .day-off-rules .options .checkboxes {
  flex-direction: column;
}

/* line 375, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .day-off-rules .options .checkboxes .exclude-weekend {
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  /* line 372, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .day-off-rules .options .checkboxes {
    flex-direction: row;
  }
  /* line 382, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .day-off-rules .options .checkboxes .exclude-weekend {
    margin-bottom: unset;
  }
}

/* line 388, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
.time_off_request_setup_dialog .day-off-rules .options .details {
  align-self: flex-end;
  padding-bottom: 0.5rem;
}

@media (min-width: 992px) {
  /* line 393, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .day-off-rules .options .details .details {
    padding-bottom: unset;
  }
}

@media (min-width: 576px) {
  /* line 367, app/assets/stylesheets/components/_time_off_request_setup_dialog.scss */
  .time_off_request_setup_dialog .day-off-rules .options {
    flex-direction: row;
  }
}

/* line 3, app/assets/stylesheets/components/_timer-topbar.scss */
.web-timer-topbar a {
  width: 144px;
  height: 30px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  padding: 0 10px;
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: center;
}

/* line 15, app/assets/stylesheets/components/_timer-topbar.scss */
.web-timer-topbar a .hi-stopwatch {
  color: #9ca3af;
  font-size: 17px;
}

/* line 20, app/assets/stylesheets/components/_timer-topbar.scss */
.web-timer-topbar a .hi-arrow-top-right {
  font-size: 10px;
  color: #2aa7ff;
}

/* line 25, app/assets/stylesheets/components/_timer-topbar.scss */
.web-timer-topbar a.is-tracking, .web-timer-topbar a.is-resting, .web-timer-topbar a.is-rest-over {
  background-color: #2aa7ff;
  border-color: #2aa7ff;
  color: #ffffff;
}

/* line 30, app/assets/stylesheets/components/_timer-topbar.scss */
.web-timer-topbar a.is-tracking .hi, .web-timer-topbar a.is-tracking .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .web-timer-topbar a.is-tracking .step-number, .web-timer-topbar a.is-tracking .toggling-dropdown > li.is-on > a:before, .web-timer-topbar a.is-tracking .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .web-timer-topbar a.is-tracking input:checked + label:before, .web-timer-topbar a.is-tracking .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-selection__choice__remove, .web-timer-topbar a.is-tracking .datepicker:before,
.web-timer-topbar a.is-tracking .hs_daterange_picker:before, .web-timer-topbar a.is-tracking .search-filter:before, .web-timer-topbar a.is-tracking .full-page-map-wrapper .vue-map-search:before, .full-page-map-wrapper .web-timer-topbar a.is-tracking .vue-map-search:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-selection:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .web-timer-topbar a.is-tracking b:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-date:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-week:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-paid:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-user:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-member:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-client:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-project:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-timesheet:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-task:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-team:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-job_site:before, .web-timer-topbar a.is-tracking .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-tracking .select2-results__option.is-work_break_policy:before, .web-timer-topbar a.is-tracking .vue-map-search:before, .web-timer-topbar a.is-resting .hi, .web-timer-topbar a.is-resting .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .web-timer-topbar a.is-resting .step-number, .web-timer-topbar a.is-resting .toggling-dropdown > li.is-on > a:before, .web-timer-topbar a.is-resting .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .web-timer-topbar a.is-resting input:checked + label:before, .web-timer-topbar a.is-resting .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-selection__choice__remove, .web-timer-topbar a.is-resting .datepicker:before,
.web-timer-topbar a.is-resting .hs_daterange_picker:before, .web-timer-topbar a.is-resting .search-filter:before, .web-timer-topbar a.is-resting .full-page-map-wrapper .vue-map-search:before, .full-page-map-wrapper .web-timer-topbar a.is-resting .vue-map-search:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-selection:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .web-timer-topbar a.is-resting b:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-date:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-week:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-paid:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-user:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-member:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-client:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-project:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-timesheet:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-task:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-team:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-job_site:before, .web-timer-topbar a.is-resting .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-resting .select2-results__option.is-work_break_policy:before, .web-timer-topbar a.is-resting .vue-map-search:before, .web-timer-topbar a.is-rest-over .hi, .web-timer-topbar a.is-rest-over .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .web-timer-topbar a.is-rest-over .step-number, .web-timer-topbar a.is-rest-over .toggling-dropdown > li.is-on > a:before, .web-timer-topbar a.is-rest-over .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .web-timer-topbar a.is-rest-over input:checked + label:before, .web-timer-topbar a.is-rest-over .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-selection__choice__remove, .web-timer-topbar a.is-rest-over .datepicker:before,
.web-timer-topbar a.is-rest-over .hs_daterange_picker:before, .web-timer-topbar a.is-rest-over .search-filter:before, .web-timer-topbar a.is-rest-over .full-page-map-wrapper .vue-map-search:before, .full-page-map-wrapper .web-timer-topbar a.is-rest-over .vue-map-search:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-selection:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .web-timer-topbar a.is-rest-over b:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-date:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-week:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-paid:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-user:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-member:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-client:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-project:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-timesheet:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-task:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-team:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-job_site:before, .web-timer-topbar a.is-rest-over .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-topbar a.is-rest-over .select2-results__option.is-work_break_policy:before, .web-timer-topbar a.is-rest-over .vue-map-search:before {
  color: #ffffff;
}

/* line 35, app/assets/stylesheets/components/_timer-topbar.scss */
.web-timer-topbar a.is-resting {
  background-color: #31c48d;
  border-color: #e5e5e5;
}

/* line 40, app/assets/stylesheets/components/_timer-topbar.scss */
.web-timer-topbar a.is-rest-over {
  background-color: #f05252;
  border-color: #e5e5e5;
}

@media only screen and (max-width: 991px) {
  /* line 47, app/assets/stylesheets/components/_timer-topbar.scss */
  .web-timer-topbar a {
    margin-left: 0;
  }
}

/* line 1, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget {
  position: fixed;
  z-index: 997;
  background: #ffffff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  display: none;
}

/* line 8, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking, .web-timer-widget.is-resting {
  color: #ffffff !important;
}

/* line 11, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-maximized,
.web-timer-widget.is-tracking .widget-minimized, .web-timer-widget.is-resting .widget-maximized,
.web-timer-widget.is-resting .widget-minimized {
  background-color: #2aa7ff;
  border-radius: 4px !important;
}

/* line 16, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .toggle-widget-size, .web-timer-widget.is-resting .toggle-widget-size {
  color: #ffffff;
}

/* line 21, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-main-content .widget-tracking-context .tracking-project,
.web-timer-widget.is-tracking .widget-main-content .widget-tracking-context .tracking-task,
.web-timer-widget.is-tracking .widget-main-content .widget-tracking-context .tracking-limit, .web-timer-widget.is-resting .widget-main-content .widget-tracking-context .tracking-project,
.web-timer-widget.is-resting .widget-main-content .widget-tracking-context .tracking-task,
.web-timer-widget.is-resting .widget-main-content .widget-tracking-context .tracking-limit {
  color: #ffffff;
}

/* line 28, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-main-content .widget-tracked-time .current-project-time,
.web-timer-widget.is-tracking .widget-main-content .widget-tracked-time .total-time, .web-timer-widget.is-resting .widget-main-content .widget-tracked-time .current-project-time,
.web-timer-widget.is-resting .widget-main-content .widget-tracked-time .total-time {
  color: #ffffff;
}

/* line 33, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-main-content .web-timer-button, .web-timer-widget.is-resting .widget-main-content .web-timer-button {
  line-height: inherit !important;
}

/* line 35, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-main-content .web-timer-button .hi-play, .web-timer-widget.is-resting .widget-main-content .web-timer-button .hi-play {
  display: none !important;
}

/* line 38, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-main-content .web-timer-button .hi-stop, .web-timer-widget.is-resting .widget-main-content .web-timer-button .hi-stop {
  display: block !important;
}

/* line 43, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-context-picker-container, .web-timer-widget.is-resting .widget-context-picker-container {
  border-color: transparent;
}

/* line 46, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-maximized .widget-main-content .web-timer-button, .web-timer-widget.is-resting .widget-maximized .widget-main-content .web-timer-button {
  background-color: #ffffff;
  color: #2aa7ff;
}

/* line 50, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-minimized .widget-main-content .web-timer-button, .web-timer-widget.is-resting .widget-minimized .widget-main-content .web-timer-button {
  color: #ffffff;
}

/* line 54, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-window-actions, .web-timer-widget.is-resting .widget-window-actions {
  color: #ffffff !important;
}

/* line 56, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking .widget-window-actions .minimize-widget,
.web-timer-widget.is-tracking .widget-window-actions .maximize-widget, .web-timer-widget.is-resting .widget-window-actions .minimize-widget,
.web-timer-widget.is-resting .widget-window-actions .maximize-widget {
  border-color: #ffffff !important;
}

/* line 62, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-tracking.widget-big .toggle-widget-size, .web-timer-widget.is-resting.widget-big .toggle-widget-size {
  color: #6b7280;
}

/* line 67, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.opened {
  display: block;
}

/* line 71, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.widget-big.is-tracking .widget-maximized {
  border-radius: 4px 4px 0 0 !important;
}

/* line 74, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.widget-big .toggle-widget-size {
  position: relative;
}

/* line 76, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.widget-big .toggle-widget-size i.hi-caret {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 81, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.maximized {
  width: 100%;
  max-width: 460px;
}

/* line 85, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.maximized .widget-minimized {
  display: none;
}

/* line 88, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.maximized .widget-maximized,
.web-timer-widget.maximized .toggle-widget-size {
  display: block;
}

/* line 93, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.minimized {
  width: 300px;
}

/* line 95, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.minimized .widget-minimized {
  display: flex;
}

/* line 98, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.minimized .widget-maximized,
.web-timer-widget.minimized .toggle-widget-size {
  display: none;
}

/* line 105, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-maximized .widget-window-actions {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  align-items: flex-end;
  color: #9ca3af;
}

/* line 112, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-maximized .widget-window-actions i {
  cursor: pointer;
}

/* line 115, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-maximized .widget-window-actions .minimize-widget {
  display: inline-block;
  border-bottom: 1.5px solid #9ca3af;
  width: 12px;
  height: 12px;
  margin-right: 15px;
}

/* line 123, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-maximized .widget-main-content {
  padding: 30px 30px 25px;
  display: flex;
  align-items: center;
}

/* line 128, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-maximized .widget-main-content .web-timer-button {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #2aa7ff;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 143, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-maximized .widget-main-content .web-timer-button .hi-stop {
  display: none;
}

/* line 150, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 155, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized .widget-main-content {
  padding: 20px 10px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

/* line 162, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized .widget-main-content .tracking-project {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}

/* line 167, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized .widget-main-content .web-timer-button {
  display: block;
  padding-right: 10px;
  line-height: 1;
}

/* line 171, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized .widget-main-content .web-timer-button .hi-stop {
  display: none;
}

/* line 177, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized .widget-main-content .widget-tracked-time .current-project-time {
  font-size: 14px;
}

/* line 183, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized .widget-window-actions {
  display: flex;
  padding: 20px 20px 20px 10px;
  color: #9ca3af;
}

/* line 187, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized .widget-window-actions i {
  cursor: pointer;
}

/* line 190, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-minimized .widget-window-actions .maximize-widget {
  display: inline-block;
  border: 1.5px solid #9ca3af;
  width: 12px;
  height: 12px;
  margin-right: 15px;
}

/* line 201, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .widget-tracking-context {
  flex: 0 1 100%;
  margin-right: 15px;
  min-width: 100px;
}

/* line 206, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .widget-tracking-context .tracking-project {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* line 215, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .widget-tracking-context .tracking-task {
  font-size: 12px;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 221, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .widget-tracking-context .tracking-limit {
  font-size: 11px;
  opacity: 0.6;
}

/* line 227, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .widget-tracked-time {
  margin-left: auto;
  text-align: right;
}

/* line 230, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .widget-tracked-time .current-project-time {
  font-size: 24px;
  color: #374151;
}

/* line 234, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .widget-tracked-time .total-time {
  font-size: 12px;
  color: #6b7280;
}

/* line 241, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .web-timer-button.disabled {
  opacity: 0.6;
  cursor: default;
}

/* line 245, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-main-content .web-timer-button i {
  position: relative;
  top: 1px;
}

/* line 252, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .toggle-widget-size {
  display: block;
  position: absolute;
  bottom: 0;
  padding-bottom: 4px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #6b7280;
}

/* line 262, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .toggle-widget-size i.hi-caret {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 267, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-context {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 270, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-context-picker-container {
  border-top: 1px solid #f3f4f6;
  margin: 0 30px;
  padding-top: 15px;
}

/* line 276, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-tooltip {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  padding: 10px;
  border-radius: 6px;
  background-color: #6b7280;
}

/* line 287, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-tooltip p {
  margin: 0;
  font-size: 12px;
  color: #ffffff;
}

/* line 291, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-tooltip p .hi.hi-info, .web-timer-widget .widget-tooltip p .is-first.is-last.is-complete .v-step-number-wrapper .hi-info.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .web-timer-widget .widget-tooltip p .hi-info.step-number, .web-timer-widget .widget-tooltip p .toggling-dropdown > li.is-on > a.hi-info:before, .web-timer-widget .widget-tooltip p .rounded-checkbox-wrapper input:checked + label.hi-info:before, .rounded-checkbox-wrapper .web-timer-widget .widget-tooltip p input:checked + label.hi-info:before, .web-timer-widget .widget-tooltip p .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-selection__choice__remove, .web-timer-widget .widget-tooltip p .hi-info.datepicker:before,
.web-timer-widget .widget-tooltip p .hi-info.hs_daterange_picker:before, .web-timer-widget .widget-tooltip p .hi-info.search-filter:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-selection:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-info:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .web-timer-widget .widget-tooltip p b.hi-info:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-date:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-week:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-paid:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-user:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-member:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-client:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-project:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-timesheet:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-task:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-team:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-job_site:before, .web-timer-widget .widget-tooltip p .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip p .hi-info.select2-results__option.is-work_break_policy:before, .web-timer-widget .widget-tooltip p .hi-info.vue-map-search:before {
  margin-right: 3px;
  color: #ffffff;
  vertical-align: middle;
}

/* line 297, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-tooltip p a {
  color: #5dbcff;
}

/* line 300, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-tooltip p a:hover {
  color: #4eb6ff;
}

/* line 306, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-tooltip .hi.hi-close, .web-timer-widget .widget-tooltip .is-first.is-last.is-complete .v-step-number-wrapper .hi-close.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .web-timer-widget .widget-tooltip .hi-close.step-number, .web-timer-widget .widget-tooltip .toggling-dropdown > li.is-on > a.hi-close:before, .web-timer-widget .widget-tooltip .rounded-checkbox-wrapper input:checked + label.hi-close:before, .rounded-checkbox-wrapper .web-timer-widget .widget-tooltip input:checked + label.hi-close:before, .web-timer-widget .widget-tooltip .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-selection__choice__remove, .web-timer-widget .widget-tooltip .hi-close.datepicker:before,
.web-timer-widget .widget-tooltip .hi-close.hs_daterange_picker:before, .web-timer-widget .widget-tooltip .hi-close.search-filter:before, .web-timer-widget .widget-tooltip .full-page-map-wrapper .hi-close.vue-map-search:before, .full-page-map-wrapper .web-timer-widget .widget-tooltip .hi-close.vue-map-search:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-selection:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-close:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .web-timer-widget .widget-tooltip b.hi-close:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-date:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-week:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-paid:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-user:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-member:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-client:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-project:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-timesheet:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-task:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-team:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-job_site:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-work_break_policy:before, .web-timer-widget .widget-tooltip .hi-close.vue-map-search:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .hi.close-notifications, .web-timer-widget .widget-tooltip .top-bar .topbar-link .is-first.is-last.is-complete .v-step-number-wrapper .close-notifications.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .web-timer-widget .widget-tooltip .top-bar .topbar-link .close-notifications.step-number, .top-bar .topbar-link .web-timer-widget .widget-tooltip .hi.close-notifications, .top-bar .topbar-link .web-timer-widget .widget-tooltip .is-first.is-last.is-complete .v-step-number-wrapper .close-notifications.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .top-bar .topbar-link .web-timer-widget .widget-tooltip .close-notifications.step-number, .web-timer-widget .widget-tooltip .top-bar .topbar-link .toggling-dropdown > li.is-on > a.close-notifications:before, .top-bar .topbar-link .web-timer-widget .widget-tooltip .toggling-dropdown > li.is-on > a.close-notifications:before, .web-timer-widget .widget-tooltip .rounded-checkbox-wrapper .top-bar .topbar-link input:checked + label.close-notifications:before, .rounded-checkbox-wrapper .top-bar .topbar-link .web-timer-widget .widget-tooltip input:checked + label.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .rounded-checkbox-wrapper input:checked + label.close-notifications:before, .top-bar .topbar-link .rounded-checkbox-wrapper .web-timer-widget .widget-tooltip input:checked + label.close-notifications:before, .web-timer-widget .widget-tooltip .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-selection__choice__remove.close-notifications, .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-selection__choice__remove.close-notifications, .web-timer-widget .widget-tooltip .top-bar .topbar-link .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove.close-notifications, .top-bar .topbar-link .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-selection__choice__remove.close-notifications, .web-timer-widget .widget-tooltip .top-bar .topbar-link .datepicker.close-notifications:before, .top-bar .topbar-link .web-timer-widget .widget-tooltip .datepicker.close-notifications:before,
.web-timer-widget .widget-tooltip .top-bar .topbar-link .hs_daterange_picker.close-notifications:before,
.top-bar .topbar-link .web-timer-widget .widget-tooltip .hs_daterange_picker.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .search-filter.close-notifications:before, .top-bar .topbar-link .web-timer-widget .widget-tooltip .search-filter.close-notifications:before, .web-timer-widget .widget-tooltip .full-page-map-wrapper .top-bar .topbar-link .vue-map-search.close-notifications:before, .full-page-map-wrapper .top-bar .topbar-link .web-timer-widget .widget-tooltip .vue-map-search.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .full-page-map-wrapper .vue-map-search.close-notifications:before, .top-bar .topbar-link .full-page-map-wrapper .web-timer-widget .widget-tooltip .vue-map-search.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-selection.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-selection.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-selection.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .top-bar .topbar-link b.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .top-bar .topbar-link .web-timer-widget .widget-tooltip b.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .web-timer-widget .widget-tooltip b.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-date.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-date.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-date.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-week.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-week.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-week.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-paid.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-paid.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-paid.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-user.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-user.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-user.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-member.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-member.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-member.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-client.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-client.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-client.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-project.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-project.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-project.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-timesheet.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-timesheet.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-timesheet.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-task.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-task.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-task.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-team.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-team.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-team.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-job_site.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-job_site.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-job_site.close-notifications:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-work_break_policy.close-notifications:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-work_break_policy.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy.close-notifications:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-work_break_policy.close-notifications:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .vue-map-search.close-notifications:before, .top-bar .topbar-link .web-timer-widget .widget-tooltip .vue-map-search.close-notifications:before {
  color: #ffffff;
}

/* line 309, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .widget-tooltip .hi.hi-close:hover, .web-timer-widget .widget-tooltip .is-first.is-last.is-complete .v-step-number-wrapper .hi-close.step-number:hover, .is-first.is-last.is-complete .v-step-number-wrapper .web-timer-widget .widget-tooltip .hi-close.step-number:hover, .web-timer-widget .widget-tooltip .toggling-dropdown > li.is-on > a.hi-close:hover:before, .web-timer-widget .widget-tooltip .rounded-checkbox-wrapper input:checked + label.hi-close:hover:before, .rounded-checkbox-wrapper .web-timer-widget .widget-tooltip input:checked + label.hi-close:hover:before, .web-timer-widget .widget-tooltip .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-selection__choice__remove:hover, .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-selection__choice__remove:hover, .web-timer-widget .widget-tooltip .hi-close.datepicker:hover:before,
.web-timer-widget .widget-tooltip .hi-close.hs_daterange_picker:hover:before, .web-timer-widget .widget-tooltip .hi-close.search-filter:hover:before, .web-timer-widget .widget-tooltip .full-page-map-wrapper .hi-close.vue-map-search:hover:before, .full-page-map-wrapper .web-timer-widget .widget-tooltip .hi-close.vue-map-search:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-selection:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-selection:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-close:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .web-timer-widget .widget-tooltip b.hi-close:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-date:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-date:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-week:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-week:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-paid:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-paid:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-user:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-user:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-member:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-member:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-client:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-client:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-project:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-project:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-timesheet:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-timesheet:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-task:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-task:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-team:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-team:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-job_site:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-job_site:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-close.select2-results__option.is-work_break_policy:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .hi-close.select2-results__option.is-work_break_policy:hover:before, .web-timer-widget .widget-tooltip .hi-close.vue-map-search:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .hi.close-notifications:hover, .web-timer-widget .widget-tooltip .top-bar .topbar-link .is-first.is-last.is-complete .v-step-number-wrapper .close-notifications.step-number:hover, .is-first.is-last.is-complete .v-step-number-wrapper .web-timer-widget .widget-tooltip .top-bar .topbar-link .close-notifications.step-number:hover, .top-bar .topbar-link .web-timer-widget .widget-tooltip .hi.close-notifications:hover, .top-bar .topbar-link .web-timer-widget .widget-tooltip .is-first.is-last.is-complete .v-step-number-wrapper .close-notifications.step-number:hover, .is-first.is-last.is-complete .v-step-number-wrapper .top-bar .topbar-link .web-timer-widget .widget-tooltip .close-notifications.step-number:hover, .web-timer-widget .widget-tooltip .top-bar .topbar-link .toggling-dropdown > li.is-on > a.close-notifications:hover:before, .top-bar .topbar-link .web-timer-widget .widget-tooltip .toggling-dropdown > li.is-on > a.close-notifications:hover:before, .web-timer-widget .widget-tooltip .rounded-checkbox-wrapper .top-bar .topbar-link input:checked + label.close-notifications:hover:before, .rounded-checkbox-wrapper .top-bar .topbar-link .web-timer-widget .widget-tooltip input:checked + label.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .rounded-checkbox-wrapper input:checked + label.close-notifications:hover:before, .top-bar .topbar-link .rounded-checkbox-wrapper .web-timer-widget .widget-tooltip input:checked + label.close-notifications:hover:before, .web-timer-widget .widget-tooltip .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-selection__choice__remove.close-notifications:hover, .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-selection__choice__remove.close-notifications:hover, .web-timer-widget .widget-tooltip .top-bar .topbar-link .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove.close-notifications:hover, .top-bar .topbar-link .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-selection__choice__remove.close-notifications:hover, .web-timer-widget .widget-tooltip .top-bar .topbar-link .datepicker.close-notifications:hover:before, .top-bar .topbar-link .web-timer-widget .widget-tooltip .datepicker.close-notifications:hover:before,
.web-timer-widget .widget-tooltip .top-bar .topbar-link .hs_daterange_picker.close-notifications:hover:before,
.top-bar .topbar-link .web-timer-widget .widget-tooltip .hs_daterange_picker.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .search-filter.close-notifications:hover:before, .top-bar .topbar-link .web-timer-widget .widget-tooltip .search-filter.close-notifications:hover:before, .web-timer-widget .widget-tooltip .full-page-map-wrapper .top-bar .topbar-link .vue-map-search.close-notifications:hover:before, .full-page-map-wrapper .top-bar .topbar-link .web-timer-widget .widget-tooltip .vue-map-search.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .full-page-map-wrapper .vue-map-search.close-notifications:hover:before, .top-bar .topbar-link .full-page-map-wrapper .web-timer-widget .widget-tooltip .vue-map-search.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-selection.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-selection.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-selection.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .top-bar .topbar-link b.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .top-bar .topbar-link .web-timer-widget .widget-tooltip b.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .web-timer-widget .widget-tooltip b.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-date.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-date.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-date.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-week.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-week.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-week.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-paid.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-paid.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-paid.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-user.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-user.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-user.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-member.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-member.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-member.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-client.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-client.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-client.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-project.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-project.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-project.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-timesheet.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-timesheet.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-timesheet.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-task.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-task.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-task.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-team.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-team.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-team.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-job_site.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-job_site.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-job_site.close-notifications:hover:before, .web-timer-widget .widget-tooltip .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .select2-results__option.is-work_break_policy.close-notifications:hover:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .top-bar .topbar-link .web-timer-widget .widget-tooltip .select2-results__option.is-work_break_policy.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy.close-notifications:hover:before, .top-bar .topbar-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .web-timer-widget .widget-tooltip .select2-results__option.is-work_break_policy.close-notifications:hover:before, .web-timer-widget .widget-tooltip .top-bar .topbar-link .vue-map-search.close-notifications:hover:before, .top-bar .topbar-link .web-timer-widget .widget-tooltip .vue-map-search.close-notifications:hover:before {
  cursor: pointer;
}

/* line 314, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .work-break-button {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #2aa7ff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #000000;
}

/* line 329, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .work-break-button .hi-work-break {
  display: block;
}

/* line 332, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget .work-break-button .hi-stop {
  display: none;
}

/* line 339, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-resting .work-break-button .hi-work-break {
  display: none;
}

/* line 342, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-resting .work-break-button .hi-stop {
  display: block;
}

/* line 346, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-resting .widget-maximized,
.web-timer-widget.is-resting .widget-minimized {
  background-color: #31c48d;
}

/* line 351, app/assets/stylesheets/components/_timer-widget.scss */
.web-timer-widget.is-resting.is-rest-over .widget-maximized,
.web-timer-widget.is-resting.is-rest-over .widget-minimized {
  background-color: #f05252;
}

/* line 2, app/assets/stylesheets/components/Timesheets/_timesheet-confirm-dialog.scss */
.timesheet-confirm-dialog .warning-icon {
  color: #ffac51;
  font-size: 40px;
  margin-right: 20px;
}

/* line 8, app/assets/stylesheets/components/Timesheets/_timesheet-confirm-dialog.scss */
.timesheet-confirm-dialog .modal-body, .timesheet-confirm-dialog .modal-body-centered {
  display: flex;
  flex-direction: row;
}

/* line 4, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form .new-ranges {
  min-height: 15rem;
}

/* line 9, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form .timesheet-range {
  min-width: 100%;
}

/* line 12, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form .timesheet-range .progress-format {
  display: none;
}

/* line 18, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form.adjust-mode .timesheet-range {
  min-width: 15%;
}

@media (max-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_timesheets.scss */
  #show-adjust-timesheets-form.adjust-mode .timesheet-range {
    min-width: 100%;
  }
}

/* line 24, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form.adjust-mode .timesheet-range .block-format {
  display: none;
}

/* line 28, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form.adjust-mode .timesheet-range .progress-format {
  display: block;
}

/* line 31, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form.adjust-mode .timesheet-range .progress-format .progress {
  height: 1.2rem;
  margin-bottom: 0;
}

/* line 35, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form.adjust-mode .timesheet-range .progress-format .progress, #show-adjust-timesheets-form.adjust-mode .timesheet-range .progress-format .progress .progress-bar {
  border-radius: 0.2rem;
}

/* line 45, app/assets/stylesheets/components/_timesheets.scss */
#show-adjust-timesheets-form.adjust-mode .timesheet-range.old-range .progress-bar {
  background-color: transparent;
}

/* line 1, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-backdrop {
  top: 46px;
  height: calc(100% - $topbar-height);
  background-color: rgba(31, 41, 55, 0.4);
}

/* line 6, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-backdrop.open {
  display: block;
  z-index: 670 !important;
}

/* line 12, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel {
  width: 100%;
  height: calc(100% - $topbar-height);
  position: fixed;
  top: 46px;
  right: 0;
  z-index: 670 !important;
  background-color: #ffffff;
  overflow-y: auto;
  padding: 30px;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* line 26, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel.open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media (min-width: 576px) {
  /* line 12, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
  .whats-new-announcements-panel {
    max-width: 490px;
  }
}

/* line 34, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .wna-panel-with-content {
  width: 100%;
  max-width: 100%;
}

/* line 39, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .wna-panel-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  -o-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}

/* line 50, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .hi-close, .whats-new-announcements-panel .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .whats-new-announcements-panel .close-notifications {
  font-size: 10px;
  color: rgba(107, 114, 128, 0.4);
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

/* line 55, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .hi-close:hover, .whats-new-announcements-panel .top-bar .topbar-link .close-notifications:hover, .top-bar .topbar-link .whats-new-announcements-panel .close-notifications:hover {
  cursor: pointer;
  color: #374151;
}

/* line 62, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  border-bottom: 1px solid #f3f4f6;
  padding-bottom: 20px;
}

/* line 71, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content {
  width: 100%;
  margin-top: 25px;
  overflow: hidden;
}

/* line 76, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content + .content {
  margin-top: 20px;
}

/* line 92, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content > i.primary {
  color: #2aa7ff;
}

/* line 92, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content > i.success {
  color: #31c48d;
}

/* line 92, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content > i.warning {
  color: #ffac51;
}

/* line 92, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content > i.danger {
  color: #f05252;
}

/* line 92, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content > i.purple {
  color: #6875f5;
}

/* line 92, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content > i.pink {
  color: #f05252;
}

/* line 103, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content .content-header {
  display: flex;
  justify-content: space-between;
}

/* line 106, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content .content-header .hi-clipboard {
  padding-right: 8px;
  margin-right: 8px;
  font-size: 12px;
  color: #6b7280;
  border-right: 1px solid #e5e5e5;
}

/* line 114, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content .content-header p {
  color: #6b7280;
}

/* line 120, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content .content-body .text {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4;
}

/* line 126, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel .content .content-body .link {
  display: block;
  margin: 10px 0 0 0;
  font-size: 12px;
}

/* line 134, app/assets/stylesheets/components/_whats-new-announcements-panel.scss */
.whats-new-announcements-panel.open {
  display: block;
}

/* line 1, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector {
  display: flex;
  flex-direction: column;
}

/* line 5, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector .organization_link_to {
  margin: 0;
}

/* line 9, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector .checkbox + .checkbox {
  margin: 0;
}

/* line 13, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector label {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-weight: normal;
  cursor: pointer;
  padding: 0;
}

/* line 20, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector label.readonly {
  cursor: default;
}

/* line 25, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector .product-selector-box {
  flex: 1;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  position: relative;
  overflow: hidden;
}

/* line 34, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

/* line 38, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector input[type="checkbox"]:checked ~ .product-selector-box {
  background-color: #f3f4f6;
  border-color: #f3f4f6;
}

/* line 42, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector input[type="checkbox"]:checked ~ .hi-check, .wizard-product-selector .is-first.is-last.is-complete .v-step-number-wrapper input[type="checkbox"]:checked ~ .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .wizard-product-selector input[type="checkbox"]:checked ~ .step-number, .wizard-product-selector .toggling-dropdown > li.is-on > input[type="checkbox"]:checked ~ a, .wizard-product-selector .rounded-checkbox-wrapper input[type="checkbox"]:checked ~ input:checked + label:before, .rounded-checkbox-wrapper .wizard-product-selector input[type="checkbox"]:checked ~ input:checked + label:before, .wizard-product-selector .rounded-checkbox-wrapper input[type="checkbox"]:checked + label:before, .rounded-checkbox-wrapper .wizard-product-selector input[type="checkbox"]:checked + label:before {
  visibility: visible;
}

/* line 48, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector .hi-check, .wizard-product-selector .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .wizard-product-selector .step-number, .wizard-product-selector .toggling-dropdown > li.is-on > a, .wizard-product-selector .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .wizard-product-selector input:checked + label:before {
  visibility: hidden;
  margin-left: 15px;
  color: #2f8af4;
}

/* line 54, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector .description {
  margin-top: 5px;
  padding-left: 32px;
  letter-spacing: 0.6px;
}

/* line 60, app/assets/stylesheets/components/_wizard-product-selector.scss */
.wizard-product-selector .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

/* line 3, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .hi-refresh {
  color: #2aa7ff;
}

/* line 7, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .wo-job-details {
  max-width: 80ch;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 13px;
  table-layout: fixed;
}

/* line 16, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .wo-job-details tr td {
  padding-bottom: 20px;
}

/* line 19, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .wo-job-details tr td:first-child {
  width: 20%;
  font-weight: 500;
  padding-right: 30px;
  vertical-align: top;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  /* line 19, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
  #show-job-general .wo-job-details tr td:first-child {
    width: 30%;
  }
}

/* line 36, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .job-stats-table .stat-value {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}

/* line 46, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .note {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 51, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .note:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .note__attachments__item {
  display: inline-block;
  margin-right: 15px;
}

/* line 63, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .note__attachments__item:last-of-type {
  margin-right: 0;
}

/* line 67, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-general .note__attachments__item__thumb {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 6px;
}

/* line 80, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-visits .table-wrapper {
  max-height: 290px;
}

/* line 86, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-visits .table-wrapper .scrollable {
  overflow-y: auto;
}

/* line 91, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-visits .job-reports-link {
  display: block;
}

/* line 101, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-visits .wo-job-visits thead tr th {
  padding: 8px;
  font-size: small;
}

/* line 112, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-visits .wo-job-visits tbody tr td {
  padding: 15px 10px;
}

/* line 114, app/assets/stylesheets/components/WorkOrders/_JobDetails.scss */
#show-job-visits .wo-job-visits tbody tr td .shift-status {
  margin-left: 0;
}

/* line 5, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .job-filters .status-filter,
.work-order-details .job-filters .date-filter {
  min-width: 245px;
}

/* line 10, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .job-filters .status-filter {
  margin-top: 15px;
}

@media (min-width: 576px) {
  /* line 10, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
  .work-order-details .job-filters .status-filter {
    margin-top: 0;
  }
}

/* line 24, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .app-pagination .btn-pagination:hover,
.work-order-details .app-pagination .paginate-link:hover {
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .work-order-name {
  flex-wrap: wrap;
}

/* line 33, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .work-order-name h4 {
  margin-right: 10px !important;
}

@media (max-width: 575.98px) {
  /* line 38, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
  .work-order-details .work-order-name h4 {
    width: 100%;
  }
}

/* line 44, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .hi-refresh {
  color: #2aa7ff;
}

/* line 50, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .table-wrapper .empty-jobs-table {
  text-align: center;
}

/* line 53, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .table-wrapper .empty-jobs-table img {
  max-width: 100px;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

/* line 61, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .table-wrapper a:hover {
  cursor: default;
}

/* line 67, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .table-wrapper a.pointer:hover {
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .table-wrapper .hi-refresh {
  filter: alpha(opacity=1);
  opacity: 0.01;
}

/* line 76, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .table-wrapper .hi-refresh.show-icon {
  filter: alpha(opacity=99);
  opacity: 0.99;
}

/* line 84, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .work-order-name, .work-order-details .modal-title, .job-dialog .modal-header .work-order-name, .job-dialog .modal-header .modal-title {
  position: relative;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

/* line 91, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .work-order-instructions, .job-dialog .modal-header .work-order-instructions {
  width: 100%;
  max-width: 560px;
}

/* line 97, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details a.add-work-order-assignee .oval, .job-dialog .modal-header a.add-work-order-assignee .oval {
  display: inline-block;
  border: 1px dashed #9ca3af;
  vertical-align: middle;
  position: relative;
}

/* line 103, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details a.add-work-order-assignee .oval i.hi-invites, .job-dialog .modal-header a.add-work-order-assignee .oval i.hi-invites {
  color: #9ca3af;
  position: absolute;
  top: 5px;
  right: 6px;
}

@media (max-width: 991.98px) {
  /* line 115, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
  .work-order-details .table-actions-wrapper .table-actions-right, .job-dialog .modal-header .table-actions-wrapper .table-actions-right {
    margin-left: initial;
  }
}

/* line 120, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .table-actions-wrapper .btn, .work-order-details .table-actions-wrapper .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .work-order-details .table-actions-wrapper .nav-item, .job-dialog .modal-header .table-actions-wrapper .btn, .job-dialog .modal-header .table-actions-wrapper .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .job-dialog .modal-header .table-actions-wrapper .nav-item {
  margin-right: 16px;
}

/* line 123, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .table-actions-wrapper .btn:last-child, .work-order-details .table-actions-wrapper .app-tabs-switch > .nav.nav-tabs .nav-item:last-child, .app-tabs-switch > .nav.nav-tabs .work-order-details .table-actions-wrapper .nav-item:last-child, .job-dialog .modal-header .table-actions-wrapper .btn:last-child, .job-dialog .modal-header .table-actions-wrapper .app-tabs-switch > .nav.nav-tabs .nav-item:last-child, .app-tabs-switch > .nav.nav-tabs .job-dialog .modal-header .table-actions-wrapper .nav-item:last-child {
  margin-right: 0;
}

/* line 129, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box, .job-dialog .modal-header .info-box {
  width: 100%;
  min-width: 200px;
  padding: 20px 20px;
  margin-bottom: 30px;
  font-size: 13px;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  transition: all .3s ease-in-out;
}

@media (min-width: 576px) {
  /* line 129, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
  .work-order-details .info-box, .job-dialog .modal-header .info-box {
    flex: 1;
    max-width: 265px;
  }
  /* line 143, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
  .work-order-details .info-box:not(:last-child), .job-dialog .modal-header .info-box:not(:last-child) {
    margin-right: 30px;
  }
}

/* line 148, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box:hover:not(.disabled), .job-dialog .modal-header .info-box:hover:not(.disabled) {
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* line 153, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box .row, .job-dialog .modal-header .info-box .row {
  position: relative;
}

/* line 157, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box .fake-ajax-link, .job-dialog .modal-header .info-box .fake-ajax-link {
  cursor: pointer;
}

/* line 163, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box .edit-icon, .job-dialog .modal-header .info-box .edit-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 15px;
  width: 15px;
  opacity: 0.7;
  color: #374151;
  transition: all .3s ease-in-out;
}

@media (min-width: 768px) {
  /* line 163, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
  .work-order-details .info-box .edit-icon, .job-dialog .modal-header .info-box .edit-icon {
    opacity: 0;
  }
}

/* line 179, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box .edit-icon:hover, .job-dialog .modal-header .info-box .edit-icon:hover {
  color: #374151;
}

/* line 186, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box:hover .edit-icon, .job-dialog .modal-header .info-box:hover .edit-icon {
  opacity: 0.7;
}

/* line 191, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box .name, .job-dialog .modal-header .info-box .name {
  color: #1f2937;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}

/* line 201, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box i.hi-edit.hidden, .work-order-details .info-box #simple-chat.minimized #chat_area_messages_frame.hi-edit, #simple-chat.minimized .work-order-details .info-box #chat_area_messages_frame.hi-edit, .job-dialog .modal-header .info-box i.hi-edit.hidden, .job-dialog .modal-header .info-box #simple-chat.minimized #chat_area_messages_frame.hi-edit, #simple-chat.minimized .job-dialog .modal-header .info-box #chat_area_messages_frame.hi-edit {
  display: none;
}

/* line 204, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box i.hi-user-big, .job-dialog .modal-header .info-box i.hi-user-big {
  color: #2aa7ff;
}

/* line 207, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box i.hi-pin, .work-order-details .info-box .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .work-order-details .info-box i.select2-results__option.is-job_site:before, .job-dialog .modal-header .info-box i.hi-pin, .job-dialog .modal-header .info-box .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap i.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .job-dialog .modal-header .info-box i.select2-results__option.is-job_site:before {
  color: #31c48d;
}

/* line 210, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box i.hi-attendance, .job-dialog .modal-header .info-box i.hi-attendance {
  color: #ff9725;
}

/* line 213, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box i.hi-calculator-outline, .job-dialog .modal-header .info-box i.hi-calculator-outline {
  color: #8b1dff;
}

/* line 216, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box i.hi-refresh, .job-dialog .modal-header .info-box i.hi-refresh {
  color: #2aa7ff;
  vertical-align: baseline;
}

/* line 222, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box .avatar.avatar-medium, .job-dialog .modal-header .info-box .avatar.avatar-medium {
  width: 25px;
  height: 25px;
}

/* line 226, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .info-box .avatar_initial.avatar-medium, .job-dialog .modal-header .info-box .avatar_initial.avatar-medium {
  line-height: 25px;
}

/* line 232, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .client-info .client-name, .job-dialog .modal-header .client-info .client-name {
  display: inline-block;
}

/* line 236, app/assets/stylesheets/components/WorkOrders/_WorkOrderDetails.scss */
.work-order-details .client-info .budget-progress-row .progress, .job-dialog .modal-header .client-info .budget-progress-row .progress {
  width: 100%;
}

/* line 5, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .modal-body, .wow .modal-body-centered,
.job-dialog .modal-body,
.job-dialog .modal-body-centered {
  padding-top: 20px;
}

/* line 10, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .steps-wrapper .steps,
.job-dialog .steps-wrapper .steps {
  margin-bottom: 20px;
}

/* line 14, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .steps-wrapper .nav.nav-tabs,
.job-dialog .steps-wrapper .nav.nav-tabs {
  margin-bottom: 15px;
}

/* line 20, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .wo-number-group .help-block,
.job-dialog .wo-number-group .help-block {
  white-space: nowrap;
}

/* line 25, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .help-block,
.job-dialog .help-block {
  font-size: 12px;
  color: #f05252;
  white-space: nowrap;
  margin-bottom: 0;
}

/* line 32, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow #wo-instructions,
.wow #job-instructions,
.job-dialog #wo-instructions,
.job-dialog #job-instructions {
  min-height: 100px;
}

/* line 37, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .wo-js-on-arrival-group .btn-group,
.wow .wo-js-on-departure-group .btn-group,
.job-dialog .wo-js-on-arrival-group .btn-group,
.job-dialog .wo-js-on-departure-group .btn-group {
  width: 100%;
}

/* line 42, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow #wo-js-map,
.job-dialog #wo-js-map {
  height: 180px;
  margin-top: 15px;
  margin-bottom: 30px;
}

/* line 47, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow #wo-js-map > div,
.wow #wo-js-map .vue-map-container,
.wow #wo-js-map .vue-map,
.job-dialog #wo-js-map > div,
.job-dialog #wo-js-map .vue-map-container,
.job-dialog #wo-js-map .vue-map {
  height: 100%;
}

/* line 55, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow-meta-table {
  max-width: 80ch;
  margin-bottom: 15px;
}

/* line 60, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow-meta-table tr td {
  padding-bottom: 15px;
  padding-right: 30px;
}

/* line 67, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow-meta-table tr:last-child td {
  padding-bottom: 0;
}

/* line 70, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow-meta-table tr:last-child td:first-child {
  padding-right: 0;
}

/* line 80, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow.edit .modal-footer,
.job-dialog:not(.edit) .modal-footer {
  display: flex;
}

/* line 83, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow.edit .modal-footer .justify-content-end,
.job-dialog:not(.edit) .modal-footer .justify-content-end {
  justify-content: flex-end;
}

/* line 87, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow.edit .modal-footer .btn, .wow.edit .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .wow.edit .modal-footer .nav-item,
.job-dialog:not(.edit) .modal-footer .btn,
.job-dialog:not(.edit) .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item,
.app-tabs-switch > .nav.nav-tabs .job-dialog:not(.edit) .modal-footer .nav-item {
  margin-top: 0;
  float: none !important;
}

@media (max-width: 575.98px) {
  /* line 80, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  .wow.edit .modal-footer,
.job-dialog:not(.edit) .modal-footer {
    flex-wrap: wrap;
  }
  /* line 95, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  .wow.edit .modal-footer .btn:first-of-type, .wow.edit .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item:first-of-type, .app-tabs-switch > .nav.nav-tabs .wow.edit .modal-footer .nav-item:first-of-type,
.job-dialog:not(.edit) .modal-footer .btn:first-of-type,
.job-dialog:not(.edit) .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item:first-of-type,
.app-tabs-switch > .nav.nav-tabs .job-dialog:not(.edit) .modal-footer .nav-item:first-of-type {
    margin-right: 15px;
  }
}

/* line 105, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.job-dialog .p-relative,
#recurring-jobs-beta-dialog .p-relative {
  position: relative;
}

/* line 108, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.job-dialog .p-relative .a-errors,
#recurring-jobs-beta-dialog .p-relative .a-errors {
  position: absolute;
  left: 0;
  bottom: -20px;
}

/* line 115, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.job-dialog .beta-badge,
#recurring-jobs-beta-dialog .beta-badge {
  margin-top: 0;
  text-transform: none;
  background-color: #ffac51;
}

@keyframes fade {
  0%, 100% {
    opacity: .3;
  }
  50% {
    opacity: 1;
  }
}

/* line 125, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.job-dialog .beta-badge.highlight-beta,
#recurring-jobs-beta-dialog .beta-badge.highlight-beta {
  animation: fade 1.5s linear infinite both;
}

/* line 135, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#recurring-jobs-beta-dialog li.done span {
  text-decoration: line-through;
}

/* line 145, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.job-dialog .beta-badge:hover {
  cursor: pointer;
}

/* line 152, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.job-dialog__footer .btn, .job-dialog__footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .job-dialog__footer .nav-item {
  float: none;
}

/* line 156, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.job-dialog__footer::before, .job-dialog__footer::after {
  display: none;
}

@media (max-width: 575.98px) {
  /* line 150, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  .job-dialog__footer {
    flex-wrap: wrap;
  }
  /* line 164, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  .job-dialog__footer > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 170, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  .job-dialog__footer > div .btn, .job-dialog__footer > div .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .job-dialog__footer > div .nav-item {
    width: 50%;
  }
  /* line 175, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  .job-dialog__footer > .btn, .app-tabs-switch > .nav.nav-tabs .job-dialog__footer > .nav-item {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* line 184, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .modal-body, #schedule-job-step .modal-body-centered {
  padding-top: 0;
}

/* line 188, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .badge.badge-pill {
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 1;
}

/* line 195, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .datepicker {
  margin-bottom: 0 !important;
}

/* line 199, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-time {
  width: 110px;
}

@media (min-width: 576px) {
  /* line 199, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  #schedule-job-step .job-time {
    width: 120px;
  }
}

@media (min-width: 360px) {
  /* line 207, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  #schedule-job-step .job-time:last-of-type {
    margin-right: 10px;
  }
}

/* line 212, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-time .help-block {
  display: none !important;
}

/* line 216, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-time .meridiem-toggle {
  right: 28px;
  margin-right: 5px;
}

/* line 221, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-time .vue-app-time-input {
  margin-bottom: 0;
  flex-grow: 1;
}

/* line 226, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-time .app-time-picker-trigger {
  right: 10px;
}

/* line 231, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-dates-group .weekly-range-input {
  min-width: 150px;
}

/* line 235, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-dates-group.form-group,
#schedule-job-step .job-times-group.form-group {
  margin-bottom: 0;
}

/* line 240, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-times-group {
  max-height: 65px;
  align-items: center;
}

/* line 244, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-times-group .label-job-end-time {
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  /* line 240, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  #schedule-job-step .job-times-group {
    max-height: unset;
  }
}

@media (max-width: 360px) {
  /* line 240, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  #schedule-job-step .job-times-group {
    align-items: flex-start;
  }
  /* line 255, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  #schedule-job-step .job-times-group > div {
    flex-direction: column;
  }
  /* line 259, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  #schedule-job-step .job-times-group .job-start-time,
#schedule-job-step .job-times-group .job-end-time,
#schedule-job-step .job-times-group .label-job-start-time,
#schedule-job-step .job-times-group .label-job-end-time {
    flex-grow: 1;
  }
  /* line 266, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  #schedule-job-step .job-times-group .job-end-time {
    margin-top: 10px;
  }
  /* line 270, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  #schedule-job-step .job-times-group .label-job-end-time {
    margin-right: 20px;
  }
}

/* line 276, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-time,
#schedule-job-step .vue-app-date-picker {
  display: flex;
  justify-content: flex-start !important;
}

/* line 282, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step .job-time.highlight input,
#schedule-job-step .vue-app-date-picker.highlight input {
  border-color: #2aa7ff !important;
}

/* line 288, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step #repeats,
#schedule-job-step #monthly-recurrence {
  width: 100%;
}

/* line 295, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step #custom-fields input,
#schedule-job-step #custom-fields .app-select-wrapper {
  width: 100%;
}

/* line 301, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step #weekdays {
  height: 40px;
  flex-wrap: nowrap;
  margin-left: 0;
}

/* line 306, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step #weekdays a.btn, #schedule-job-step #weekdays .app-tabs-switch > .nav.nav-tabs a.nav-item, .app-tabs-switch > .nav.nav-tabs #schedule-job-step #weekdays a.nav-item {
  width: 30px !important;
  height: 30px !important;
  margin-left: 10px;
}

/* line 311, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step #weekdays a.btn:first-of-type, #schedule-job-step #weekdays .app-tabs-switch > .nav.nav-tabs a.nav-item:first-of-type, .app-tabs-switch > .nav.nav-tabs #schedule-job-step #weekdays a.nav-item:first-of-type {
  margin-left: 0;
}

/* line 317, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step #job-start-date {
  width: 100%;
}

/* line 320, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#schedule-job-step #job-start-date .datepicker {
  width: 100%;
  margin: 0;
}

/* line 330, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .custom-app-tabs-wrapper,
.job-dialog .custom-app-tabs-wrapper {
  display: flex;
}

/* line 333, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .custom-app-tabs-wrapper ul.nav.nav-tabs,
.job-dialog .custom-app-tabs-wrapper ul.nav.nav-tabs {
  margin-bottom: 20px;
}

/* line 338, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow .tooltip, .wow .vue-tooltip,
.job-dialog .tooltip,
.job-dialog .vue-tooltip {
  white-space: nowrap;
}

/* line 343, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.wow input[disabled]:hover,
.job-dialog input[disabled]:hover {
  opacity: .6;
  border-color: #e5e7eb;
}

/* line 353, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#job-site-step #wo-js-map.empty {
  height: 230px;
}

/* line 356, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#job-site-step #wo-js-map.empty p {
  color: #6b7280;
}

/* line 361, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#job-site-step #wo-js-map.readonly {
  position: relative;
  pointer-events: none;
}

/* line 365, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
#job-site-step #wo-js-map.readonly:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 379, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
.work-orders-page .vue-app-time-picker.primary, .work-orders-page .vue-app-time-picker.timespan {
  width: 110px;
  left: -37px !important;
}

@media (min-width: 576px) {
  /* line 379, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  .work-orders-page .vue-app-time-picker.primary, .work-orders-page .vue-app-time-picker.timespan {
    width: 120px;
    left: -42px !important;
  }
}

@media (min-width: 576px) {
  /* line 392, app/assets/stylesheets/components/WorkOrders/_WorkOrderWizard.scss */
  .work-orders-page.wo-time-right-input .vue-app-time-picker.primary, .work-orders-page.wo-time-right-input .vue-app-time-picker.timespan {
    left: -37px !important;
  }
}

/* line 4, app/assets/stylesheets/components/WorkOrders/_WorkOrdersTable.scss */
.table-work-orders .number-cell-content a {
  color: #374151;
}

/* line 7, app/assets/stylesheets/components/WorkOrders/_WorkOrdersTable.scss */
.table-work-orders .number-cell-content a:hover {
  color: #2aa7ff;
}

/* line 13, app/assets/stylesheets/components/WorkOrders/_WorkOrdersTable.scss */
.table-work-orders .address-cell-content, .table-work-orders .number-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 19, app/assets/stylesheets/components/WorkOrders/_WorkOrdersTable.scss */
.table-work-orders .budget-cell-content-wrapper .budget-cell-content:hover {
  cursor: pointer;
}

/* line 5, app/assets/stylesheets/components/_workOrders.scss */
#new-client-modal .country-list,
#edit-client-modal .country-list {
  z-index: 1062;
}

/* line 11, app/assets/stylesheets/components/_workOrders.scss */
#schedule-work-confirmation .modal-dialog {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/* line 17, app/assets/stylesheets/components/_workOrders.scss */
#schedule-work-confirmation .modal-dialog .modal-body, #schedule-work-confirmation .modal-dialog .modal-body-centered {
  padding-top: 10px;
  padding-bottom: 0;
  min-height: initial !important;
}

/* line 23, app/assets/stylesheets/components/_workOrders.scss */
#schedule-work-confirmation .modal-dialog .modal-footer {
  padding: 15px;
  padding-top: 0;
}

@media (min-width: 768px) {
  /* line 31, app/assets/stylesheets/components/_workOrders.scss */
  .work-orders-main-wrapper #wos-table-range-selector {
    float: right;
  }
}

/* line 37, app/assets/stylesheets/components/_workOrders.scss */
.work-orders-main-wrapper .range-selector-wrapper {
  min-width: 315px;
  width: auto;
}

@media (max-width: 767.98px) {
  /* line 37, app/assets/stylesheets/components/_workOrders.scss */
  .work-orders-main-wrapper .range-selector-wrapper {
    width: 100%;
  }
}

/* line 46, app/assets/stylesheets/components/_workOrders.scss */
.work-orders-main-wrapper .datepicker {
  margin-right: 0;
}

/* line 50, app/assets/stylesheets/components/_workOrders.scss */
.work-orders-main-wrapper .app-pagination {
  color: #6b7280;
}

/* line 57, app/assets/stylesheets/components/_workOrders.scss */
body.work-orders-page {
  /*
  .lg-backdrop {
    z-index: $zindex-gallery-backdrop + 20 !important;
  }

  .lg-outer {
    z-index: $zindex-modal + 21 !important;
  }*/
}

/* line 70, app/assets/stylesheets/components/_workOrders.scss */
body.work-orders-page.modal-open,
.job-popover-body.modal-open {
  overflow: hidden;
}

/* line 74, app/assets/stylesheets/components/_workOrders.scss */
body.work-orders-page .select2-container,
.job-popover-body .select2-container {
  z-index: 1061;
}

/* line 79, app/assets/stylesheets/components/_workOrders.scss */
body.work-orders-page .more-members-badge.empty,
.job-popover-body .more-members-badge.empty {
  background: none;
  border: 1px dashed rgba(107, 114, 128, 0.7);
  margin: 0;
}

/* line 87, app/assets/stylesheets/components/_workOrders.scss */
body.work-orders-page.job-popover-body .avatar-wrapper,
.job-popover-body.job-popover-body .avatar-wrapper {
  display: inline-block;
}

/* line 90, app/assets/stylesheets/components/_workOrders.scss */
body.work-orders-page.job-popover-body .avatar-wrapper + .avatar-wrapper,
.job-popover-body.job-popover-body .avatar-wrapper + .avatar-wrapper {
  margin-left: -6px;
}

/* line 94, app/assets/stylesheets/components/_workOrders.scss */
body.work-orders-page.job-popover-body .avatar-wrapper:hover,
.job-popover-body.job-popover-body .avatar-wrapper:hover {
  cursor: default;
}

/* line 102, app/assets/stylesheets/components/_workOrders.scss */
.work-order-status.label-scheduled {
  background-color: #2aa7ff;
}

/* line 106, app/assets/stylesheets/components/_workOrders.scss */
.work-order-status.label-late_jobs {
  background-color: #ffac51;
}

/* line 110, app/assets/stylesheets/components/_workOrders.scss */
.work-order-status.label-missed_jobs {
  background-color: #f05252;
}

/* line 114, app/assets/stylesheets/components/_workOrders.scss */
.work-order-status.label-unscheduled, .work-order-status.label-uninvoiced_jobs, .work-order-status.label-unpaid_jobs {
  background-color: #ffac51;
}

/* line 122, app/assets/stylesheets/components/_workOrders.scss */
.job-status.label-scheduled {
  background-color: #2aa7ff;
}

/* line 126, app/assets/stylesheets/components/_workOrders.scss */
.job-status.label-late {
  background-color: #ffac51;
}

/* line 130, app/assets/stylesheets/components/_workOrders.scss */
.job-status.label-missed {
  background-color: #f05252;
}

/* line 134, app/assets/stylesheets/components/_workOrders.scss */
.job-status.label-mixed_attendance {
  background-color: #6b7280;
}

/* line 138, app/assets/stylesheets/components/_workOrders.scss */
.job-status.label-removed_job, .job-status.label-unknown {
  background-color: #9ca3af;
}

/* line 143, app/assets/stylesheets/components/_workOrders.scss */
.job-status.label-completed, .job-status.label-ontime, .job-status.label-attended {
  background-color: #31c48d;
}

/* line 151, app/assets/stylesheets/components/_workOrders.scss */
.job-dialog .time-zone-abbr {
  font-size: 11px;
  cursor: pointer;
}

/* line 161, app/assets/stylesheets/components/_workOrders.scss */
#reset-password-dialog input[type='radio'],
#create-account-modal input[type='radio'],
#edit-recurring-job-dialog input[type='radio'],
#delete-job-confirm input[type='radio'] {
  width: 15px;
  height: 15px;
  margin-top: 1px;
  margin-right: 8px;
}

/* line 168, app/assets/stylesheets/components/_workOrders.scss */
#reset-password-dialog label,
#create-account-modal label,
#edit-recurring-job-dialog label,
#delete-job-confirm label {
  font-weight: normal;
}

@media only screen and (max-width: 425px) {
  /* line 2, app/assets/stylesheets/components/WorkBreaks/_WorkBreakPoliciesTable.scss */
  .custom-checkbox-wrapper.auto-add-new-members {
    white-space: normal;
  }
}

/* line 2, app/assets/stylesheets/components/WorkBreaks/_WorkBreaksReport.scss */
.avatar.avatar_initial .hi-work-break {
  position: relative;
  left: 1px;
  top: 2px;
}

/* line 3, app/assets/stylesheets/components/_work_break_policies.scss */
.work-break-policy-table {
  border-left: 1px solid #e5e5e5;
}

/* line 7, app/assets/stylesheets/components/_work_break_policies.scss */
.notify_members {
  margin-right: 4px;
}

/* line 1, app/assets/stylesheets/components/curtain.scss */
.curtain {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 599;
  background-clip: padding-box;
}

/* line 10, app/assets/stylesheets/components/curtain.scss */
.curtain .spinner-wrapper {
  position: absolute;
  top: 65px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 16, app/assets/stylesheets/components/curtain.scss */
.curtain .spinner {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  border: 4px solid #2aa7ff;
  border-right-color: transparent;
  -webkit-animation: fa-spin 0.6s linear infinite;
  -moz-animation: fa-spin 0.6s linear infinite;
  -o-animation: fa-spin 0.6s linear infinite;
  -ms-animation: fa-spin 0.6s linear infinite;
  animation: fa-spin 0.6s linear infinite;
}

/* line 24, app/assets/stylesheets/components/curtain.scss */
.static-curtain .curtain {
  position: static;
}

/* line 26, app/assets/stylesheets/components/curtain.scss */
.static-curtain .curtain .spinner-wrapper {
  position: static;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}

/* line 30, app/assets/stylesheets/components/curtain.scss */
.static-curtain .curtain .spinner {
  margin: 0 auto;
}

/* line 1, app/assets/stylesheets/components/hover-link.scss */
a.hover-link {
  align-items: center;
  display: inline-flex;
  color: #374151;
  cursor: pointer;
  white-space: pre;
  max-width: max-content;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
a.hover-link > i, a.hover-link img {
  margin-left: 5px;
}

/* line 8, app/assets/stylesheets/components/hover-link.scss */
a.hover-link .hi.edit, a.hover-link .is-first.is-last.is-complete .v-step-number-wrapper .edit.step-number, .is-first.is-last.is-complete .v-step-number-wrapper a.hover-link .edit.step-number, a.hover-link .toggling-dropdown > li.is-on > a.edit:before, a.hover-link .rounded-checkbox-wrapper input:checked + label.edit:before, .rounded-checkbox-wrapper a.hover-link input:checked + label.edit:before, a.hover-link .select2-container--bootstrap.select2-container--bootstrap .edit.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-selection__choice__remove, a.hover-link .edit.datepicker:before,
a.hover-link .edit.hs_daterange_picker:before, a.hover-link .edit.search-filter:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-selection:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.edit:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow a.hover-link b.edit:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-date:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-week:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-paid:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-user:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-member:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-client:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-project:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-timesheet:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-task:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-team:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-job_site:before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .edit.select2-results__option.is-work_break_policy:before, a.hover-link .edit.vue-map-search:before {
  visibility: hidden;
  font-size: 12px;
}

/* line 11, app/assets/stylesheets/components/hover-link.scss */
tr:hover a.hover-link .hi.edit, tr:hover a.hover-link .is-first.is-last.is-complete .v-step-number-wrapper .edit.step-number, .is-first.is-last.is-complete .v-step-number-wrapper tr:hover a.hover-link .edit.step-number, tr:hover a.hover-link .toggling-dropdown > li.is-on > a.edit:before, tr:hover a.hover-link .rounded-checkbox-wrapper input:checked + label.edit:before, .rounded-checkbox-wrapper tr:hover a.hover-link input:checked + label.edit:before, tr:hover a.hover-link .select2-container--bootstrap.select2-container--bootstrap .edit.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-selection__choice__remove, tr:hover a.hover-link .edit.datepicker:before,
tr:hover a.hover-link .edit.hs_daterange_picker:before, tr:hover a.hover-link .edit.search-filter:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-selection:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.edit:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow tr:hover a.hover-link b.edit:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-date:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-week:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-paid:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-user:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-member:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-client:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-project:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-timesheet:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-task:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-team:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-job_site:before, tr:hover a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .edit.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap tr:hover a.hover-link .edit.select2-results__option.is-work_break_policy:before, tr:hover a.hover-link .edit.vue-map-search:before {
  visibility: visible;
}

/* line 16, app/assets/stylesheets/components/hover-link.scss */
a.hover-link .hi:not(.edit), a.hover-link .is-first.is-last.is-complete .v-step-number-wrapper .step-number:not(.edit), .is-first.is-last.is-complete .v-step-number-wrapper a.hover-link .step-number:not(.edit), a.hover-link .toggling-dropdown > li.is-on > a:not(.edit):before, a.hover-link .rounded-checkbox-wrapper input:checked + label:not(.edit):before, .rounded-checkbox-wrapper a.hover-link input:checked + label:not(.edit):before, a.hover-link .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove:not(.edit), .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-selection__choice__remove:not(.edit), a.hover-link .datepicker:not(.edit):before,
a.hover-link .hs_daterange_picker:not(.edit):before, a.hover-link .search-filter:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-selection:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow a.hover-link b:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-date:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-week:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-paid:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-user:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-member:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-client:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-project:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-timesheet:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-task:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-team:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-job_site:not(.edit):before, a.hover-link .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:not(.edit):before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap a.hover-link .select2-results__option.is-work_break_policy:not(.edit):before, a.hover-link .vue-map-search:not(.edit):before {
  margin-left: 0;
}

/* line 20, app/assets/stylesheets/components/hover-link.scss */
a.hover-link:hover, a.hover-link:active, a.hover-link:focus {
  color: #2aa7ff;
}

/* line 24, app/assets/stylesheets/components/hover-link.scss */
a.hover-link:hover *, a.hover-link:active *, a.hover-link:focus * {
  color: #2aa7ff;
}

/* line 27, app/assets/stylesheets/components/hover-link.scss */
a.hover-link:hover .avatar,
a.hover-link:hover .more-members-badge, a.hover-link:active .avatar,
a.hover-link:active .more-members-badge, a.hover-link:focus .avatar,
a.hover-link:focus .more-members-badge {
  color: #ffffff;
}

/* line 1, app/assets/stylesheets/components/welcome_mats.scss */
.welcome-mat {
  width: 100%;
}

/* line 3, app/assets/stylesheets/components/welcome_mats.scss */
.modal-content .welcome-mat {
  padding-bottom: 30px;
}

/* line 6, app/assets/stylesheets/components/welcome_mats.scss */
.welcome-mat p {
  color: #6b7280;
  font-size: 15px;
  line-height: 22px;
  max-width: 500px;
  width: 100%;
}

/* line 14, app/assets/stylesheets/components/welcome_mats.scss */
.welcome-mat img {
  margin: 30px 0;
  max-width: 615px;
  min-height: 1%;
}

@media (max-width: 575.98px) {
  /* line 14, app/assets/stylesheets/components/welcome_mats.scss */
  .welcome-mat img {
    max-width: 100%;
  }
}

/* line 22, app/assets/stylesheets/components/welcome_mats.scss */
.welcome-mat .btn, .welcome-mat .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .welcome-mat .nav-item {
  padding: 9px 38px;
}

/* line 27, app/assets/stylesheets/components/welcome_mats.scss */
.welcome-mat .work-orders img {
  width: 100%;
  margin-bottom: 0;
  max-width: 800px;
  transform: translateX(-25px);
}

@media (min-width: 768px) {
  /* line 27, app/assets/stylesheets/components/welcome_mats.scss */
  .welcome-mat .work-orders img {
    transform: translateX(-50px);
  }
}

/* line 1, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: 100%;
  width: 100%;
}

/* line 8, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .title {
  display: none;
}

/* line 12, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps {
  margin: 0;
  width: 100%;
}

/* line 16, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps ul.step-progress {
  padding: 0;
  display: flex;
  justify-content: center;
}

/* line 22, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper {
  display: flex;
  position: relative;
}

/* line 28, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.done li.step .node {
  border-color: rgba(209, 213, 219, 0);
  background-color: rgba(209, 213, 219, 0.5);
  position: relative;
}

/* line 32, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.done li.step .node .dot {
  display: block;
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
  height: 1.25rem;
  background: url(https://server-assets.hubstaff.com/b9e3417e06/global/check-b6702bec9e8ef371c10b4e689b6b7360bf8f0071038a4dcf43e0c8799cfa39d4.svg) no-repeat;
}

/* line 44, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.done li.step .name {
  display: none;
}

/* line 48, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.done li.step .divider {
  background-color: rgba(209, 213, 219, 0.5);
  opacity: 50%;
}

/* line 57, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.activated li.step .node {
  border-color: white;
  position: relative;
}

/* line 61, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.activated li.step .node .dot {
  display: block;
  height: 32%;
  width: 32%;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 74, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.activated li.step .divider {
  background-color: white;
}

/* line 78, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.activated li.step .name {
  color: #0168dd;
  font-weight: 500;
  background-color: white;
  border: solid 0.2rem white;
  border-radius: 10rem;
  max-width: 10rem;
  padding: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.4rem;
  position: absolute;
  top: 140%;
  right: 37%;
}

/* line 97, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper.activated li:last-child .name {
  right: -80%;
}

/* line 103, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper li.step {
  list-style: none;
  line-height: 0.1rem;
  display: flex;
  align-items: center;
}

/* line 109, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper li.step .node {
  min-height: 2rem;
  min-width: 2rem;
  border-radius: 50%;
  transition: all 1000ms ease;
  border: solid 0.2rem rgba(255, 255, 255, 0.3);
}

/* line 116, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper li.step .node > .dot {
  display: none;
}

/* line 121, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper li.step .name {
  display: none;
}

/* line 125, app/assets/stylesheets/components/wizard_small_steps.scss */
.wizard-small-steps .steps .step-wrapper li.step .divider {
  max-width: 7rem;
  min-width: 7rem;
  height: 0.2rem;
  width: 100%;
  transition: all 800ms ease;
  background-color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps {
    width: auto;
  }
  /* line 140, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .title {
    display: block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
    color: white;
    margin-bottom: 3.3rem;
  }
  /* line 150, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .steps ul.step-progress {
    display: block;
  }
  /* line 154, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .steps .step-wrapper {
    max-width: 100%;
    display: block;
  }
  /* line 160, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .steps .step-wrapper.done li.step .name {
    display: block;
    color: rgba(209, 213, 219, 0.5);
    font-weight: 500;
  }
  /* line 170, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .steps .step-wrapper.activated li.step .name {
    left: 20%;
    top: auto;
    right: auto;
  }
  /* line 179, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .steps .step-wrapper li.step .node {
    margin-right: 1.8rem;
  }
  /* line 183, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .steps .step-wrapper li.step .name {
    display: block;
    font-family: 'Roboto', sans-serif;
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.4rem;
    font-weight: 400;
  }
  /* line 191, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .steps .step-wrapper li.step .divider {
    height: 7rem;
    max-width: 0.2rem;
    min-width: 0.2rem;
    margin-left: 0.9rem;
  }
}

@media (min-width: 768px) {
  /* line 203, app/assets/stylesheets/components/wizard_small_steps.scss */
  .wizard-small-steps .title {
    font-size: 1.8rem;
  }
}

/* line 2, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .modal-xl {
  margin-top: 3rem;
  max-width: 112.6rem;
}

/* line 7, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .header {
  grid-template-areas: 'icon title' 'icon pricing' !important;
}

/* line 13, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .title {
  color: var(--z-gray-900);
  font-size: 18px;
  font-weight: 600;
  grid-area: title;
  line-height: 3.2rem;
}

/* line 21, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .pricing {
  color: var(--z-gray-500);
  font-size: 13px;
  font-weight: 400;
  grid-area: pricing;
}

/* line 28, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .description {
  color: var(--z-gray-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 2rem;
}

/* line 35, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update a.learn-more {
  font-size: 14px;
  font-weight: 500;
}

/* line 40, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .btn, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item {
  background: #2aa7ff;
  color: white;
  border-radius: 0.6rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4rem;
  min-width: 10rem;
  opacity: 1;
  padding: 1.2rem 2rem;
}

/* line 51, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .btn:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:hover, .addon-suggestion-modal.addon-dialog-update .btn:focus, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:focus, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:focus {
  color: #ffffff;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
  outline: none;
}

/* line 75, app/assets/stylesheets/helpers/_mixins.scss */
.addon-suggestion-modal.addon-dialog-update .btn:hover:focus, .addon-suggestion-modal.addon-dialog-update .btn.focus:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.focus:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.focus:hover, .addon-suggestion-modal.addon-dialog-update .btn:focus:focus, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:focus:focus, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:focus:focus, .addon-suggestion-modal.addon-dialog-update .btn.focus:focus {
  color: #ffffff;
  background-color: #0090f6;
  border-color: #0063aa;
}

/* line 81, app/assets/stylesheets/helpers/_mixins.scss */
.addon-suggestion-modal.addon-dialog-update .btn:hover:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:hover:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:hover:hover, .addon-suggestion-modal.addon-dialog-update .btn:focus:hover {
  color: #ffffff;
  background-color: #0090f6;
  border-color: #008aec;
}

/* line 86, app/assets/stylesheets/helpers/_mixins.scss */
.addon-suggestion-modal.addon-dialog-update .btn:hover:active, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:hover:active, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:hover:active, .addon-suggestion-modal.addon-dialog-update .btn.active:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.active:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.active:hover, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle:hover, .open > .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.dropdown-toggle:hover, .app-tabs-switch > .nav.nav-tabs .open > .addon-suggestion-modal.addon-dialog-update .nav-item.dropdown-toggle:hover, .addon-suggestion-modal.addon-dialog-update .btn:focus:active, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:focus:active, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:focus:active, .addon-suggestion-modal.addon-dialog-update .btn.active:focus, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.active:focus, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.active:focus, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle:focus, .open > .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.dropdown-toggle:focus, .app-tabs-switch > .nav.nav-tabs .open > .addon-suggestion-modal.addon-dialog-update .nav-item.dropdown-toggle:focus {
  color: #ffffff;
  background-color: #0090f6;
  border-color: #008aec;
}

/* line 93, app/assets/stylesheets/helpers/_mixins.scss */
.addon-suggestion-modal.addon-dialog-update .btn:focus:active:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:hover:active:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:hover:active:hover, .addon-suggestion-modal.addon-dialog-update .btn.focus:hover:active, .addon-suggestion-modal.addon-dialog-update .btn.active:focus:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.active:hover:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.active:hover:hover, .addon-suggestion-modal.addon-dialog-update .btn.active.focus:hover, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle:hover:focus, .open > .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.dropdown-toggle:hover:hover, .app-tabs-switch > .nav.nav-tabs .open > .addon-suggestion-modal.addon-dialog-update .nav-item.dropdown-toggle:hover:hover, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle.focus:hover, .addon-suggestion-modal.addon-dialog-update .btn.focus:focus:active, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:focus:active:focus, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:focus:active:focus, .addon-suggestion-modal.addon-dialog-update .btn.active.focus:focus, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.active:focus:focus, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.active:focus:focus, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle:focus:hover, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle:focus:focus, .open > .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.dropdown-toggle:focus:focus, .app-tabs-switch > .nav.nav-tabs .open > .addon-suggestion-modal.addon-dialog-update .nav-item.dropdown-toggle:focus:focus, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle.focus:focus {
  color: #ffffff;
  background-color: #007bd2;
  border-color: #0063aa;
}

/* line 101, app/assets/stylesheets/helpers/_mixins.scss */
.addon-suggestion-modal.addon-dialog-update .btn:hover:active, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:hover:active, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:hover:active, .addon-suggestion-modal.addon-dialog-update .btn.active:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.active:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.active:hover, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle:hover, .open > .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.dropdown-toggle:hover, .app-tabs-switch > .nav.nav-tabs .open > .addon-suggestion-modal.addon-dialog-update .nav-item.dropdown-toggle:hover, .addon-suggestion-modal.addon-dialog-update .btn:focus:active, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:focus:active, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:focus:active, .addon-suggestion-modal.addon-dialog-update .btn.active:focus, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.active:focus, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.active:focus, .open > .addon-suggestion-modal.addon-dialog-update .btn.dropdown-toggle:focus, .open > .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.dropdown-toggle:focus, .app-tabs-switch > .nav.nav-tabs .open > .addon-suggestion-modal.addon-dialog-update .nav-item.dropdown-toggle:focus {
  background-image: none;
}

/* line 109, app/assets/stylesheets/helpers/_mixins.scss */
.addon-suggestion-modal.addon-dialog-update .btn.disabled:focus:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.disabled:hover:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.disabled:hover:hover, .addon-suggestion-modal.addon-dialog-update .btn.disabled.focus:hover, .addon-suggestion-modal.addon-dialog-update .btn[disabled]:focus:hover, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item[disabled]:hover:hover, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item[disabled]:hover:hover, .addon-suggestion-modal.addon-dialog-update .btn.focus[disabled]:hover, fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .btn:hover:focus, fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:hover:hover, .app-tabs-switch > .nav.nav-tabs fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .nav-item:hover:hover, fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .btn.focus:hover, .addon-suggestion-modal.addon-dialog-update .btn.disabled.focus:focus, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item.disabled:focus:focus, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item.disabled:focus:focus, .addon-suggestion-modal.addon-dialog-update .btn.focus[disabled]:focus, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item[disabled]:focus:focus, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item[disabled]:focus:focus, fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .btn:focus:hover, fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .btn:focus:focus, fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:focus:focus, .app-tabs-switch > .nav.nav-tabs fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .nav-item:focus:focus, fieldset[disabled] .addon-suggestion-modal.addon-dialog-update .btn.focus:focus {
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 117, app/assets/stylesheets/helpers/_mixins.scss */
.addon-suggestion-modal.addon-dialog-update .btn:hover .badge, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:hover .badge, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:hover .badge, .addon-suggestion-modal.addon-dialog-update .btn:focus .badge, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item:focus .badge, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item:focus .badge {
  color: #2aa7ff;
  background-color: #ffffff;
}

/* line 57, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .btn .check-icon, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .nav-item .check-icon, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .nav-item .check-icon {
  display: none;
}

/* line 61, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .btn.addon-included, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .addon-included.nav-item, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .addon-included.nav-item {
  color: #2aa7ff;
  background: white;
}

/* line 65, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .btn.addon-included .check-icon, .addon-suggestion-modal.addon-dialog-update .app-tabs-switch > .nav.nav-tabs .addon-included.nav-item .check-icon, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .addon-included.nav-item .check-icon {
  display: block;
}

/* line 71, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addon-box.active,
.addon-suggestion-modal.addon-dialog-update .addon-box.included {
  border-color: transparent;
  outline: 0.2rem solid #2aa7ff;
}

/* line 76, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addon-box.active .btn, .addon-suggestion-modal.addon-dialog-update .addon-box.active .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .addon-box.active .nav-item,
.addon-suggestion-modal.addon-dialog-update .addon-box.included .btn,
.addon-suggestion-modal.addon-dialog-update .addon-box.included .app-tabs-switch > .nav.nav-tabs .nav-item,
.app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .addon-box.included .nav-item {
  color: #2aa7ff;
  background: white;
}

/* line 80, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addon-box.active .btn .check-icon, .addon-suggestion-modal.addon-dialog-update .addon-box.active .app-tabs-switch > .nav.nav-tabs .nav-item .check-icon, .app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .addon-box.active .nav-item .check-icon,
.addon-suggestion-modal.addon-dialog-update .addon-box.included .btn .check-icon,
.addon-suggestion-modal.addon-dialog-update .addon-box.included .app-tabs-switch > .nav.nav-tabs .nav-item .check-icon,
.app-tabs-switch > .nav.nav-tabs .addon-suggestion-modal.addon-dialog-update .addon-box.included .nav-item .check-icon {
  display: block;
  font-size: 14px !important;
}

/* line 87, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addon-box.included {
  background-color: var(--z-gray-50);
}

/* line 90, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addon-box.included .pricing {
  text-decoration: line-through;
}

/* line 95, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended {
  outline: 0.1rem solid var(--z-gray-300);
  border-radius: 1.6rem;
  column-gap: 3rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  padding: 2rem;
  position: relative;
  width: 100%;
}

/* line 106, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .image {
  display: none;
  margin-top: 1.3rem;
  width: 45.7rem;
}

/* line 112, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .recommended-badge {
  background-color: var(--z-green-200);
  border-radius: 3rem;
  color: var(--z-green-700);
  font-size: 16px;
  font-weight: 400;
  line-height: 3.6rem;
  padding: 0 1.1rem;
  position: absolute;
  right: 0;
  top: -1.8rem;
}

/* line 125, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .actions {
  align-items: center;
  display: none;
  flex: auto;
  justify-content: flex-end;
}

/* line 131, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .actions.bottom {
  display: flex;
  margin-top: 3rem;
}

/* line 137, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .header {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 5rem;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}

/* line 145, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .header .info {
  column-gap: 1.2rem;
  display: grid;
  grid-template-areas: 'icon title' 'icon pricing';
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 1fr;
  height: 5rem;
  text-align: left;
}

/* line 156, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .header .info .addon-icon {
  grid-area: icon;
  grid-row: 1 / -1;
}

/* line 163, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .features {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 4rem;
  row-gap: 2.8rem;
}

/* line 170, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .features .feature {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.4rem;
  width: 50%;
}

/* line 177, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .recommended .features .feature .hi, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .step-number, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .toggling-dropdown > li.is-on > a:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .addon-suggestion-modal.addon-dialog-update .recommended .features .feature input:checked + label:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-selection__choice__remove, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .datepicker:before,
.addon-suggestion-modal.addon-dialog-update .recommended .features .feature .hs_daterange_picker:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .search-filter:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-selection:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .addon-suggestion-modal.addon-dialog-update .recommended .features .feature b:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-date:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-week:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-paid:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-user:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-member:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-client:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-project:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-timesheet:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-task:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-team:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-job_site:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .select2-results__option.is-work_break_policy:before, .addon-suggestion-modal.addon-dialog-update .recommended .features .feature .vue-map-search:before {
  color: #0168dd;
  font-size: 20px;
}

/* line 185, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .modal-footer {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  padding-top: 30px;
}

/* line 191, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addons-table.addons-modal {
  column-gap: 2rem;
  row-gap: 2rem;
}

/* line 195, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addons-table.addons-modal .table-column {
  outline: 0.1rem solid var(--z-gray-300);
  border-radius: 1.6rem;
}

/* line 199, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addons-table.addons-modal .table-column .header {
  column-gap: 1.2rem;
  height: 5rem;
}

/* line 203, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addons-table.addons-modal .table-column .header.addon-dialog {
  margin-bottom: 1.6rem;
}

/* line 208, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addons-table.addons-modal .table-column .description {
  color: var(--z-gray-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 2rem;
}

/* line 215, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addons-table.addons-modal .table-column .footer {
  align-items: flex-end;
  display: flex;
  flex: auto;
  justify-content: flex-end;
  margin-top: 1.6rem;
}

/* line 222, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addons-table.addons-modal .table-column .footer a.learn-more {
  margin-bottom: 1rem;
}

/* line 227, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
.addon-suggestion-modal.addon-dialog-update .addons-table.addons-modal .table-column.active > .description {
  color: var(--z-gray-900);
  text-decoration-line: none;
}

@media (max-width: 768px) {
  /* line 236, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .addons-table {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  /* line 244, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .addons-table {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  /* line 252, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .recommended {
    flex-direction: row;
  }
  /* line 255, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .recommended .content {
    width: 61.3rem;
  }
  /* line 258, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .recommended .content .actions {
    display: flex;
  }
  /* line 263, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .recommended .image {
    display: block;
  }
  /* line 267, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .recommended .recommended-badge {
    padding: 0 2.2rem;
    right: 2rem;
  }
  /* line 272, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .recommended > .actions.bottom {
    display: none;
  }
}

@media (max-width: 1200px) {
  /* line 281, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .modal-dialog {
    width: auto;
  }
}

@media (min-width: 1200px) {
  /* line 289, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .addons-table {
    grid-template-columns: 1fr 1fr 1fr;
  }
  /* line 293, app/assets/stylesheets/controllers/_addon_dialog_update.scss */
  .addon-suggestion-modal.addon-dialog-update .table-column {
    max-width: 36.6rem;
  }
}

/* line 2, app/assets/stylesheets/controllers/_collect-industry-dialog.scss */
#collect-industry-info-modal .modal-header {
  padding: 3rem 3rem 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
}

/* line 9, app/assets/stylesheets/controllers/_collect-industry-dialog.scss */
#collect-industry-info-modal .modal-header:before {
  display: none;
}

/* line 13, app/assets/stylesheets/controllers/_collect-industry-dialog.scss */
#collect-industry-info-modal .modal-header .description {
  color: #6b7280;
}

/* line 17, app/assets/stylesheets/controllers/_collect-industry-dialog.scss */
#collect-industry-info-modal .modal-header img {
  align-self: center;
}

/* line 23, app/assets/stylesheets/controllers/_collect-industry-dialog.scss */
#collect-industry-info-modal .modal-body label, #collect-industry-info-modal .modal-body-centered label {
  color: #6b7280;
}

/* line 27, app/assets/stylesheets/controllers/_collect-industry-dialog.scss */
#collect-industry-info-modal .modal-body .actions, #collect-industry-info-modal .modal-body-centered .actions {
  margin-top: 5rem;
  display: flex;
  justify-content: flex-end;
  gap: 1.6rem;
}

@media only screen and (max-width: 480px) {
  /* line 27, app/assets/stylesheets/controllers/_collect-industry-dialog.scss */
  #collect-industry-info-modal .modal-body .actions, #collect-industry-info-modal .modal-body-centered .actions {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  /* line 38, app/assets/stylesheets/controllers/_collect-industry-dialog.scss */
  #collect-industry-info-modal .modal-body .actions button, #collect-industry-info-modal .modal-body-centered .actions button {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention {
  font-family: "Roboto", sans-serif;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

/* line 8, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .illustration-container {
  flex: 0 0 20rem;
  max-width: 100%;
  max-height: 10rem;
  padding: 2rem;
  background: url(https://server-assets.hubstaff.com/b9e3417e06/illustrations/customer_retention_illustration_vertical-420-a3ff31eb1aaba4766e1ef582bd18131b46c8a997cf8ad99e2e4ef9551763fc82.png) no-repeat center center;
  background-size: cover;
  display: flex;
  overflow-y: auto;
}

/* line 21, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .illustration-container.no-steps {
  display: none;
}

/* line 26, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container {
  min-width: 60%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 34, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container.sm-no-logo .content .hubstaff-logo {
  display: none;
}

/* line 38, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container.sm-no-logo .content .form-wrapper {
  margin-top: 2rem;
}

/* line 44, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container .content {
  padding: 0 2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 51, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container .content .hubstaff-logo {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 5rem;
}

/* line 57, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container .content .hubstaff-logo img {
  max-width: 10.8rem;
  max-height: 2.4rem;
}

/* line 63, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container .content .form-wrapper {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-y: auto;
}

/* line 70, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container .content .form-wrapper .form {
  max-width: 88.2rem;
  width: 100%;
  margin: 0 2rem;
  display: flex;
  flex-direction: column;
}

/* line 77, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container .content .form-wrapper .form abbr {
  margin-left: 0.5rem;
}

/* line 81, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container .content .form-wrapper .form h1.title {
  font-family: 'Ubuntu', sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: start;
  margin-bottom: 2rem;
  margin-top: 0;
  color: #1f2e54;
}

/* line 91, app/assets/stylesheets/controllers/_customer_retention_common.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .subtitle {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: start;
  margin-bottom: 2rem;
  color: #6b7280;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention {
    flex-direction: row;
  }
  /* line 106, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .illustration-container {
    flex: 0 0 20rem;
    max-width: 40%;
    max-height: 100vh;
    padding-top: 15rem;
    background: url(https://server-assets.hubstaff.com/b9e3417e06/illustrations/customer_retention_illustration-200-97bdd4fbd46e57006c8404ae08a20e80b9f03c4b4a896eb3af0bcef13ed87815.png) no-repeat center center;
    background-size: cover;
    display: flex;
  }
  /* line 107, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .illustration-container.no-steps {
    display: flex;
  }
  /* line 126, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .onboarding-container.sm-no-logo .content .hubstaff-logo {
    display: flex;
  }
  /* line 130, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .onboarding-container.sm-no-logo .content .form-wrapper {
    margin-top: 0;
  }
  /* line 136, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .onboarding-container .content {
    padding: 0;
  }
  /* line 139, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .onboarding-container .content .hubstaff-logo {
    justify-content: flex-end;
    margin-right: 6rem;
    margin-bottom: 1.5rem;
  }
  /* line 146, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form {
    margin: 0 3rem;
  }
  /* line 149, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form h1.title {
    font-size: 3.4rem;
  }
}

@media (min-width: 992px) {
  /* line 1, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention {
    flex-direction: row;
  }
  /* line 164, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .illustration-container {
    max-width: 40%;
    max-height: 100vh;
    display: flex;
    flex: 0 0 20rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 15rem 3rem 4rem 3rem;
    background: url(https://server-assets.hubstaff.com/b9e3417e06/illustrations/customer_retention_illustration-400-9832a4ce40af20449306a45e70a0d520dd2e0e648ef050216dabf4f4afda5390.png) no-repeat center center;
    background-size: cover;
  }
  /* line 180, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form {
    margin: 0 8rem;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form {
    margin: 0 8rem;
  }
}

@media (min-width: 1600px) {
  /* line 192, app/assets/stylesheets/controllers/_customer_retention_common.scss */
  .customer-retention .illustration-container {
    flex: 0 0 60rem;
    padding: 15rem 6rem 4rem 6rem;
    background: url(https://server-assets.hubstaff.com/b9e3417e06/illustrations/customer_retention_illustration-600-cc50f04f2444ff659ec26fca553b5547d05575e87c6060131f9d8e821d391d76.png) no-repeat center center;
    background-size: cover;
  }
}

/* line 4, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form {
  margin-bottom: 2rem;
  width: 100%;
}

/* line 8, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form label {
  font-family: Ubuntu;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: initial;
  color: #1f2937;
}

/* line 16, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .subtitle {
  margin-bottom: 0;
}

/* line 20, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .form-group {
  margin-bottom: 0;
}

/* line 25, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .collapsable-title .collapsable-title-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 2rem 0;
  outline: none;
  color: #6b7280;
}

/* line 33, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .collapsable-title .collapsable-title-link .title {
  margin-bottom: 0;
}

/* line 37, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .collapsable-title .collapsable-title-link .chevron-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s;
  outline: none;
  border: 0.1rem solid #e5e5e5;
  border-radius: 50%;
  box-sizing: border-box;
  width: 3.2rem;
  height: 3.2rem;
}

/* line 50, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .collapsable-title .collapsable-title-link .chevron-icon.rotate {
  transform: rotate(90deg);
}

/* line 56, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .manage-team-illustration {
  margin-top: 4rem;
}

/* line 60, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .navbar-toggler {
  cursor: pointer;
}

/* line 62, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .navbar-toggler h4 {
  color: black;
  font-weight: 400;
  line-height: 2.7rem;
}

/* line 70, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integrations-list {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 3rem;
  margin: 3.5rem 0;
}

/* line 77, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integrations-list .integration {
  width: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 82, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integrations-list .integration a {
  display: flex;
  gap: 1rem;
  cursor: pointer;
  font-size: 1.4rem;
}

/* line 88, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integrations-list .integration a img {
  max-width: 2rem;
}

/* line 93, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integrations-list .integration span {
  display: none;
}

/* line 97, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integrations-list .integration label.tooltip, .customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integrations-list .integration label.vue-tooltip {
  width: 20rem;
  text-align: center;
  font-size: 1.2rem;
  box-shadow: 0rem 0.6rem 2.4rem rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
  padding: 0.3rem 0.8rem;
  margin-top: 7rem;
}

/* line 109, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members {
  margin: 1.5rem 0;
}

/* line 112, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member {
  display: flex;
  gap: 2rem;
  margin-bottom: 0.6rem;
  align-items: center;
}

/* line 118, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member .avatar {
  display: none;
}

/* line 122, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member .name {
  display: none;
}

/* line 126, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member .email {
  min-width: 20rem;
  max-width: 20rem;
  overflow: hidden;
}

/* line 132, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member .role {
  display: none;
}

/* line 136, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member .buttons {
  width: 4rem;
  display: flex;
  justify-content: center;
  padding-left: 2rem;
}

/* line 142, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member .buttons a.btn, .customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member .buttons .app-tabs-switch > .nav.nav-tabs a.nav-item, .app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .integrations-invite .integration-members .integration-member .buttons a.nav-item {
  padding: 0.9rem;
}

/* line 150, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .max-input-warning {
  color: #6b7280;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

/* line 156, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .manager-container {
  margin-top: 2rem;
  background-color: #f9fafb;
  box-shadow: 0 0.1rem 0.3rem 0 #0000001A;
  border-radius: 0.5rem;
  padding: 2rem;
  display: flex;
  width: 88.5rem;
  max-width: 80vw;
}

/* line 166, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .manager-container .field {
  margin-bottom: 0;
}

/* line 171, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .user-container {
  margin-top: 2rem;
}

/* line 175, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field {
  width: 100%;
  margin-bottom: 3rem;
}

/* line 180, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field label.title i {
  margin-left: 0.5rem;
  color: #6b7280;
}

/* line 186, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field .help-block {
  border-color: #f05252;
  color: #f05252;
}

/* line 191, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field .note {
  color: #6b7280;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

/* line 197, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals {
  margin-top: 2rem;
}

/* line 200, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 1.4rem;
  width: 100%;
}

/* line 208, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options input[type="radio"] {
  display: none;
}

/* line 212, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal {
  flex: 1 0 27rem;
  max-width: 30rem;
}

/* line 217, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal.selected label {
  background-color: #1f2e54;
}

/* line 221, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal.selected label .header .title {
  color: white;
}

/* line 226, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal.selected label .description {
  color: white;
}

/* line 233, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal.unselected label {
  opacity: 50%;
}

/* line 238, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal label {
  font-family: 'Roboto', sans-serif;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
  width: 100%;
  max-height: 18rem;
  max-width: 30rem;
  width: 100%;
  height: 100%;
  border: 0.1rem solid #d1d5db;
  border-radius: 0.7rem;
  margin-bottom: 0;
  position: relative;
  flex: 1 1 40rem;
  cursor: pointer;
  gap: 1rem;
}

/* line 257, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal label .header {
  display: flex;
  align-items: center;
}

/* line 261, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal label .header .icon {
  margin-right: 1rem;
}

/* line 264, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal label .header .icon .img {
  max-width: 2.4rem;
  min-width: 2.4rem;
  max-height: 2.4rem;
  min-height: 2.4rem;
}

/* line 272, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal label .header .title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #1f2937;
}

/* line 279, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .options .goal label .description {
  font-size: 1.2rem;
  color: #6b7280;
  min-height: 5.6rem;
}

/* line 288, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .both-checkbox {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

/* line 293, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .both-checkbox label {
  font-size: 1.4rem;
  margin-bottom: 0;
  color: #6b7280;
}

/* line 299, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.goals .both-checkbox input {
  margin-right: 0.8rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0.3rem;
  border: 0.1rem;
}

/* line 309, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.team-size {
  display: flex;
  flex-direction: column;
}

/* line 313, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.team-size .title {
  margin-bottom: 0.4rem;
}

/* line 317, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.team-size .subtitle {
  margin-bottom: 2rem;
}

/* line 321, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.team-size .options {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  flex-wrap: wrap;
}

/* line 327, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.team-size .options input[type="radio"] {
  display: none;
}

/* line 333, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.team-size .options .team-size-option.selected label {
  background-color: #1f2e54;
  color: white;
}

/* line 339, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.team-size .options .team-size-option label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  min-width: 8.5rem;
  border: 0.1rem solid #d1d5db;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  color: #6b7280;
  margin-bottom: 0;
}

/* line 358, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 7rem;
  gap: 3rem;
}

/* line 365, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots {
  display: flex;
  flex-direction: column;
  max-width: 47rem;
}

/* line 371, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .toggle-label,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .toggle-label {
  font-size: 1.1rem;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 1.4rem;
  text-transform: uppercase;
}

/* line 379, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .select,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .select {
  display: block;
}

/* line 384, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options.screenshots-toggle, .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .screenshots-toggle.nav.nav-tabs, .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options.apps-and-urls-toggle, .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .apps-and-urls-toggle.nav.nav-tabs,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options.screenshots-toggle,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .screenshots-toggle.nav.nav-tabs,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options.apps-and-urls-toggle,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .apps-and-urls-toggle.nav.nav-tabs {
  display: none;
  width: 100%;
}

/* line 390, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn.btn-toggle-option, .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option, .app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn-toggle-option.nav-item, .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.nav-item,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn.btn-toggle-option,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option,
.app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn-toggle-option.nav-item,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.nav-item {
  width: 100%;
}

/* line 393, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn.btn-toggle-option .description-arrow, .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option .description-arrow, .app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn-toggle-option.nav-item .description-arrow, .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.nav-item .description-arrow,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn.btn-toggle-option .description-arrow,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option .description-arrow,
.app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn-toggle-option.nav-item .description-arrow,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.nav-item .description-arrow {
  display: none;
}

/* line 399, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .descriptions .description,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .descriptions .description {
  display: flex;
  align-items: center;
  margin-top: 3rem;
  max-height: 7rem;
  min-height: 7rem;
  padding: 0 2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #d1d5db;
  background-color: #f3f4f6;
  display: none;
}

/* line 411, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .apps-and-urls .descriptions .description img,
.customer-retention .onboarding-container .content .form-wrapper .form .field.data-privacy .privacy-settings .screenshots .descriptions .description img {
  margin-right: 1rem;
}

/* line 420, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .options {
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  gap: 2rem 1.3rem;
  flex-wrap: wrap;
}

/* line 427, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .options input[type="checkbox"] {
  display: none;
}

/* line 432, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .options span label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  min-width: 13rem;
  border: 0.1rem solid #d1d5db;
  border-radius: 0.6rem;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  color: #6b7280;
  margin-bottom: 0;
}

/* line 447, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .options span label.selected {
  border-color: #2aa7ff;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
  color: #2aa7ff;
  font-weight: 500;
}

/* line 454, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .options span label img {
  max-width: 1.4rem;
  max-height: 1.4rem;
  margin-right: 0.3rem;
}

/* line 460, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .options span label .preferred-ribbon {
  font-size: 1.4rem;
  height: 3rem;
  width: 3.4rem;
  border-radius: 0 0.6rem 0.6rem 0;
  background-color: #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 50%;
  right: 82%;
  color: red;
}

/* line 474, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .options span label .preferred-ribbon:after {
  content: '';
  position: absolute;
  top: 3rem;
  left: 0;
  border-style: solid;
  border-width: 0 1rem 0.8rem 0;
  border-color: transparent #545964 transparent transparent;
}

/* line 488, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .custom-payment-method {
  margin-top: 1.4rem;
}

/* line 491, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .custom-payment-method textarea {
  border: 0.1rem solid #d1d5db;
  border-radius: 0.6rem;
  max-width: 70rem;
  width: 100%;
  height: 6.4rem;
  padding: 1.2rem;
}

/* line 499, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.integrations .custom-payment-method textarea:focus {
  border: #2aa7ff solid 0.1rem;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
  outline: none;
}

/* line 509, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-link .invite-link-input {
  display: flex;
}

/* line 512, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-link .invite-link-input input {
  border: 0.1rem solid #d1d5db;
  max-width: 48rem;
  height: 4rem;
  padding: 1rem 1.6rem 1rem 1.6rem;
  border-radius: 0.6rem 0 0 0.6rem;
}

/* line 519, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-link .invite-link-input input:focus {
  border: #2aa7ff solid 0.1rem;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
}

/* line 525, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-link .invite-link-input button {
  width: 6.4rem;
  color: #2aa7ff;
  font-weight: 400;
  border-color: #d1d5db;
  text-transform: uppercase;
}

/* line 537, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.3rem;
}

/* line 542, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .help-block {
  margin-bottom: 0;
}

/* line 546, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs {
  display: flex;
}

/* line 549, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs .email {
  max-width: 27rem;
  width: 100%;
}

/* line 553, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs .email input {
  border-radius: 0.6rem 0 0 0.6rem;
  border-right: none;
}

/* line 557, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs .email input:focus {
  border: #2aa7ff solid 0.1rem;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
  position: relative;
}

/* line 565, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs .role {
  display: flex;
  align-items: flex-end;
}

/* line 569, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs .role .select2-selection {
  border-radius: 0 0.6rem 0.6rem 0 !important;
}

/* line 573, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs .role .select2-selection:focus {
  border-radius: 0 0.6rem 0 0 !important;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
}

/* line 579, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs .role .role-input {
  border-radius: 0 0.6rem 0.6rem 0;
  max-width: 12.8rem;
  background-color: white;
  border-color: #e5e5e5;
}

/* line 588, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs.error .email input {
  border: #f05252 solid 0.1rem;
}

/* line 591, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs.error .email input:focus {
  border: #2aa7ff solid 0.1rem;
}

/* line 596, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs.error .role .select2-selection {
  border: #f05252 solid 0.1rem;
  border-left: none;
}

/* line 600, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .information .inputs.error .role .select2-selection:focus {
  border: #2aa7ff solid 0.1rem;
}

/* line 608, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members #members-to-invite .remove-line-item {
  color: #6b7280;
  margin-left: 2rem;
  display: flex;
  align-items: center;
}

/* line 616, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.invite-members .add-line-item {
  display: inline-block;
}

/* line 621, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms {
  margin-top: 4rem;
}

/* line 624, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}

/* line 630, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options input[type="radio"] {
  display: none;
}

/* line 634, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform {
  flex: 1 0 13rem;
  max-width: 100%;
}

/* line 639, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform.selected label {
  background-color: #1f2e54;
}

/* line 643, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform.selected label .header .title {
  color: white;
}

/* line 648, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform.selected label .description {
  color: white;
}

/* line 654, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label {
  font-family: 'Roboto', sans-serif;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
  width: 100%;
  max-height: 10.8rem;
  max-width: 100%;
  height: 100%;
  border: 0.1rem solid #d1d5db;
  border-radius: 0.7rem;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
  flex: 1 1 40rem;
  gap: 1rem;
}

/* line 672, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label .header {
  display: flex;
  align-items: center;
}

/* line 676, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label .header .icon {
  margin-right: 1rem;
}

/* line 679, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label .header .icon .img {
  width: 2.4rem;
  height: 2.4rem;
}

/* line 685, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label .header .title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #1f2937;
}

/* line 692, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label .description {
  font-size: 1.2rem;
  color: #6b7280;
}

/* line 697, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label .most-used-ribbon {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: absolute;
  bottom: 91%;
  right: 5%;
  width: 18.7rem;
  height: 2.6rem;
  padding: 0.1rem;
  border-radius: 2rem;
  background-color: var(--z-purple-100);
  color: var(--z-purple-800);
  font-weight: 400;
}

/* line 714, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label .most-used-ribbon .icon {
  width: 1.8rem;
  height: 1.8rem;
}

/* line 718, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field.preferred-platforms .options .preferred-platform label .most-used-ribbon .icon img {
  width: 100%;
  height: 100%;
}

/* line 730, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}

/* line 736, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field-group .field {
  width: 100%;
  max-width: 100%;
}

/* line 743, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .field-group .field.invite-members #members-to-invite .information .email {
  min-width: 24rem;
  max-width: 24rem;
}

/* line 753, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .wizard-buttons {
  margin-top: 5rem;
  display: flex;
  justify-content: space-between;
}

/* line 758, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .wizard-buttons .btn, .customer-retention .onboarding-container .content .form-wrapper .form .wizard-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .wizard-buttons .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 764, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .wizard-buttons .hi-left-arrow {
  margin-right: 1rem;
}

/* line 768, app/assets/stylesheets/controllers/_customer_retention_form.scss */
.customer-retention .onboarding-container .content .form-wrapper .form .wizard-buttons .hi-right-arrow {
  margin-left: 1rem;
}

@media (min-width: 576px) {
  /* line 778, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .integrations-invite .integrations-list .integration span {
    display: block;
  }
  /* line 784, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .integrations-invite .integration-members .integration-member .role {
    display: block;
    width: 15%;
  }
  /* line 789, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .integrations-invite .integration-members .integration-member .buttons {
    width: 12rem;
  }
  /* line 795, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field {
    max-width: 36.4rem;
  }
  /* line 802, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .select,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .select {
    display: none;
  }
  /* line 807, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options.screenshots-toggle, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .screenshots-toggle.nav.nav-tabs,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options.screenshots-toggle,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .screenshots-toggle.nav.nav-tabs {
    display: flex;
    min-width: 31rem;
    max-width: 31rem;
  }
  /* line 813, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options.apps-and-urls-toggle, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .apps-and-urls-toggle.nav.nav-tabs,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options.apps-and-urls-toggle,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .apps-and-urls-toggle.nav.nav-tabs {
    display: flex;
    min-width: 37rem;
    max-width: 37rem;
  }
  /* line 819, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .description-arrow, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .description-arrow,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .description-arrow,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .description-arrow {
    display: flex;
  }
  /* line 823, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn.btn-toggle-option, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option, .app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn-toggle-option.nav-item, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.nav-item,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn.btn-toggle-option,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option,
.app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn-toggle-option.nav-item,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.nav-item {
    width: auto;
  }
  /* line 827, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn.btn-toggle-option.active .description-arrow, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option.active .description-arrow, .app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn-toggle-option.active.nav-item .description-arrow, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.active.nav-item .description-arrow,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn.btn-toggle-option.active .description-arrow,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option.active .description-arrow,
.app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn-toggle-option.active.nav-item .description-arrow,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.active.nav-item .description-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: #d1d5db solid 0.1rem;
    position: absolute;
    top: 150%;
    background-color: white;
    cursor: default;
  }
  /* line 840, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn.btn-toggle-option.active .description-arrow i, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option.active .description-arrow i, .app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .toggle-multiple-options .btn-toggle-option.active.nav-item .description-arrow i, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .apps-and-urls .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.active.nav-item .description-arrow i,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn.btn-toggle-option.active .description-arrow i,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn.btn-toggle-option.active .description-arrow i,
.app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .toggle-multiple-options .btn-toggle-option.active.nav-item .description-arrow i,
.customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings .screenshots .app-tabs-switch > .nav.nav-tabs .btn-toggle-option.active.nav-item .description-arrow i {
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    color: #1f2937;
  }
  /* line 854, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.preferred-platforms {
    max-width: 100%;
  }
  /* line 859, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .wizard-buttons {
    max-width: 36.4rem;
  }
}

@media (min-width: 768px) {
  /* line 868, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .integrations-invite .integration-members .integration-member .avatar {
    display: block;
    width: 4rem;
    height: 4rem;
  }
  /* line 872, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .integrations-invite .integration-members .integration-member .avatar img {
    border-radius: 50%;
  }
  /* line 877, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .integrations-invite .integration-members .integration-member .email {
    max-width: 25rem;
    min-width: 25rem;
  }
  /* line 883, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .wizard-buttons {
    max-width: 88.2rem;
  }
}

@media (min-width: 992px) {
  /* line 892, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .integrations-invite .integration-members .integration-member .name {
    display: block;
    width: 20%;
    text-wrap: nowrap;
    overflow: hidden;
  }
  /* line 900, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field, .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .wizard-buttons {
    max-width: 78.2rem;
  }
}

@media (min-width: 1200px) {
  /* line 908, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 3rem;
  }
  /* line 914, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field-group .field {
    max-width: 40rem;
  }
  /* line 921, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.preferred-platforms .options {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    margin-bottom: 1.4rem;
    width: 100%;
  }
  /* line 928, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.preferred-platforms .options .preferred-platform {
    flex: 1 0 27rem;
    max-width: 29rem;
  }
  /* line 932, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.preferred-platforms .options .preferred-platform label {
    justify-content: center;
    max-width: 29rem;
  }
}

@media (min-width: 1440px) {
  /* line 945, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field {
    max-width: 82.2rem;
  }
  /* line 949, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .field.data-privacy .privacy-settings {
    flex-direction: row;
  }
  /* line 955, app/assets/stylesheets/controllers/_customer_retention_form.scss */
  .customer-retention .onboarding-container .content .form-wrapper .form .customer-retention-form .wizard-buttons {
    max-width: 82.2rem;
  }
}

/* line 5, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form {
  width: 100%;
  max-width: 60rem;
  margin: 0 2rem;
  overflow-x: hidden;
}

/* line 12, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.invite-expired .illustration {
  max-width: 50rem;
  max-height: 50rem;
}

/* line 18, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join {
  align-items: center;
}

/* line 21, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join .subtitle {
  font-size: 1.6rem;
  text-align: center;
  max-width: 41.8rem;
}

/* line 27, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join .divider {
  color: #9ca3af;
  display: flex;
  align-items: center;
  font-weight: 500;
  margin-bottom: 2rem;
}

/* line 34, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join .divider .line {
  min-width: 15.3rem;
  background-color: #d1d5db;
  max-height: 0.1rem;
  min-height: 0.1rem;
}

/* line 41, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join .divider span {
  margin: 0 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
}

/* line 48, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join .request-join-form {
  max-width: 36rem;
  width: 100%;
}

/* line 52, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join .request-join-form .btn, .customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join .request-join-form .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-to-join .request-join-form .nav-item {
  margin: 2rem 0;
  width: 100%;
}

/* line 60, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.with-invites .text {
  text-align: center;
}

/* line 66, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-sent .mail-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 71, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-sent .mail-icon .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background-image: radial-gradient(circle, #eaf6ff 50%, #f9fafb 50%);
  background-clip: content-box;
}

/* line 81, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-sent .mail-icon .icon-box i {
  color: #2aa7ff;
}

/* line 87, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-sent .text {
  text-align: center;
  max-width: 36.5rem;
  margin: 0 auto;
}

/* line 93, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form.request-sent .download-app {
  max-width: 20.7rem;
  width: 100%;
  margin: 3rem auto 0 auto;
}

/* line 100, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container {
  width: 100%;
  max-height: 39rem;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  align-items: flex-start;
  margin-bottom: 10rem;
}

/* line 110, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container.with-border {
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.6rem;
  padding: 2rem;
}

/* line 116, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .title {
  font-size: 1.6rem;
  font-weight: 500;
  color: #1f2937;
}

/* line 122, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .subtitle {
  font-size: 1.4rem;
  font-weight: 400;
  color: #6b7280;
  text-align: start;
  margin-bottom: 2rem;
}

/* line 130, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite {
  display: flex;
  width: 100%;
  border-radius: 0.6rem;
  border: 1px solid #e5e5e5;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 2rem;
}

/* line 140, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .organization {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  gap: 1.6rem;
  overflow-x: hidden;
}

/* line 149, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .organization .avatar-medium {
  border-radius: 0.8rem;
  min-width: 4.8rem;
  min-height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
}

/* line 161, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .organization .details .name {
  font-size: 1.8rem;
  font-weight: 400;
}

/* line 166, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .organization .details .members {
  font-size: 1.2rem;
  color: #6b7280;
  display: flex;
  align-items: center;
}

/* line 172, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .organization .details .members .avatars {
  display: flex;
  max-width: 12.6rem;
  max-height: 2.4rem;
  margin-right: 1rem;
}

/* line 178, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .organization .details .members .avatars .avatar-speck {
  width: 2.5rem;
  height: 2.5rem;
}

/* line 183, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .organization .details .members .avatars .avatar-overlaps {
  margin-left: -6px;
}

/* line 191, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .action {
  width: 100%;
  border-top: 0.1rem solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 198, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .pending-invites-container .pending-invite .action .link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  width: 100%;
  height: 100%;
}

/* line 210, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .title {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}

/* line 216, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .back-to-welcome {
  font-size: 1.4rem;
  font-weight: 500;
  color: #6b7280;
  justify-content: center;
  margin: 3rem auto 0 auto;
}

/* line 224, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .back-to-welcome .hi-left-arrow {
  margin-right: 0.8rem;
}

/* line 229, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .text {
  text-align: start;
  font-size: 1.4rem;
  font-weight: 400;
  color: #6b7280;
}

/* line 235, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .text.center {
  text-align: center;
}

/* line 240, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .options {
  margin-top: 4.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 247, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .options .default {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 254, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .options .default .create-org-btn {
  max-width: 17.3rem;
  margin-bottom: 4rem;
}

/* line 259, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .options .default .welcome-illustration {
  max-width: 42.5rem;
  width: 100%;
}

/* line 265, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .options .alternative {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #6b7280;
  width: 100%;
}

/* line 275, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
.customer-retention .onboarding-container .content.welcome .form-wrapper .form .options .alternative .paths {
  width: 100%;
  gap: 1rem;
  margin-top: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 294, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
  .customer-retention .onboarding-container .content.welcome .form-wrapper {
    align-items: flex-start;
    justify-content: center;
    padding: 10rem 0;
  }
  /* line 300, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
  .customer-retention .onboarding-container .content.welcome .form-wrapper .form .title {
    font-size: 3.2rem;
  }
  /* line 304, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
  .customer-retention .onboarding-container .content.welcome .form-wrapper .form .options .alternative {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    color: #6b7280;
    width: 100%;
  }
  /* line 314, app/assets/stylesheets/controllers/_customer_retention_welcome.scss */
  .customer-retention .onboarding-container .content.welcome .form-wrapper .form .options .alternative .paths {
    flex-direction: row;
  }
}

/* line 2, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps {
  width: 100%;
  margin-top: 2rem;
}

/* line 7, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-header h3 {
  font-size: 20px;
  color: black;
}

/* line 12, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-header p {
  color: #6b7280;
}

/* line 17, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-body {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* line 22, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .main-button {
  color: #2aa7ff;
  float: right;
  z-index: 999;
  position: relative;
}

/* line 29, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .card-image {
  text-align: center;
  margin: 10rem 0;
  font-size: 16px;
}

/* line 33, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .card-image img {
  width: 19rem;
}

/* line 37, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .card-image p {
  margin-top: 2rem;
}

/* line 44, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-card {
  display: inline-flex;
}

/* line 48, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box {
  max-width: 40rem;
}

/* line 51, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-header {
  padding: 2rem 0;
}

/* line 55, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-body {
  margin-bottom: 1rem;
}

/* line 58, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-body .field-line {
  margin-bottom: 1rem;
}

/* line 62, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-body .input-combo {
  display: flex;
  align-items: flex-end;
}

/* line 66, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-body .input-combo input {
  border-radius: 0.6rem 0 0 0.6rem;
  border-right: none;
  max-width: 27rem;
}

/* line 71, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-body .input-combo input:focus {
  border: #2aa7ff solid 0.1rem;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
  position: relative;
}

/* line 79, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-body .input-combo .select2-container {
  width: 50% !important;
  min-width: 13rem !important;
}

/* line 84, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-body .input-combo .select2-selection {
  border-radius: 0 0.6rem 0.6rem 0 !important;
  max-width: 27rem;
}

/* line 88, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-body .input-combo .select2-selection:focus {
  border-radius: 0 0.6rem 0 0 !important;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
}

/* line 96, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .embedded-form-box .embedded-form-box-footer {
  padding: 2rem 0;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

/* line 112, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body {
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
}

/* line 117, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 0.1rem solid #e5e5e5;
  border-radius: 1.5rem;
  padding: 2rem;
  width: 100%;
}

/* line 127, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card .content .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  min-height: 2.5rem;
}

/* line 134, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card .content .header .title {
  font-size: 14px;
  font-weight: 500;
}

/* line 139, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card .content .header .badge-check {
  width: 2.5rem;
}

/* line 144, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card .content .description {
  font-size: 12px;
  font-weight: 400;
  color: var(--z-gray-600);
  margin-bottom: 3rem;
}

/* line 152, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card .footer {
  display: flex;
  justify-content: end;
  max-height: 3rem;
}

/* line 157, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card .footer a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

/* line 163, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card .footer a.green-outline {
  color: var(--z-green-400);
  gap: 1rem;
  border-color: var(--z-green-400);
}

/* line 168, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card .footer a.green-outline:hover {
  color: var(--z-green-500);
  border-color: var(--z-green-500);
}

/* line 182, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  align-items: center;
  padding-top: 1rem;
}

/* line 189, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.6rem;
  width: 25rem;
  height: 29rem;
}

/* line 196, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-image {
  margin: 0;
  border-radius: 0.6rem 0.6rem 0 0;
}

/* line 201, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-wrapper {
  border: 0.1rem solid #e5e5e5;
  border-top: none;
  border-radius: 0 0 0.6rem 0.6rem;
}

/* line 206, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-wrapper .card-footer {
  padding: 1.1rem 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 212, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-wrapper .card-footer a.btn, .growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-wrapper .card-footer .app-tabs-switch > .nav.nav-tabs a.nav-item, .app-tabs-switch > .nav.nav-tabs .growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-wrapper .card-footer a.nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1.2rem;
  gap: 1rem;
  min-width: 9rem;
}

/* line 223, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-title {
  font-size: 16px;
  text-align: center;
  margin: 0;
  padding: 1rem;
}

/* line 230, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-description {
  font-size: 14px;
  text-align: center;
  padding: 0 1rem;
  color: #6b7280;
}

/* line 237, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-triggers {
  display: flex;
  gap: 2rem;
  justify-content: center;
  color: #6b7280;
}

/* line 243, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
.growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards .notification-card .card-triggers .trigger {
  display: flex;
  gap: 0.5rem;
}

@media (min-width: 576px) {
  /* line 255, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
  .growth-wizard #growth-wizard-section-substeps {
    margin-top: 0;
  }
  /* line 260, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
  .growth-wizard #growth-wizard-section-substeps .substep-report-subscription .substep-body .report-card {
    max-width: 30rem;
  }
  /* line 268, app/assets/stylesheets/controllers/_growth_wizard_substeps.scss */
  .growth-wizard #growth-wizard-section-substeps .substep-smart-notifications .substep-body .notifications-cards {
    gap: 4rem 2rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/* line 3, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 21.875rem;
}

/* line 7, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday .name .name-wrapper {
  width: 21.875rem;
}

/* line 12, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday .hi-refresh {
  color: #6b7280;
  margin-right: 0.625rem;
  margin-left: 0;
  cursor: default;
}

/* line 21, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday .members .a-tooltip + .a-tooltip {
  margin-left: -6px;
}

/* line 27, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday.collapsable-row {
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday.collapsable-row .collapsed-icon {
  margin-right: 0.625rem;
  transform-origin: center center;
}

/* line 35, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday.collapsable-row:not(.collapsed) {
  box-shadow: none;
  border: none;
}

/* line 39, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday.collapsable-row:not(.collapsed):hover {
  background-color: transparent;
}

/* line 43, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday.collapsable-row:not(.collapsed) > td {
  background-color: #f3f4f6;
  box-shadow: none;
}

/* line 47, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday.collapsable-row:not(.collapsed) > td:first-child {
  border-top-left-radius: 0.938rem;
}

/* line 51, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday.collapsable-row:not(.collapsed) > td:last-child {
  border-top-right-radius: 0.938rem;
}

/* line 59, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list tr.holiday.collapsable-row.collapsed .collapsed-icon:before {
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* line 67, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group {
  border: none;
}

/* line 70, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group.collapsing {
  transition: none;
}

/* line 73, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group.collapsing[aria-expanded="false"] {
  display: none;
}

/* line 82, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group.in + tbody > tr:first-child > td, .holiday-list .multiple-holidays-groupcollapsing + tbody > tr:first-child > td {
  box-shadow: none;
}

/* line 89, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group + tbody {
  border: none;
}

/* line 93, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group + tbody > tr > td {
  border-color: transparent;
}

/* line 100, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group > tr > td {
  border-top: none;
  border-bottom: none;
  box-shadow: none;
}

/* line 105, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group > tr > td:first-child {
  box-shadow: inset 0.063rem 0 0 #e5e7eb;
  padding-left: 2.188rem;
}

/* line 111, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group > tr > td:last-child {
  box-shadow: inset -1px 0 0 #e5e7eb;
}

/* line 117, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group > tr:last-child td {
  box-shadow: inset 0 -1px 0 #e5e7eb;
}

/* line 121, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group > tr:last-child > td:first-child {
  border-bottom-left-radius: 0.938rem;
  box-shadow: inset 1px -1px 0 #e5e7eb;
}

/* line 126, app/assets/stylesheets/controllers/_holiday_list.scss */
.holiday-list .multiple-holidays-group > tr:last-child > td:last-child {
  border-bottom-right-radius: 0.938rem;
  box-shadow: inset -1px -1px 0 #e5e7eb;
}

/* line 1, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box {
  padding: 2.25rem;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  scroll-margin-top: 52px;
}

/* line 7, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper {
  text-align: left;
}

/* line 11, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-price-container {
  margin: 2rem 0;
}

/* line 15, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}

/* line 22, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-status {
  padding: 0.5rem 1rem;
  margin-left: 1rem;
  border-radius: 4px;
  border-top-left-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff;
}

/* line 32, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-status-beta, .hs-addon-box-wrapper .addon-status-free {
  background: #8b1dff;
}

/* line 36, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-status-trial {
  background: #ffac51;
}

/* line 41, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-icon {
  max-height: 24px;
  margin-right: 0.75rem;
}

/* line 46, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-price {
  margin: 0.75rem 0 0;
  font-size: 12px;
}

/* line 50, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-price > strong {
  font-size: 24px;
}

/* line 54, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-price-cents {
  font-size: 14px;
}

/* line 58, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-price.irrelevant {
  color: #6b7280;
}

/* line 61, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-price.irrelevant > strong,
.hs-addon-box-wrapper .addon-price.irrelevant .addon-price-cents {
  text-decoration: line-through;
}

/* line 68, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-active {
  display: flex;
  align-items: center;
}

/* line 72, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-active ::before {
  display: block;
  line-height: 30px;
  content: '';
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 0.75rem;
  background: #31c48d;
}

/* line 84, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-inactive {
  display: flex;
  align-items: center;
}

/* line 88, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-inactive ::before {
  display: block;
  line-height: 30px;
  content: '';
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 0.75rem;
  background: silver;
}

/* line 100, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-features {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* line 106, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-features h4 {
  margin: 3rem 0 2rem;
}

/* line 110, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-features ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 115, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-features ul > li {
  position: relative;
  margin-bottom: 1rem;
}

/* line 119, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-features ul > li:last-child {
  margin-bottom: 0;
}

/* line 123, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-features ul > li > i {
  color: #2aa7ff;
  margin-right: 0.75rem;
}

/* line 133, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-left .beta-time h3 {
  line-height: normal;
}

/* line 137, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-left .beta-time h4 {
  font-weight: 300;
}

/* line 142, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-left > .button_to {
  margin-top: 1rem;
}

/* line 145, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-left > .button_to > .btn, .hs-addon-box-wrapper .app-tabs-switch > .nav.nav-tabs .addon-left > .button_to > .nav-item, .app-tabs-switch > .nav.nav-tabs .hs-addon-box-wrapper .addon-left > .button_to > .nav-item {
  width: 100%;
}

/* line 150, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-left > .btn, .hs-addon-box-wrapper .app-tabs-switch > .nav.nav-tabs .addon-left > .nav-item, .app-tabs-switch > .nav.nav-tabs .hs-addon-box-wrapper .addon-left > .nav-item {
  margin-top: 1rem;
  width: 100%;
}

/* line 156, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper .addon-right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1;
}

/* line 165, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box-wrapper.addon-footer a.addon-learn-more {
  padding: 5px 0px;
  display: block;
  margin-top: 1rem;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/controllers/_hs_addon_box.scss */
  .hs-addon-box-wrapper {
    display: flex;
    justify-content: space-between;
  }
  /* line 177, app/assets/stylesheets/controllers/_hs_addon_box.scss */
  .hs-addon-box-wrapper .addon-features > h4 {
    margin-top: 0;
  }
  /* line 181, app/assets/stylesheets/controllers/_hs_addon_box.scss */
  .hs-addon-box-wrapper .addon-left {
    margin-right: 2rem;
    min-width: 18.5rem;
  }
  /* line 186, app/assets/stylesheets/controllers/_hs_addon_box.scss */
  .hs-addon-box-wrapper .addon-right {
    width: 195px;
  }
  /* line 189, app/assets/stylesheets/controllers/_hs_addon_box.scss */
  .hs-addon-box-wrapper .addon-right ul {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  /* line 198, app/assets/stylesheets/controllers/_hs_addon_box.scss */
  .hs-addon-box-wrapper .addon-left {
    margin-right: 5rem;
  }
}

/* line 205, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box.highlighted {
  background: #0168dd;
  border-color: #0168dd;
}

/* line 209, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box.highlighted .hs-addon-box-wrapper {
  color: #ffffff;
}

/* line 212, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box.highlighted .hs-addon-box-wrapper .addon-icon {
  filter: brightness(0) invert(1);
}

/* line 216, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box.highlighted .hs-addon-box-wrapper .addon-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 222, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box.highlighted .hs-addon-box-wrapper .addon-left .addon-price > .who {
  color: #ffffff;
}

/* line 227, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.hs-addon-box.highlighted .hs-addon-box-wrapper .addon-left .addon-price.irrelevant > strong,
.hs-addon-box.highlighted .hs-addon-box-wrapper .addon-left .addon-price.irrelevant > .addon-price-cents,
.hs-addon-box.highlighted .hs-addon-box-wrapper .addon-left .addon-price.irrelevant > .who {
  color: #f3f4f6;
}

/* line 239, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.trial-warning {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid #ff9725;
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.trial-warning > i {
  color: #ff9725;
  margin-right: 1.5rem;
}

/* line 253, app/assets/stylesheets/controllers/_hs_addon_box.scss */
.addon-suggestion-modal .hs-addon-box > .hs-addon-box-wrapper .addon-left {
  width: auto;
  flex: 1;
}

/* line 1, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
  transform: translateY(100%);
}

/* line 8, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal .title {
  color: var(--z-gray-900);
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* line 15, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal .subtitle {
  color: var(--z-gray-900);
  font-size: 1.6rem;
  font-weight: 400;
}

/* line 22, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.3rem;
}

/* line 27, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .help-block {
  margin-bottom: 0;
}

/* line 31, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs {
  display: flex;
}

/* line 34, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs .email {
  max-width: 20.3rem;
  width: 100%;
}

/* line 38, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs .email input {
  border-radius: 0.6rem 0 0 0.6rem;
  border-right: none;
}

/* line 42, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs .email input:focus {
  border: #2aa7ff solid 0.1rem;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
  position: relative;
}

/* line 50, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs .role {
  display: flex;
  align-items: flex-end;
}

/* line 54, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs .role .select2-selection {
  border-radius: 0 0.6rem 0.6rem 0 !important;
}

/* line 58, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs .role .select2-selection:focus {
  border-radius: 0 0.6rem 0 0 !important;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
}

/* line 66, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs.error .email input {
  border: #f05252 solid 0.1rem;
}

/* line 69, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs.error .email input:focus {
  border: #2aa7ff solid 0.1rem;
}

/* line 74, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs.error .role .select2-selection {
  border: #f05252 solid 0.1rem;
  border-left: none;
}

/* line 78, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .information .inputs.error .role .select2-selection:focus {
  border: #2aa7ff solid 0.1rem;
}

/* line 86, app/assets/stylesheets/controllers/_invite_overlay_dialog.scss */
.invite-overlay-dialog-modal #members-to-invite .remove-line-item {
  color: #6b7280;
  margin-left: 2rem;
  display: flex;
  align-items: center;
}

/* line 2, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 9, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .add-members .text {
  max-width: 58rem;
}

/* line 15, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .other-payment-integrations h2 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.7rem;
  margin: 3rem 0 0 0;
}

/* line 22, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .other-payment-integrations p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin: 0;
}

/* line 30, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .available-payroll-integrations {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  column-gap: 2rem;
  row-gap: 2rem;
  margin-top: 3rem;
}

/* line 37, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .available-payroll-integrations .integration-card {
  align-items: center;
  border: 0.1rem solid var(--z-gray-200);
  border-radius: 0.6rem;
  display: flex;
  flex-direction: column;
}

/* line 44, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .available-payroll-integrations .integration-card:hover, .payroll-page .available-payroll-integrations .integration-card:active {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

/* line 50, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .available-payroll-integrations .integration-card img {
  margin-top: 1rem;
  max-width: 55px;
  height: 55px;
}

/* line 56, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .available-payroll-integrations .integration-card .name {
  color: var(--z-gray-900);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.2rem;
  margin: 0.7rem 0 1rem 0;
}

/* line 64, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .available-payroll-integrations .integration-card .connect {
  align-content: center;
  border-top: 0.1rem solid var(--z-gray-200);
  color: var(--z-blue-500);
  font-size: 1.3rem;
  font-weight: 500;
  height: 4.2rem;
  line-height: 1.7rem;
  text-align: center;
  padding: 1.25rem 0;
  width: 100%;
}

/* line 76, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .available-payroll-integrations .integration-card .connect span {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 400;
  margin-left: 0.6rem;
  vertical-align: text-top;
}

@media (min-width: 1200px) {
  /* line 88, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
  .payroll-page .available-payroll-integrations {
    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
  }
}

/* line 94, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .active-integrations-wrapper .active-integrations {
  width: 100%;
}

/* line 97, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .active-integrations-wrapper .active-integrations .title {
  display: flex;
  justify-content: start;
}

/* line 102, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .active-integrations-wrapper .active-integrations .integrations {
  flex-wrap: wrap;
  column-gap: 2rem;
}

/* line 106, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .active-integrations-wrapper .active-integrations .integrations .integration-card {
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.8rem;
  flex-basis: calc(50% - 1rem);
  height: 6rem;
  margin-bottom: 2rem;
  padding: 1.5rem 2rem;
}

/* line 115, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .active-integrations-wrapper .active-integrations .integrations .add-integration {
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.8rem;
  flex-basis: calc(50% - 1rem);
  height: 6rem;
  margin-bottom: 2rem;
  padding: 1.5rem 2rem;
}

/* line 123, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .active-integrations-wrapper .active-integrations .integrations .add-integration:hover, .payroll-page .active-integrations-wrapper .active-integrations .integrations .add-integration:active {
  border: 0.1rem solid #2aa7ff;
  -webkit-box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: currentColor;
}

/* line 130, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .active-integrations-wrapper .active-integrations .integrations .add-integration i {
  color: #2aa7ff;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
  .payroll-page .heading {
    align-items: flex-start;
  }
  /* line 144, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
  .payroll-page .available-payroll-integrations .integrations {
    flex-basis: auto;
  }
  /* line 147, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
  .payroll-page .available-payroll-integrations .integrations .integration-card {
    flex-basis: auto;
    padding: 0;
    width: 8rem;
    height: 8rem;
  }
  /* line 158, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
  .payroll-page .active-integrations-wrapper .active-integrations .title {
    justify-content: start;
  }
  /* line 163, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
  .payroll-page .active-integrations-wrapper .active-integrations .integrations .integration-card {
    max-width: 16rem;
  }
  /* line 167, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
  .payroll-page .active-integrations-wrapper .active-integrations .integrations .add-integration {
    margin-right: 2rem;
    max-width: 6rem;
  }
}

/* line 177, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .add-members-dropdown .dropdown-menu {
  width: inherit;
  left: 0;
}

/* line 183, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .search-input {
  max-width: 30rem;
  margin-bottom: 10px;
}

/* line 188, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .payroll-run-info {
  color: #2aa7ff;
  text-align: center;
  height: 30px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  padding: 0 10px;
  margin-right: 5em;
  margin-top: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: center;
}

/* line 202, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .payroll-run-info .payroll-run-text {
  padding-left: 5px;
}

/* line 208, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .next-payroll :hover {
  color: #2aa7ff;
}

/* line 213, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .next-payroll-icon {
  margin-right: 5px;
}

/* line 217, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .integration-orange-status {
  color: #ff9725;
}

/* line 221, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .integration-red-status {
  color: #f05252;
}

/* line 225, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .grouped-by-gray-title {
  box-shadow: unset;
  background-color: #f3f4f6;
  border-top: 1px solid #e5e7eb;
}

/* line 231, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .grouped-by-yellow-title {
  box-shadow: unset;
  background-color: #fff6ed;
  color: #e7721a;
  border-top: 1px solid #e5e7eb;
}

/* line 238, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .grouped-by-red-title {
  box-shadow: unset;
  background-color: #fdf2f2;
  color: #db5f19;
  border-top: 1px solid #e5e7eb;
}

/* line 245, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .grouped-table {
  border-collapse: separate;
  border-spacing: 0;
}

/* line 250, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .with-top-left-radius {
  border-radius: 20px 0 0 0;
  border-left: 1px solid #e5e7eb;
  padding-left: 35px;
}

/* line 256, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .with-top-right-radius {
  border-radius: 0 20px 0 0;
  border-right: 1px solid #e5e7eb;
}

/* line 261, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .with-bottom-left-radius {
  border-radius: 0 0 0 20px;
  border-bottom: 1px solid #e5e7eb;
}

/* line 266, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .with-bottom-right-radius {
  border-radius: 0 0 20px 0;
  border-bottom: 1px solid #e5e7eb;
}

/* line 271, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .grouped-record-left {
  border-left: 1px solid #e5e7eb;
}

/* line 275, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .grouped-record-right {
  border-right: 1px solid #e5e7eb;
}

/* line 279, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .grouped-record-bottom {
  border-bottom: 1px solid #e5e7eb;
}

/* line 283, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .table-spacer {
  border: unset;
  box-shadow: unset;
  padding: 8px;
}

/* line 289, app/assets/stylesheets/controllers/_member_payment_accounts.scss */
.payroll-page .grouped-thead tr th {
  border-bottom: unset;
}

/* line 1, app/assets/stylesheets/controllers/_plans.scss */
.with_plan_lock {
  display: none;
}

/* line 6, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .header {
  color: #6b7280;
  margin: 20px 0 90px;
}

/* line 9, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .header .larger-plan {
  display: none;
  margin-bottom: -19px;
}

/* line 14, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .plan-time-span-group {
  display: flex;
  justify-content: flex-end;
  padding-top: 40px;
}

@media (max-width: 575.98px) {
  /* line 14, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing .plan-time-span-group {
    justify-content: center;
  }
}

/* line 24, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .plan-time-span-toggle {
  margin: 0 5px;
}

@media (max-width: 991.98px) {
  /* line 24, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing .plan-time-span-toggle {
    margin-top: 10px;
  }
}

/* line 30, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .plan-time-span-toggle .nav {
  display: flex;
  align-items: flex-end;
  height: auto;
}

@media (max-width: 575.98px) {
  /* line 30, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing .plan-time-span-toggle .nav {
    flex-direction: column;
    align-items: center;
  }
}

/* line 40, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .plan-time-span-toggle .nav .frequency-toggle {
  border-bottom: 1px solid #e5e5e5;
  color: #777777;
  font-size: 14px;
  font-weight: 400;
  line-height: 1rem;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 1rem;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
}

@media (max-width: 575.98px) {
  /* line 40, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing .plan-time-span-toggle .nav .frequency-toggle {
    width: 100%;
    padding: 1.5rem 1rem;
  }
}

/* line 59, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .plan-time-span-toggle .nav .frequency-toggle.active {
  border-bottom: 2px solid #2aa7ff;
  color: #2aa7ff;
}

/* line 64, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .plan-time-span-toggle .nav .frequency-toggle input {
  display: none;
}

/* line 71, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table {
  column-gap: 1.5rem;
}

@media (max-width: 1430px) and (min-width: 1200px) {
  /* line 79, app/assets/stylesheets/controllers/_plans.scss */
  .plans-page .rebranded-pricing .pricing-table .table-column .pricing-head .pay-frequency, .plans-page .rebranded-pricing .pricing-table .pricing-table-column .pricing-head .pay-frequency {
    font-size: 14px;
    line-height: 18px;
  }
  /* line 84, app/assets/stylesheets/controllers/_plans.scss */
  .plans-page .rebranded-pricing .pricing-table .table-column .feature, .plans-page .rebranded-pricing .pricing-table .pricing-table-column .feature {
    font-size: 14px;
  }
  /* line 87, app/assets/stylesheets/controllers/_plans.scss */
  .plans-page .rebranded-pricing .pricing-table .table-column .footer-btn, .plans-page .rebranded-pricing .pricing-table .pricing-table-column .footer-btn {
    margin: 3rem 1.5rem !important;
  }
  /* line 90, app/assets/stylesheets/controllers/_plans.scss */
  .plans-page .rebranded-pricing .pricing-table .table-column .hs-rebranded-btn, .plans-page .rebranded-pricing .pricing-table .pricing-table-column .hs-rebranded-btn {
    font-size: 11px;
  }
}

/* line 96, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .feature-info,
.rebranded-pricing .pricing-table .pricing-table-column .feature-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 102, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .name,
.rebranded-pricing .pricing-table .pricing-table-column .name {
  display: block;
}

@media (max-width: 1439.98px) {
  /* line 104, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing .pricing-table .table-column .name span,
.rebranded-pricing .pricing-table .pricing-table-column .name span {
    display: inline-block;
  }
}

/* line 111, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .hi-info-filled,
.rebranded-pricing .pricing-table .pricing-table-column .hi-info-filled {
  display: block;
  color: #777777;
}

/* line 116, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .btn, .rebranded-pricing .pricing-table .table-column .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .rebranded-pricing .pricing-table .table-column .nav-item,
.rebranded-pricing .pricing-table .pricing-table-column .btn,
.rebranded-pricing .pricing-table .pricing-table-column .app-tabs-switch > .nav.nav-tabs .nav-item,
.app-tabs-switch > .nav.nav-tabs .rebranded-pricing .pricing-table .pricing-table-column .nav-item {
  display: block;
  padding: 16px 0;
}

/* line 121, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #374151;
  font-family: inherit;
  margin-bottom: 4rem;
}

/* line 129, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .pricing-main,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .pricing-main {
  min-height: 125px;
}

/* line 133, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .price-name,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .price-name {
  font-size: 2.9rem;
  font-weight: 300;
  line-height: 3rem;
  margin-bottom: 3rem;
}

/* line 140, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .users,
.rebranded-pricing .pricing-table .table-column .pricing-head .basic-users,
.rebranded-pricing .pricing-table .table-column .pricing-head .premium-users,
.rebranded-pricing .pricing-table .table-column .pricing-head .enterprise-users,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .users,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .basic-users,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .premium-users,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .enterprise-users {
  display: block;
  font-size: 22px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 10px;
}

/* line 150, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .premium-users,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .premium-users {
  font-weight: 400;
}

/* line 154, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .price,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .price {
  display: flex;
  align-items: flex-start;
  font-size: 4.8rem;
  line-height: 5rem;
  white-space: nowrap;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

/* line 163, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .rebranded-pricing .pricing-table .table-column .pricing-head .price, .field-industry .rebranded-pricing .pricing-table .pricing-table-column .pricing-head .price {
  margin-top: auto;
}

/* line 168, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .basic-price-cents,
.rebranded-pricing .pricing-table .table-column .pricing-head .premium-price-cents,
.rebranded-pricing .pricing-table .table-column .pricing-head .enterprise-price-cents,
.rebranded-pricing .pricing-table .table-column .pricing-head .pay-frequency,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .basic-price-cents,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .premium-price-cents,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .enterprise-price-cents,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .pay-frequency {
  font-size: 14px;
  line-height: 1.5rem;
  position: relative;
  top: 9px;
  margin-left: 0.5rem;
}

/* line 179, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .period,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .period {
  font-size: 14px;
  line-height: 14px;
  align-self: flex-end;
  font-weight: 300;
  margin-left: 1rem;
  padding-bottom: 0.55rem;
}

/* line 188, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .details,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .details {
  font-weight: 300;
  font-size: 1.5rem;
}

/* line 193, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .actions,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 10.5rem;
}

/* line 200, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .table-column .pricing-head .pay-frequency,
.rebranded-pricing .pricing-table .pricing-table-column .pricing-head .pay-frequency {
  font-size: 18px;
  line-height: 22px;
  text-transform: lowercase;
  top: 0;
}

/* line 210, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .rebranded-pricing .pricing-table .pricing-head {
  min-height: 315px;
}

/* line 216, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .highlighted-column .basic-users {
  font-weight: 400;
}

/* line 223, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body.features .feature {
  display: flex;
  white-space: nowrap;
  align-items: center;
  justify-content: space-between;
}

/* line 230, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body.features .name {
  padding: 1rem 1.5rem;
}

/* line 234, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body.features .hi, .rebranded-pricing .pricing-table .pricing-body.features .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .rebranded-pricing .pricing-table .pricing-body.features .step-number, .rebranded-pricing .pricing-table .pricing-body.features .toggling-dropdown > li.is-on > a:before, .rebranded-pricing .pricing-table .pricing-body.features .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .rebranded-pricing .pricing-table .pricing-body.features input:checked + label:before, .rebranded-pricing .pricing-table .pricing-body.features .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-selection__choice__remove, .rebranded-pricing .pricing-table .pricing-body.features .datepicker:before,
.rebranded-pricing .pricing-table .pricing-body.features .hs_daterange_picker:before, .rebranded-pricing .pricing-table .pricing-body.features .search-filter:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-selection:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .rebranded-pricing .pricing-table .pricing-body.features b:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-date:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-week:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-paid:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-user:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-member:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-client:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-project:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-timesheet:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-task:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-team:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-job_site:before, .rebranded-pricing .pricing-table .pricing-body.features .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .pricing-table .pricing-body.features .select2-results__option.is-work_break_policy:before, .rebranded-pricing .pricing-table .pricing-body.features .vue-map-search:before {
  padding-right: 1.5rem;
}

/* line 239, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body .features-title {
  font-weight: 500;
  font-size: 12px;
}

/* line 244, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body .feature {
  color: #374151;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 1.5rem;
}

/* line 252, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body .hi-check, .rebranded-pricing .pricing-table .pricing-body .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .rebranded-pricing .pricing-table .pricing-body .step-number, .rebranded-pricing .pricing-table .pricing-body .toggling-dropdown > li.is-on > a, .rebranded-pricing .pricing-table .pricing-body .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .rebranded-pricing .pricing-table .pricing-body input:checked + label:before {
  color: #2f8af4;
  font-size: 24px;
}

@media (max-width: 1023.98px) {
  /* line 252, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing .pricing-table .pricing-body .hi-check, .rebranded-pricing .pricing-table .pricing-body .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .rebranded-pricing .pricing-table .pricing-body .step-number, .rebranded-pricing .pricing-table .pricing-body .toggling-dropdown > li.is-on > a, .rebranded-pricing .pricing-table .pricing-body .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .rebranded-pricing .pricing-table .pricing-body input:checked + label:before {
    display: none;
  }
}

/* line 260, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body .hi-close, .rebranded-pricing .pricing-table .pricing-body .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .rebranded-pricing .pricing-table .pricing-body .close-notifications {
  color: #e5e7eb;
  font-size: 16px;
}

@media (max-width: 1023.98px) {
  /* line 260, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing .pricing-table .pricing-body .hi-close, .rebranded-pricing .pricing-table .pricing-body .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .rebranded-pricing .pricing-table .pricing-body .close-notifications {
    display: none;
  }
}

/* line 268, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body .hi-info-filled {
  position: relative;
}

/* line 271, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body .hi-info-filled:not(.popover-icon) {
  margin-right: 1rem;
}

/* line 275, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .pricing-table .pricing-body .hi-info-filled:hover {
  color: #2f8af4;
}

/* line 282, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .hs-bottom-features {
  background: #f9fafb;
  margin-top: 15rem;
}

/* line 286, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .hs-bottom-features .section-title {
  margin: 0;
}

/* line 290, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .hs-bottom-features:before {
  height: 320px;
  border-radius: 0;
  transform: translateY(-20%);
}

/* line 296, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .hs-bottom-features .pricing-question {
  border-bottom: 1px solid #d1d5db;
  display: block;
  padding: 20px 0;
  cursor: pointer;
}

/* line 302, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .hs-bottom-features .pricing-question .question {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 307, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .hs-bottom-features .pricing-question .question .hi, .rebranded-pricing .hs-bottom-features .pricing-question .question .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .rebranded-pricing .hs-bottom-features .pricing-question .question .step-number, .rebranded-pricing .hs-bottom-features .pricing-question .question .toggling-dropdown > li.is-on > a:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .rebranded-pricing .hs-bottom-features .pricing-question .question input:checked + label:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-selection__choice__remove, .rebranded-pricing .hs-bottom-features .pricing-question .question .datepicker:before,
.rebranded-pricing .hs-bottom-features .pricing-question .question .hs_daterange_picker:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .search-filter:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-selection:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .rebranded-pricing .hs-bottom-features .pricing-question .question b:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-date:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-week:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-paid:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-user:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-member:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-client:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-project:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-timesheet:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-task:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-team:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-job_site:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rebranded-pricing .hs-bottom-features .pricing-question .question .select2-results__option.is-work_break_policy:before, .rebranded-pricing .hs-bottom-features .pricing-question .question .vue-map-search:before {
  border-radius: 50%;
  border: 1px solid #374151;
  font-size: 6px;
  margin: 4px 40px 0 5px;
  padding: 4px;
  color: #374151;
}

/* line 317, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .hs-bottom-features .pricing-question .section-text {
  margin: 0;
  color: #374151;
}

/* line 325, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing.per-user-pricing .header {
  margin-top: 0;
  margin-bottom: 10rem;
}

/* line 328, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing.per-user-pricing .header h1 {
  padding: 80px 5px 0;
}

@media (max-width: 575.98px) {
  /* line 328, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing.per-user-pricing .header h1 {
    padding-top: 40px;
  }
}

/* line 335, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing.per-user-pricing .header:after {
  height: 420px;
  transform: translateY(-45%) translateX(-10%);
}

@media (max-width: 767.98px) {
  /* line 335, app/assets/stylesheets/controllers/_plans.scss */
  .rebranded-pricing.per-user-pricing .header:after {
    transform: translateY(-32%) translateX(-10%);
  }
}

/* line 344, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing.per-user-pricing .period {
  margin-left: 5px;
}

/* line 350, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .header:after {
  border-radius: 0;
  height: 506px;
}

/* line 355, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .header.no-slider:after {
  height: 415px;
}

/* line 361, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .hs-bottom-features:before {
  border-radius: 0;
  transform: translateY(-20%);
}

/* line 367, app/assets/stylesheets/controllers/_plans.scss */
.rebranded-pricing .footer-btn {
  margin: 3rem !important;
}

/* line 372, app/assets/stylesheets/controllers/_plans.scss */
.addons-table,
.pricing-table {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 1200px) {
  /* line 372, app/assets/stylesheets/controllers/_plans.scss */
  .addons-table,
.pricing-table {
    flex-direction: row;
  }
}

/* line 382, app/assets/stylesheets/controllers/_plans.scss */
.addons-table .table-column,
.addons-table .pricing-table-column,
.pricing-table .table-column,
.pricing-table .pricing-table-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 4rem 2.5rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 991.98px) {
  /* line 382, app/assets/stylesheets/controllers/_plans.scss */
  .addons-table .table-column,
.addons-table .pricing-table-column,
.pricing-table .table-column,
.pricing-table .pricing-table-column {
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 398, app/assets/stylesheets/controllers/_plans.scss */
.addons-table .highlighted-column,
.pricing-table .highlighted-column {
  border: 3px solid #2aa7ff;
  margin-top: -4px;
}

@media (min-width: 992px) {
  /* line 405, app/assets/stylesheets/controllers/_plans.scss */
  .wizard-plans-page .pricing-table {
    flex-direction: row;
  }
}

/* line 410, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-page .pricing-table .pricing-table-column:first-child {
  display: none;
}

@media (min-width: 1200px) {
  /* line 409, app/assets/stylesheets/controllers/_plans.scss */
  .wizard-plans-page .pricing-table .pricing-table-column {
    max-width: 500px;
  }
}

@media (max-width: 1439.98px) {
  /* line 422, app/assets/stylesheets/controllers/_plans.scss */
  .field-industry .pricing-table {
    align-items: center;
  }
}

@media (max-width: 1199px) and (min-width: 460px) {
  /* line 427, app/assets/stylesheets/controllers/_plans.scss */
  .field-industry .pricing-table .pricing-table-column {
    min-width: 400px;
  }
}

/* line 432, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .pricing-table-column {
  max-width: 500px;
}

/* line 434, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .pricing-table-column:nth-of-type(-n + 2) {
  display: none;
}

/* line 438, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .pricing-table-column:nth-of-type(1n + 1) .feature {
  border-left: 2px solid #e5e5e5;
}

/* line 443, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .field-info {
  max-width: 409px;
  margin-bottom: 40px;
  text-align: center;
}

/* line 448, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .show-basic-plan {
  margin: 40px auto;
  text-align: center;
  width: 154px;
}

/* line 452, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .show-basic-plan .show-basic-plan-link {
  color: #2aa7ff;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
}

/* line 458, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .show-basic-plan .basic-plan-info {
  font-size: 1.6rem;
}

/* line 463, app/assets/stylesheets/controllers/_plans.scss */
.field-industry.wizard-plans-page .show-basic-plan {
  margin-top: 0;
}

/* line 467, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .feature {
  font-weight: 400 !important;
}

/* line 470, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .feature.field {
  background: #f3f4f6;
}

/* line 474, app/assets/stylesheets/controllers/_plans.scss */
.field-industry .pricing-table-column:last-of-type .feature.field {
  font-weight: 500 !important;
}

/* line 480, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 486, app/assets/stylesheets/controllers/_plans.scss */
.plans-page .wizard-plans-header {
  margin-top: 50px;
}

/* line 490, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-page .wizard-plans-header {
  margin-top: 110px;
  padding: 0 15px;
}

/* line 495, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-header .wizard-plans-header-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #6b7280;
  text-align: center;
  transform: translateX(42px);
}

/* line 502, app/assets/stylesheets/controllers/_plans.scss */
.plans-page .wizard-plans-header .wizard-plans-header-inner {
  transform: none;
}

/* line 506, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-header .wizard-plans-header-inner .headline {
  color: #777777;
  font-size: 3.9rem;
  line-height: 4.6rem;
  font-weight: 400;
  margin-bottom: 15px;
}

/* line 514, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-header .wizard-plans-header-inner .subhead {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}

@media (max-width: 1023.98px) {
  /* line 495, app/assets/stylesheets/controllers/_plans.scss */
  .wizard-plans-header .wizard-plans-header-inner {
    transform: none;
  }
}

/* line 525, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-header img {
  position: absolute;
  right: 0%;
}

@media (max-width: 1023.98px) {
  /* line 480, app/assets/stylesheets/controllers/_plans.scss */
  .wizard-plans-header {
    flex-direction: column;
  }
  /* line 532, app/assets/stylesheets/controllers/_plans.scss */
  .wizard-plans-header img {
    margin-top: 20px;
    transform: none;
    position: unset;
  }
}

/* line 540, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #374151;
  margin: 80px 0 40px;
}

/* line 546, app/assets/stylesheets/controllers/_plans.scss */
.wizard-plans-footer .btn, .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .wizard-plans-footer .nav-item {
  margin: 15px 0 40px;
  padding-left: 40px;
  padding-right: 40px;
}

/* line 554, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .pricing-columns {
  display: flex;
  justify-content: space-between;
}

/* line 557, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .pricing-columns .pricing-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 250px;
}

/* line 562, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .pricing-columns .pricing-column .pricing-lead {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

/* line 570, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .pricing-columns .pricing-column ul {
  margin-top: 15px;
  padding-left: 37px;
}

/* line 573, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .pricing-columns .pricing-column ul li {
  padding-bottom: 5px;
}

/* line 577, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .pricing-columns .pricing-column .pricing-column-footer {
  border-top: 1px solid #e5e5e5;
  margin-top: auto;
  padding: 10px 0 0 20px;
  color: #374151;
  font-size: 12px;
  line-height: 22px;
  width: 100%;
}

/* line 585, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .pricing-columns .pricing-column .pricing-column-footer .price {
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 575.98px) {
  /* line 554, app/assets/stylesheets/controllers/_plans.scss */
  .pricing-product-switch .pricing-columns {
    flex-direction: column;
  }
  /* line 594, app/assets/stylesheets/controllers/_plans.scss */
  .pricing-product-switch .pricing-columns .pricing-column:first-of-type {
    margin-bottom: 30px;
  }
}

/* line 600, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .per-user-learn-more {
  font-size: 12px;
  line-height: 22px;
  float: right;
  margin: 21px 40px 14px 0;
}

@media (max-width: 575.98px) {
  /* line 600, app/assets/stylesheets/controllers/_plans.scss */
  .pricing-product-switch .per-user-learn-more {
    float: left;
    margin: 10px 0 20px 20px;
  }
}

/* line 609, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .per-user-learn-more.no-plan {
  display: block;
  float: none;
  margin: 15px 0 0 0;
}

/* line 615, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .per-user-info {
  display: flex;
  align-items: center;
  border: 1px solid #6b7280;
  border-radius: 3px;
  padding: 10px;
  color: #374151;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
}

/* line 625, app/assets/stylesheets/controllers/_plans.scss */
.pricing-product-switch .per-user-info i {
  color: #6b7280;
  margin-right: 5px;
}

/* line 632, app/assets/stylesheets/controllers/_plans.scss */
.alert-plan-transition {
  background: #ffffff;
  border: 1px solid #e5e5e5;
}

/* line 636, app/assets/stylesheets/controllers/_plans.scss */
.alert-plan-transition i {
  color: #6b7280;
  font-size: 14px;
}

/* line 2, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .container-fluid {
  background-color: #f9fafb;
  padding-right: 0;
  padding-left: 0;
}

/* line 7, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .container-fluid .alert-plan-transition {
  margin-left: 30px;
  margin-right: 30px;
}

/* line 12, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .container-fluid #getting-started-toggles {
  padding-right: 30px;
  padding-left: 30px;
}

/* line 16, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .container-fluid .blank-link {
  margin: 30px;
}

/* line 19, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .container-fluid .page-heading {
  margin-left: 30px;
}

/* line 26, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .wizard-plans-header.hubstaff-sgt .header {
  max-width: 1490px;
}

/* line 30, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .wizard-plans-header.hubstaff-sgt .header__plans-time {
  padding-right: 1.5rem;
}

/* line 37, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .sgt-plans > .wizard-plans-header {
  margin-top: 1rem;
}

/* line 40, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .sgt-plans > .wizard-plans-header .header__title {
  margin-bottom: 5rem;
}

/* line 44, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .sgt-plans > .wizard-plans-header .header__plans-time {
  max-width: 1550px;
  padding-right: 3.5rem;
}

/* line 49, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .sgt-plans > .wizard-plans-header .header {
  max-width: 1550px;
}

/* line 55, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .header {
  position: relative;
  max-width: 1240px;
}

/* line 59, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .header__title {
  text-align: center;
  font-size: 3.9rem;
  color: #1f2937;
  margin-bottom: 8.7rem;
  padding: 0 3rem;
}

@media (max-width: 767.98px) {
  /* line 59, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .header__title {
    margin-bottom: 5rem;
  }
}

/* line 71, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .header__plans-time {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3rem;
  margin-left: auto;
  max-width: 1200px;
  padding: 0 3.5rem;
}

@media (max-width: 767.98px) {
  /* line 71, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .header__plans-time {
    margin-left: unset;
    justify-content: center;
  }
}

/* line 85, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .header__plans-time .plan-time-span-toggle .nav {
  display: flex;
  align-items: flex-end;
  height: auto;
}

@media (max-width: 575.98px) {
  /* line 85, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .header__plans-time .plan-time-span-toggle .nav {
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
  }
}

/* line 97, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .header__plans-time .plan-time-span-toggle .nav .frequency-toggle {
  border-bottom: 1px solid #e5e5e5;
  color: #777777;
  font-size: 14px;
  font-weight: 400;
  line-height: 1rem;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 16px;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
}

@media (max-width: 575.98px) {
  /* line 97, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .header__plans-time .plan-time-span-toggle .nav .frequency-toggle {
    width: 100%;
    padding: 1.5rem 0;
  }
}

/* line 116, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .header__plans-time .plan-time-span-toggle .nav .frequency-toggle.active {
  border-bottom: 2px solid #2aa7ff;
  color: #2aa7ff;
}

/* line 121, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .header__plans-time .plan-time-span-toggle .nav .frequency-toggle input {
  display: none;
}

/* line 128, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .header .header-logo {
  width: 107px;
  height: 107px;
  position: absolute;
  right: 2%;
}

@media (max-width: 991.98px) {
  /* line 128, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .header .header-logo {
    top: 15%;
    width: 8rem;
    height: 8rem;
  }
}

@media (max-width: 575.98px) {
  /* line 128, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .header .header-logo {
    left: 80%;
    margin-top: 5rem;
  }
}

/* line 149, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs ul {
  list-style: none;
  margin-bottom: 0;
}

/* line 154, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab {
  padding: 0px 10px;
  text-align: left;
  background-color: transparent;
  appearance: none;
  border: none;
  outline: none;
}

/* line 162, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab:focus, .plans-page.new .tabs__tab:active {
  outline: none;
}

/* line 167, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab-list {
  padding: 0 2rem;
}

/* line 171, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab__title {
  text-align: center;
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
  text-transform: capitalize;
}

/* line 180, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab__text {
  display: none;
  font-size: 14px;
  line-height: 2.5rem;
  color: #6b7280;
}

/* line 187, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab-item {
  display: flex;
  justify-content: center;
  position: relative;
  width: calc((100% / 3) - 15px);
  max-width: 380px;
  max-height: 205px;
  border: 1px solid #d1d5db;
  border-bottom: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-bottom: 0;
}

/* line 200, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab-item button {
  width: 100%;
}

/* line 204, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab-item.active {
  border: none;
  background-color: #ffffff;
  border-top: 7px solid #2aa7ff;
  box-shadow: -10px 0px 13px -7px rgba(0, 0, 0, 0.12), 10px 0px 13px -7px rgba(0, 0, 0, 0.12), 4px -3px 9px 2px rgba(0, 0, 0, 0);
}

/* line 210, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab-item.active:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 10px;
  background-color: #ffffff;
}

/* line 221, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__tab-item + .tabs__tab-item {
  margin-left: 15px;
}

/* line 226, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .tabs__panel {
  background-color: #ffffff;
}

@media (min-width: 1200px) and (max-width: 1351px) {
  /* line 236, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .from-settings .pricing__container.grid-layout .pricing-block__pricing .user-month {
    display: block;
  }
}

/* line 245, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container {
  display: flex;
  flex-direction: column;
  padding: 6rem 3rem 0;
  box-shadow: 0px -10px 25px -10px rgba(0, 0, 0, 0.12);
}

/* line 251, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container.grid-layout {
  display: grid;
  grid-gap: 1.5rem;
  max-width: 1490px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  box-shadow: unset;
  grid-template-columns: 1fr;
}

@media (min-width: 992px) {
  /* line 251, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 264, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .sgt-enterprise {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1200px) {
  /* line 251, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 272, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .sgt-enterprise {
    grid-column: unset;
  }
}

@media (min-width: 1200px) {
  /* line 277, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout.cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* line 283, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container.grid-layout .pricing-block {
  width: 100%;
  max-width: unset;
}

/* line 287, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free {
  grid-row: 1;
  grid-template-columns: 1fr 2fr 1fr;
  margin-top: 30px;
}

@media (min-width: 1200px) {
  /* line 287, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free {
    grid-column: 1 / -1;
    grid-row: 3;
    max-width: unset;
    flex-direction: row;
    margin-top: 0;
    display: grid;
    grid-template-rows: 1fr auto;
  }
  /* line 302, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free .pricing-block__heading {
    grid-column: 1;
    grid-row: 1;
    line-height: 3rem;
  }
  /* line 308, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free .pricing-block__options {
    grid-row: 1 / -1;
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 319, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free .pricing-block__options li {
    margin-top: 1rem;
  }
  /* line 324, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free .pricing-block__pricing {
    margin: 0;
    grid-column: 1;
  }
  /* line 329, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free .pricing-block__button {
    grid-column: 3;
    grid-row: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  /* line 337, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free .pricing-block__button a {
    margin-bottom: 0;
    display: unset;
    min-width: 15rem;
  }
  /* line 344, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container.grid-layout .pricing-block.sgt-solo-free .pricing-block__pricing__minimun {
    display: none;
  }
}

/* line 352, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block {
  position: relative;
  width: 100%;
  min-width: 280px;
  padding: 40px 26px;
  border: 1px solid #d1d5db;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
}

/* line 362, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block + .pricing-block {
  margin-top: 30px;
}

/* line 366, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block.highlighted {
  border: 2px solid #2aa7ff;
}

/* line 369, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block.highlighted.icon::before {
  content: '';
  position: absolute;
  width: 93px;
  height: 93px;
  top: -26px;
  right: -26px;
  z-index: 10;
}

/* line 379, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block.highlighted.icon--popular::before {
  height: 7.8rem;
  width: 7.8rem;
  top: -2px;
  right: -2px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIiA/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgd2lkdGg9Ijc4IiBoZWlnaHQ9Ijc4IiB2aWV3Qm94PSIwIDAgNzggNzgiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZGVzYz5DcmVhdGVkIHdpdGggRmFicmljLmpzIDUuMy4wPC9kZXNjPgo8ZGVmcz4KPC9kZWZzPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDM5IDM5KSIgaWQ9IkpZeUtGQlFWTXZhV2phcmlFNE95UiIgID4KPHBhdGggc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiA0OyBmaWxsOiByZ2IoMjU1LDEzNiwyMik7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIgIHRyYW5zZm9ybT0iIHRyYW5zbGF0ZSgtMzksIC0zOSkiIGQ9Ik0gMCAwIEwgNjYgMCBDIDcyLjYyNzQgMCA3OCA1LjM3MjU4IDc4IDEyIEwgNzggNzggTCAwIDAgWiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgo8L2c+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNDUuNjAzODE5MjAxIDMzLjMyMjE0Mzc1MDEpIiBpZD0iakZCSUZVQXdPVTlKVlR4QlFDQ29pIiAgPgo8cGF0aCBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDQ7IGZpbGw6IHJnYigyNTUsMjU1LDI1NSk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIgIHRyYW5zZm9ybT0iIHRyYW5zbGF0ZSgtMjIuNzExNDg0NjkxOCwgLTIyLjUyNzcxKSIgZD0iTSA0LjcxNjQ2IDUuMzYzNDMgTCAzLjQyMTcxIDQuMDY4NjggTCA0LjE2NzQ5IDMuMzIyOTEgTCA1LjQ2MjI0IDQuNjE3NjYgQyA1LjY3NCA0LjgyOTQyIDUuODgwMDEgNC45NjYzOCA2LjA4MDI3IDUuMDI4NTMgQyA2LjI4NTEyIDUuMDkwNjcgNi40Nzk2MiA1LjA5MTgyIDYuNjYzNzcgNS4wMzE5OCBDIDYuODUwMjEgNC45Njk4MyA3LjAyMjg0IDQuODU5MzQgNy4xODE2NyA0LjcwMDUyIEMgNy4zMzU4OSA0LjU0NjMgNy40NDg2NyA0LjM3MTM3IDcuNTIwMDMgNC4xNzU3MiBDIDcuNTkxMzggMy45ODAwNiA3LjYwMTc0IDMuNzc0MDYgNy41NTExIDMuNTU3NjkgQyA3LjUwMjc3IDMuMzQzNjIgNy4zNzI3MiAzLjEzMDcxIDcuMTYwOTUgMi45MTg5NCBMIDYuMTc2OTQgMS45MzQ5MyBMIDEuODk5MDggNi4yMTI3OSBMIDAuOTQ5NTk5IDUuMjYzMzEgTCA1Ljk3NjY5IDAuMjM2MjIgTCA3LjkxMDE4IDIuMTY5NzEgQyA4LjMwMTQ4IDIuNTYxMDIgOC41NjUwNCAyLjk2NDk4IDguNzAwODQgMy4zODE2IEMgOC44NDEyNSAzLjc5ODIyIDguODYwODIgNC4yMDIxOSA4Ljc1OTU0IDQuNTkzNDkgQyA4LjY2Mjg2IDQuOTg0NzkgOC40NTggNS4zMzY5NiA4LjE0NDk2IDUuNjUwMDEgQyA3LjgyMDQxIDUuOTc0NTYgNy40NjcwOSA2LjE4MDU3IDcuMDg0OTkgNi4yNjgwMyBDIDYuNzA1MiA2LjM1NzggNi4zMTI3NSA2LjMyNjczIDUuOTA3NjMgNi4xNzQ4MSBDIDUuNTA0ODIgNi4wMjUyIDUuMTA3NzYgNS43NTQ3NCA0LjcxNjQ2IDUuMzYzNDMgWiBNIDEzLjYxMjYgMTIuNjQzNyBMIDEzLjM1MzcgMTIuOTAyNyBDIDEyLjk3MzkgMTMuMjgyNSAxMi41ODE0IDEzLjU3MzcgMTIuMTc2MyAxMy43NzYyIEMgMTEuNzczNSAxMy45NzY1IDExLjM3MyAxNC4wODkzIDEwLjk3NDggMTQuMTE0NiBDIDEwLjU3NjYgMTQuMTM5OSAxMC4xOTIyIDE0LjA4IDkuODIxNTggMTMuOTM1IEMgOS40NTA5OSAxMy43OSA5LjEwODAzIDEzLjU1OTggOC43OTI2OCAxMy4yNDQ1IEMgOC40ODE5NCAxMi45MzM4IDguMjUyOTIgMTIuNTkxOSA4LjEwNTYgMTIuMjE5MSBDIDcuOTYwNTkgMTEuODQ4NSA3Ljg5OTU5IDExLjQ2MjkgNy45MjI2MSAxMS4wNjI0IEMgNy45NDU2MyAxMC42NjE5IDguMDU2MTEgMTAuMjU5MSA4LjI1NDA3IDkuODUzOTggQyA4LjQ1NDMyIDkuNDQ2NTYgOC43NDQzNSA5LjA1Mjk2IDkuMTI0MTQgOC42NzMxNiBMIDkuMzgzMDkgOC40MTQyMSBDIDkuNzY1MTkgOC4wMzIxMiAxMC4xNTg4IDcuNzQyMDkgMTAuNTYzOSA3LjU0NDE0IEMgMTAuOTY5IDcuMzQ2MTkgMTEuMzcwNyA3LjIzNDU1IDExLjc2ODkgNy4yMDkyMyBDIDEyLjE2OTQgNy4xODE2MSAxMi41NTQ5IDcuMjQwMzEgMTIuOTI1NSA3LjM4NTMyIEMgMTMuMjk4NCA3LjUzMjYzIDEzLjY0MDIgNy43NjE2NiAxMy45NTEgOC4wNzI0IEMgMTQuMjY2MyA4LjM4Nzc0IDE0LjQ5NjUgOC43MzA3MSAxNC42NDE1IDkuMTAxMjkgQyAxNC43ODY1IDkuNDcxODggMTQuODQ1MiA5Ljg1NzQzIDE0LjgxNzYgMTAuMjU3OSBDIDE0Ljc5NDYgMTAuNjU4NCAxNC42ODI5IDExLjA2MDEgMTQuNDgyNyAxMS40NjI5IEMgMTQuMjg0NyAxMS44NjggMTMuOTk0NyAxMi4yNjE2IDEzLjYxMjYgMTIuNjQzNyBaIE0gMTIuMzkzOCAxMS45NDI4IEwgMTIuNjU5NyAxMS42NzcgQyAxMi45MzM2IDExLjQwMzEgMTMuMTQ4OCAxMS4xMzcyIDEzLjMwNTMgMTAuODc5NCBDIDEzLjQ2NDEgMTAuNjE5MyAxMy41NjU0IDEwLjM2ODQgMTMuNjA5MiAxMC4xMjY3IEMgMTMuNjUyOSA5Ljg4NTA1IDEzLjYzNzkgOS42NTYwMiAxMy41NjQzIDkuNDM5NjYgQyAxMy40OTI5IDkuMjIwOTkgMTMuMzY2MyA5LjAyMDczIDEzLjE4NDUgOC44Mzg4OSBDIDEzLjAwMDMgOC42NTQ3NSAxMi44MDAxIDguNTI4MTUgMTIuNTgzNyA4LjQ1OTEgQyAxMi4zNzIgOC4zOTAwNCAxMi4xNDUyIDguMzc3MzggMTEuOTAzNSA4LjQyMTEyIEMgMTEuNjYxOSA4LjQ2NDg1IDExLjQwOTggOC41NjQ5OCAxMS4xNDc0IDguNzIxNSBDIDEwLjg4OTYgOC44NzgwMiAxMC42MjM3IDkuMDkzMjQgMTAuMzQ5OCA5LjM2NzE1IEwgMTAuMDg0IDkuNjMzMDEgQyA5LjgxMjM3IDkuOTA0NjIgOS41OTcxNiAxMC4xNzA1IDkuNDM4MzMgMTAuNDMwNiBDIDkuMjgxODEgMTAuNjkzIDkuMTgwNTMgMTAuOTQ2MiA5LjEzNDUgMTEuMTkwMiBDIDkuMDkzMDcgMTEuNDM0MSA5LjEwNjg4IDExLjY2NDMgOS4xNzU5MyAxMS44ODA3IEMgOS4yNDQ5OCAxMi4wOTcxIDkuMzcxNTggMTIuMjk3MyA5LjU1NTcyIDEyLjQ4MTUgQyA5LjczOTg3IDEyLjY2NTYgOS45NDAxMiAxMi43OTIyIDEwLjE1NjUgMTIuODYxMyBDIDEwLjM3MjkgMTIuOTMwMyAxMC42MDA3IDEyLjk0MTggMTAuODQwMSAxMi44OTU4IEMgMTEuMDg0MSAxMi44NDk3IDExLjMzNjIgMTIuNzQ3MyAxMS41OTYzIDEyLjU4ODUgQyAxMS44NTY0IDEyLjQyOTcgMTIuMTIyMiAxMi4yMTQ1IDEyLjM5MzggMTEuOTQyOCBaIE0gMTYuOTU2OSAxNy42MDM4IEwgMTUuNjYyMSAxNi4zMDkxIEwgMTYuNDA3OSAxNS41NjMzIEwgMTcuNzAyNiAxNi44NTgxIEMgMTcuOTE0NCAxNy4wNjk4IDE4LjEyMDQgMTcuMjA2OCAxOC4zMjA3IDE3LjI2ODkgQyAxOC41MjU1IDE3LjMzMTEgMTguNzIgMTcuMzMyMiAxOC45MDQyIDE3LjI3MjQgQyAxOS4wOTA2IDE3LjIxMDIgMTkuMjYzMiAxNy4wOTk3IDE5LjQyMjEgMTYuOTQwOSBDIDE5LjU3NjMgMTYuNzg2NyAxOS42ODkxIDE2LjYxMTggMTkuNzYwNCAxNi40MTYxIEMgMTkuODMxOCAxNi4yMjA1IDE5Ljg0MjEgMTYuMDE0NSAxOS43OTE1IDE1Ljc5ODEgQyAxOS43NDMyIDE1LjU4NCAxOS42MTMxIDE1LjM3MTEgMTkuNDAxNCAxNS4xNTkzIEwgMTguNDE3MyAxNC4xNzUzIEwgMTQuMTM5NSAxOC40NTMyIEwgMTMuMTkgMTcuNTAzNyBMIDE4LjIxNzEgMTIuNDc2NiBMIDIwLjE1MDYgMTQuNDEwMSBDIDIwLjU0MTkgMTQuODAxNCAyMC44MDU0IDE1LjIwNTQgMjAuOTQxMiAxNS42MjIgQyAyMS4wODE3IDE2LjAzODYgMjEuMTAxMiAxNi40NDI2IDIwLjk5OTkgMTYuODMzOSBDIDIwLjkwMzMgMTcuMjI1MiAyMC42OTg0IDE3LjU3NzQgMjAuMzg1NCAxNy44OTA0IEMgMjAuMDYwOCAxOC4yMTUgMTkuNzA3NSAxOC40MjEgMTkuMzI1NCAxOC41MDg0IEMgMTguOTQ1NiAxOC41OTgyIDE4LjU1MzIgMTguNTY3MSAxOC4xNDggMTguNDE1MiBDIDE3Ljc0NTIgMTguMjY1NiAxNy4zNDgyIDE3Ljk5NTEgMTYuOTU2OSAxNy42MDM4IFogTSAyNi45NjQ4IDIxLjIyNDMgTCAyNy45MTQzIDIyLjE3MzggTCAyNC41NzU1IDI1LjUxMjUgQyAyNC4xOTExIDI1Ljg5NjkgMjMuNzg0OSAyNi4xMzc1IDIzLjM1NjcgMjYuMjM0MSBDIDIyLjkzMDkgMjYuMzI4NSAyMi41MDg1IDI2LjI5OTcgMjIuMDg5NiAyNi4xNDc4IEMgMjEuNjczIDI1Ljk5MzYgMjEuMjgyOCAyNS43MzQ2IDIwLjkxOTIgMjUuMzcxIEMgMjAuNTUwOSAyNS4wMDI3IDIwLjI4ODUgMjQuNjA5MSAyMC4xMzE5IDI0LjE5MDIgQyAxOS45Nzc3IDIzLjc2ODkgMTkuOTQ4OSAyMy4zNDY1IDIwLjA0NTYgMjIuOTIzIEMgMjAuMTQ0NiAyMi40OTcyIDIwLjM4NjMgMjIuMDkyMSAyMC43NzA3IDIxLjcwNzcgTCAyNC4xMDk0IDE4LjM2OSBMIDI1LjA1ODkgMTkuMzE4NCBMIDIxLjcyMDIgMjIuNjU3MiBDIDIxLjQ4NTQgMjIuODkxOSAyMS4zMzIzIDIzLjEyMzMgMjEuMjYxIDIzLjM1MTIgQyAyMS4xOTE5IDIzLjU3NjcgMjEuMTkzMSAyMy43OTY1IDIxLjI2NDQgMjQuMDEwNiBDIDIxLjMzNTggMjQuMjI0NyAyMS40NjkzIDI0LjQyOTUgMjEuNjY0OSAyNC42MjUyIEMgMjEuODYyOSAyNC44MjMxIDIyLjA2NzcgMjQuOTU2NiAyMi4yNzk1IDI1LjAyNTcgQyAyMi40OTM2IDI1LjA5NzEgMjIuNzEyMiAyNS4wOTcxIDIyLjkzNTUgMjUuMDI1NyBDIDIzLjE2MTEgMjQuOTUyIDIzLjM5MTMgMjQuNzk3OCAyMy42MjYgMjQuNTYzIEwgMjYuOTY0OCAyMS4yMjQzIFogTSAyOS4xMzg2IDMxLjk2MDcgTCAyOC4zOTI4IDMyLjcwNjUgTCAyNS44NjU0IDMwLjE3OTIgTCAyNi42MTEyIDI5LjQzMzQgTCAyOS4xMzg2IDMxLjk2MDcgWiBNIDMxLjE3OTEgMjUuNDM4NiBMIDI2LjE1MiAzMC40NjU3IEwgMjUuMjAyNSAyOS41MTYyIEwgMzAuMjI5NiAyNC40ODkyIEwgMzEuMTc5MSAyNS40Mzg2IFogTSAzNi43NzQ1IDMyLjU2MDEgTCAzMS4wNzc2IDM1LjM5MTMgTCAzMC4wNzI5IDM0LjM4NjYgTCAzNi45NzgyIDMxLjIzNzcgTCAzNy42MjA0IDMxLjg3OTkgTCAzNi43NzQ1IDMyLjU2MDEgWiBNIDMzLjcwODUgMzguMDIyMiBMIDM2LjUzMjggMzIuMzE4NCBMIDM3LjIwOTUgMzEuNDY5MSBMIDM3Ljg1NTIgMzIuMTE0NyBMIDM0LjcxNjcgMzkuMDMwNCBMIDMzLjcwODUgMzguMDIyMiBaIE0gMzUuNTEwOCAzNi4wODg3IEwgMzQuNzYxNiAzNi44MzggTCAzMi4wNjUxIDM0LjE0MTQgTCAzMi44MTQzIDMzLjM5MjIgTCAzNS41MTA4IDM2LjA4ODcgWiBNIDQxLjY3NTkgMzUuOTM1NCBMIDQzLjUwMjQgMzcuNzYxOSBDIDQzLjg4NDUgMzguMTQ0IDQ0LjE1NDkgMzguNTI5NiA0NC4zMTM3IDM4LjkxODYgQyA0NC40NzI2IDM5LjMwNzYgNDQuNTEyOSAzOS42ODg1IDQ0LjQzNDYgNDAuMDYxNCBDIDQ0LjM1NjMgNDAuNDM0MyA0NC4xNTI2IDQwLjc4NTMgNDMuODIzNSA0MS4xMTQ0IEMgNDMuNTYzNCA0MS4zNzQ1IDQzLjI5MTggNDEuNTU0MSA0My4wMDg2IDQxLjY1MzEgQyA0Mi43MjU1IDQxLjc1MiA0Mi40MzU1IDQxLjc4MiA0Mi4xMzg2IDQxLjc0MjggQyA0MS44NDM5IDQxLjcwNiA0MS41NDcgNDEuNjExNiA0MS4yNDc4IDQxLjQ1OTcgTCA0MC43OTg5IDQxLjMxNDcgTCAzOS4xODY1IDM5LjcwMjMgTCAzOS45Mjg5IDM4Ljk0NjIgTCA0MS4xMzM4IDQwLjE1MTIgQyA0MS4zMjk1IDQwLjM0NjggNDEuNTI2MyA0MC40NzQ2IDQxLjcyNDIgNDAuNTM0NCBDIDQxLjkyMjIgNDAuNTk0MiA0Mi4xMTQ0IDQwLjU5NTQgNDIuMzAwOCA0MC41Mzc5IEMgNDIuNDg5NiA0MC40ODI2IDQyLjY2MjIgNDAuMzc2NyA0Mi44MTg3IDQwLjIyMDIgQyA0Mi45ODY4IDQwLjA1MjIgNDMuMDk5NiAzOS44NzQ5IDQzLjE1NzEgMzkuNjg4NSBDIDQzLjIxNyAzOS40OTk4IDQzLjIxNDcgMzkuMzA2NCA0My4xNTAyIDM5LjEwODQgQyA0My4wODU4IDM4LjkxMDUgNDIuOTUzNCAzOC43MTE0IDQyLjc1MzEgMzguNTExMSBMIDQxLjg3NjIgMzcuNjM0MiBMIDM3LjU5ODMgNDEuOTEyIEwgMzYuNjQ4OCA0MC45NjI1IEwgNDEuNjc1OSAzNS45MzU0IFogTSAzOS40ODY5IDQzLjgwMDYgTCA0MC41NzQ1IDQwLjM4NTkgTCA0MS41ODI3IDQxLjM4NzIgTCA0MC41NTM4IDQ0Ljc3MDggTCA0MC41MDU1IDQ0LjgxOTIgTCAzOS40ODY5IDQzLjgwMDYgWiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgo8L2c+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MTA2NzgxMiAtMC43MDcxMDY3ODEyIDAuNzA3MTA2NzgxMiAwLjcwNzEwNjc4MTIgNTcuNjgxMDg4NzM3NyAxOS45MTU0MDY2MDEzKSIgaWQ9InZ0dlB3TVJDWko4OFpKZ2lGQkpoUCIgID4KPHBhdGggc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiA0OyBmaWxsOiByZ2IoMjU1LDI1NSwyNTUpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiICB0cmFuc2Zvcm09IiB0cmFuc2xhdGUoLTguNTY0OTUyNSwgLTkuMTYyOTgyKSIgZD0iTSAxNS4zNjQgMi4zNjM5NiBMIDEzLjQ0NDYgOC4wMjM5NyBMIDE3LjAxOTEgMTIuODEzOCBMIDExLjA0MyAxMi43Mzc1IEwgNy41OTIwOSAxNy42MTcxIEwgNS44MTgwMiAxMS45MDk5IEwgMC4xMTA4MDUgMTAuMTM1OCBMIDQuOTkwNDcgNi42ODQ5NiBMIDQuOTE0MDkgMC43MDg4NjQgTCA5LjcwMzk1IDQuMjgzMzIgTCAxNS4zNjQgMi4zNjM5NiBaIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+CjwvZz4KPC9zdmc+");
}

/* line 386, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block.highlighted.icon--sale::before {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTNweCIgaGVpZ2h0PSI5M3B4IiB2aWV3Qm94PSIwIDAgOTMgOTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+c2F2ZTwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSHVic3RhZmYtRmllbGQtcHJpY2luZy0xLjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03OTcuMDAwMDAwLCAtOTI0LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0ic2F2ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzk3LjAwMDAwMCwgOTI0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzAiIGZpbGw9IiMwRjlCNzQiIHBvaW50cz0iNzIuNjAyMjkwNyA5Mi40MTc3ODQ5IDY3LjkzOTMzOTggOTIuNDE3Nzg0OSA2Ny45MzkzMzk4IDg2LjI1MTA1OTEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTI4IiBmaWxsPSIjMEY5Qjc0IiBwb2ludHM9IjAuMTg0NTA1ODMyIDIwIDAuMTg0NTA1ODMyIDI2LjY2Mjk1MDkgOS4wNzgzODY0MyAyNi42NjI5NTA5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ2LjUwMDAwMCwgNDYuNTE2NTA0KSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtNDYuNTAwMDAwLCAtNDYuNTE2NTA0KSB0cmFuc2xhdGUoLTUuMDAwMDAwLCAzMi41MTY1MDQpIj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMENERkEzIiBwb2ludHM9IjI1LjM2NzE1NjUgMi42MzI4NDM0NyA3Ni45MjkyMDE2IDIuNTE0OTg4MDEgMTAyLjQxNDIxNCAyOCAyLjAzNzI2ODEzZS0xMCAyOCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00MC41MzM4MTgxLDIxLjEyNTMwMjEgQzQyLjAwMjU2ODEsMjEuMTI1MzAyMSA0My4xMzkyODY4LDIwLjc3NzY0NTkgNDMuOTQzOTc0MywyMC4wODIzMzM0IEM0NC43NDg2NjE4LDE5LjM4NzAyMDkgNDUuMTUxMDA1NiwxOC41MTMzMjMgNDUuMTUxMDA1NiwxNy40NjEyMzk2IEM0NS4xNTEwMDU2LDE2LjQzNTE5OCA0NC44MDcyNTU2LDE1LjY1MTM0MzggNDQuMTE5NzU1NiwxNS4xMDk2NzcxIEM0My42NzcwNDcyLDE0Ljc2MDcxODggNDMuMDIwNzk3MiwxNC40ODIwNzMgNDIuMTUxMDA1NiwxNC4yNzM3Mzk2IEw0Mi4xNTEwMDU2LDE0LjI3MzczOTYgTDQwLjE2NjYzMDYsMTMuNzk3MTc3MSBDMzkuNDAxMDA1NiwxMy42MTQ4ODU1IDM4LjkwMTAwNTYsMTMuNDU2MDMxMyAzOC42NjY2MzA2LDEzLjMyMDYxNDYgQzM4LjMwMjA0NzIsMTMuMTE3NDg5NiAzOC4xMTk3NTU2LDEyLjgxMDE5OCAzOC4xMTk3NTU2LDEyLjM5ODczOTYgQzM4LjExOTc1NTYsMTEuOTUwODIzIDM4LjMwNDY1MTQsMTEuNjAxODY0NiAzOC42NzQ0NDMxLDExLjM1MTg2NDYgQzM5LjA0NDIzNDcsMTEuMTAxODY0NiAzOS41MzkwMjY0LDEwLjk3Njg2NDYgNDAuMTU4ODE4MSwxMC45NzY4NjQ2IEM0MC43MTYxMDk3LDEwLjk3Njg2NDYgNDEuMTgyMjU1NiwxMS4wNzMyMTg4IDQxLjU1NzI1NTYsMTEuMjY1OTI3MSBDNDIuMTE5NzU1NiwxMS41NTc1OTM4IDQyLjQyMTgzODksMTIuMDQ5NzgxMyA0Mi40NjM1MDU2LDEyLjc0MjQ4OTYgTDQyLjQ2MzUwNTYsMTIuNzQyNDg5NiBMNDQuNzc2MDA1NiwxMi43NDI0ODk2IEM0NC43MzQzMzg5LDExLjUxODUzMTMgNDQuMjg1MTIwMSwxMC41ODQ5Mzc1IDQzLjQyODM0OTMsOS45NDE3MDgzNyBDNDIuNTcxNTc4NSw5LjI5ODQ3OTIxIDQxLjUzNjQyMjIsOC45NzY4NjQ2MiA0MC4zMjI4ODA2LDguOTc2ODY0NjIgQzM4Ljg2OTc1NTYsOC45NzY4NjQ2MiAzNy43NjgxOTMxLDkuMzE4MDEwNDYgMzcuMDE4MTkzMSwxMC4wMDAzMDIxIEMzNi4yNjgxOTMxLDEwLjY4MjU5MzggMzUuODkzMTkzMSwxMS41MzkzNjQ2IDM1Ljg5MzE5MzEsMTIuNTcwNjE0NiBDMzUuODkzMTkzMSwxMy43MDA4MjMgMzYuMjgxMjEzOSwxNC41MzE1NTIxIDM3LjA1NzI1NTYsMTUuMDYyODAyMSBDMzcuNTE1NTg4OSwxNS4zODA1MTA1IDM4LjM0MzcxMzksMTUuNjc0NzgxMyAzOS41NDE2MzA2LDE1Ljk0NTYxNDYgTDM5LjU0MTYzMDYsMTUuOTQ1NjE0NiBMNDAuNzYwMzgwNiwxNi4yMTkwNTIxIEM0MS40NzM5MjIyLDE2LjM3NTMwMjEgNDEuOTk3MzU5NywxNi41NTQ5ODk2IDQyLjMzMDY5MzEsMTYuNzU4MTE0NiBDNDIuNjY0MDI2NCwxNi45NjY0NDggNDIuODMwNjkzMSwxNy4yNjA3MTg4IDQyLjgzMDY5MzEsMTcuNjQwOTI3MSBDNDIuODMwNjkzMSwxOC4yOTE5Njg4IDQyLjQ5NDc1NTYsMTguNzM3MjgxMyA0MS44MjI4ODA2LDE4Ljk3Njg2NDYgQzQxLjQ2ODcxMzksMTkuMTAxODY0NiA0MS4wMDc3NzY0LDE5LjE2NDM2NDYgNDAuNDQwMDY4MSwxOS4xNjQzNjQ2IEMzOS40OTIxNTE0LDE5LjE2NDM2NDYgMzguODIyODgwNiwxOC45MjczODU1IDM4LjQzMjI1NTYsMTguNDUzNDI3MSBDMzguMjE4NzEzOSwxOC4xOTMwMTA1IDM4LjA3NTQ4NDcsMTcuNzk5NzgxMyAzOC4wMDI1NjgxLDE3LjI3MzczOTYgTDM4LjAwMjU2ODEsMTcuMjczNzM5NiBMMzUuNzA1NjkzMSwxNy4yNzM3Mzk2IEMzNS43MDU2OTMxLDE4LjQ3MTY1NjMgMzYuMTM1MzgwNiwxOS40MTMwNjI1IDM2Ljk5NDc1NTYsMjAuMDk3OTU4NCBDMzcuODU0MTMwNiwyMC43ODI4NTQyIDM5LjAzMzgxODEsMjEuMTI1MzAyMSA0MC41MzM4MTgxLDIxLjEyNTMwMjEgWiBNNDguODM4NTA1NiwyMS4wOTQwNTIxIEM0OS40NDI2NzIyLDIxLjA5NDA1MjEgNDkuOTg0MzM4OSwyMC45NTYwMzEzIDUwLjQ2MzUwNTYsMjAuNjc5OTg5NiBDNTAuODY0NTQ3MiwyMC40NDU2MTQ2IDUxLjIxODcxMzksMjAuMTYxNzYwNSA1MS41MjYwMDU2LDE5LjgyODQyNzEgQzUxLjU0MTYzMDYsMjAuMDIxMTM1NSA1MS41NjI0NjM5LDIwLjE5MzAxMDUgNTEuNTg4NTA1NiwyMC4zNDQwNTIxIEM1MS42MTQ1NDcyLDIwLjQ5NTA5MzggNTEuNjYxNDIyMiwyMC42NTY1NTIxIDUxLjcyOTEzMDYsMjAuODI4NDI3MSBMNTEuNzI5MTMwNiwyMC44Mjg0MjcxIEw1NC4xNTEwMDU2LDIwLjgyODQyNzEgTDU0LjE1MTAwNTYsMjAuNTAwMzAyMSBDNTQuMDA1MTcyMiwyMC40MzI1OTM4IDUzLjg5NTc5NzIsMjAuMzQ2NjU2MyA1My44MjI4ODA2LDIwLjI0MjQ4OTYgQzUzLjc0OTk2MzksMjAuMTM4MzIzIDUzLjcwNTY5MzEsMTkuOTQwNDA2MyA1My42OTAwNjgxLDE5LjY0ODczOTYgQzUzLjY3OTY1MTQsMTkuMjYzMzIzIDUzLjY3NDQ0MzEsMTguOTM1MTk4IDUzLjY3NDQ0MzEsMTguNjY0MzY0NiBMNTMuNjc0NDQzMSwxOC42NjQzNjQ2IEw1My42NzQ0NDMxLDE0Ljc1ODExNDYgQzUzLjY3NDQ0MzEsMTMuNzMyMDczIDUzLjMxMjQ2MzksMTMuMDM0MTU2MyA1Mi41ODg1MDU2LDEyLjY2NDM2NDYgQzUxLjg2NDU0NzIsMTIuMjk0NTczIDUxLjAzNjQyMjIsMTIuMTA5Njc3MSA1MC4xMDQxMzA2LDEyLjEwOTY3NzEgQzQ4LjY3MTgzODksMTIuMTA5Njc3MSA0Ny42NjE0MjIyLDEyLjQ4NDY3NzEgNDcuMDcyODgwNiwxMy4yMzQ2NzcxIEM0Ni43MDMwODg5LDEzLjcxMzg0MzggNDYuNDk0NzU1NiwxNC4zMjU4MjMgNDYuNDQ3ODgwNiwxNS4wNzA2MTQ2IEw0Ni40NDc4ODA2LDE1LjA3MDYxNDYgTDQ4LjU5NjMxODEsMTUuMDcwNjE0NiBDNDguNjQ4NDAxNCwxNC43NDI0ODk2IDQ4Ljc1MjU2ODEsMTQuNDgyMDczIDQ4LjkwODgxODEsMTQuMjg5MzY0NiBDNDkuMTI3NTY4MSwxNC4wMjg5NDggNDkuNDk5OTYzOSwxMy44OTg3Mzk2IDUwLjAyNjAwNTYsMTMuODk4NzM5NiBDNTAuNDk0NzU1NiwxMy44OTg3Mzk2IDUwLjg1MDIyNDMsMTMuOTY1MTQ1OSA1MS4wOTI0MTE4LDE0LjA5Nzk1ODQgQzUxLjMzNDU5OTMsMTQuMjMwNzcwOSA1MS40NTU2OTMxLDE0LjQ3MTY1NjMgNTEuNDU1NjkzMSwxNC44MjA2MTQ2IEM1MS40NTU2OTMxLDE1LjEwNzA3MyA1MS4yOTY4Mzg5LDE1LjMxODAxMDUgNTAuOTc5MTMwNiwxNS40NTM0MjcxIEM1MC44MDIwNDcyLDE1LjUzMTU1MjEgNTAuNTA3Nzc2NCwxNS41OTY2NTYzIDUwLjA5NjMxODEsMTUuNjQ4NzM5NiBMNTAuMDk2MzE4MSwxNS42NDg3Mzk2IEw0OS4zMzg1MDU2LDE1Ljc0MjQ4OTYgQzQ4LjQ3OTEzMDYsMTUuODUxODY0NiA0Ny44MjgwODg5LDE2LjAzNDE1NjMgNDcuMzg1MzgwNiwxNi4yODkzNjQ2IEM0Ni41NzgwODg5LDE2Ljc1ODExNDYgNDYuMTc0NDQzMSwxNy41MTU5MjcxIDQ2LjE3NDQ0MzEsMTguNTYyODAyMSBDNDYuMTc0NDQzMSwxOS4zNzAwOTM4IDQ2LjQyNTc0NTEsMTkuOTkzNzkxNyA0Ni45MjgzNDkzLDIwLjQzMzg5NTkgQzQ3LjQzMDk1MzUsMjAuODc0IDQ4LjA2NzY3MjIsMjEuMDk0MDUyMSA0OC44Mzg1MDU2LDIxLjA5NDA1MjEgWiBNNDkuNDk0NzU1NiwxOS40NzY4NjQ2IEM0OS4xOTI2NzIyLDE5LjQ3Njg2NDYgNDguOTM2MTYxOCwxOS4zOTIyMjkyIDQ4LjcyNTIyNDMsMTkuMjIyOTU4NCBDNDguNTE0Mjg2OCwxOS4wNTM2ODc1IDQ4LjQwODgxODEsMTguNzc4OTQ4IDQ4LjQwODgxODEsMTguMzk4NzM5NiBDNDguNDA4ODE4MSwxNy45NzE2NTYzIDQ4LjU4MDY5MzEsMTcuNjU2NTUyMSA0OC45MjQ0NDMxLDE3LjQ1MzQyNzEgQzQ5LjEyNzU2ODEsMTcuMzMzNjM1NSA0OS40NjM1MDU2LDE3LjIzMjA3MyA0OS45MzIyNTU2LDE3LjE0ODczOTYgTDQ5LjkzMjI1NTYsMTcuMTQ4NzM5NiBMNTAuNDMyMjU1NiwxNy4wNTQ5ODk2IEM1MC42ODIyNTU2LDE3LjAwODExNDYgNTAuODc4ODcwMSwxNi45NTczMzM0IDUxLjAyMjA5OTMsMTYuOTAyNjQ1OSBDNTEuMTY1MzI4NSwxNi44NDc5NTg0IDUxLjMwNzI1NTYsMTYuNzc2MzQzOCA1MS40NDc4ODA2LDE2LjY4NzgwMjEgTDUxLjQ0Nzg4MDYsMTYuNjg3ODAyMSBMNTEuNDQ3ODgwNiwxNy41MTU5MjcxIEM1MS40MzIyNTU2LDE4LjI2MDcxODggNTEuMjIyNjIwMSwxOC43NzM3Mzk2IDUwLjgxODk3NDMsMTkuMDU0OTg5NiBDNTAuNDE1MzI4NSwxOS4zMzYyMzk2IDQ5Ljk3MzkyMjIsMTkuNDc2ODY0NiA0OS40OTQ3NTU2LDE5LjQ3Njg2NDYgWiBNNTcuOTI0NDQzMSwyMC44Mjg0MjcxIEw1Ny45MjQ0NDMxLDkuMzEyODAyMTIgTDU1LjY5Nzg4MDYsOS4zMTI4MDIxMiBMNTUuNjk3ODgwNiwyMC44Mjg0MjcxIEw1Ny45MjQ0NDMxLDIwLjgyODQyNzEgWiBNNjMuNTMzODE4MSwyMS4xMDk2NzcxIEM2NC44NDYzMTgxLDIxLjEwOTY3NzEgNjUuODY3MTUxNCwyMC42OTU2MTQ2IDY2LjU5NjMxODEsMTkuODY3NDg5NiBDNjcuMDY1MDY4MSwxOS4zNDY2NTYzIDY3LjMyODA4ODksMTguODMzNjM1NSA2Ny4zODUzODA2LDE4LjMyODQyNzEgTDY3LjM4NTM4MDYsMTguMzI4NDI3MSBMNjUuMTExOTQzMSwxOC4zMjg0MjcxIEM2NC45OTIxNTE0LDE4LjU3ODQyNzEgNjQuODU0MTMwNiwxOC43NzM3Mzk2IDY0LjY5Nzg4MDYsMTguOTE0MzY0NiBDNjQuNDExNDIyMiwxOS4xNzQ3ODEzIDY0LjAzOTAyNjQsMTkuMzA0OTg5NiA2My41ODA2OTMxLDE5LjMwNDk4OTYgQzYzLjE0ODQwMTQsMTkuMzA0OTg5NiA2Mi43Nzg2MDk3LDE5LjE5ODIxODggNjIuNDcxMzE4MSwxOC45ODQ2NzcxIEM2MS45NjYxMDk3LDE4LjY0MDkyNzEgNjEuNjk3ODgwNiwxOC4wNDE5Njg4IDYxLjY2NjYzMDYsMTcuMTg3ODAyMSBMNjEuNjY2NjMwNiwxNy4xODc4MDIxIEw2Ny40OTQ3NTU2LDE3LjE4NzgwMjEgQzY3LjUwNTE3MjIsMTYuNDUzNDI3MSA2Ny40ODE3MzQ3LDE1Ljg5MDkyNzEgNjcuNDI0NDQzMSwxNS41MDAzMDIxIEM2Ny4zMjU0ODQ3LDE0LjgzMzYzNTUgNjcuMTA5MzM4OSwxNC4yNDc2OTggNjYuNzc2MDA1NiwxMy43NDI0ODk2IEM2Ni40MDYyMTM5LDEzLjE2OTU3MyA2NS45Mzc0NjM5LDEyLjc1MDMwMjEgNjUuMzY5NzU1NiwxMi40ODQ2NzcxIEM2NC44MDIwNDcyLDEyLjIxOTA1MjEgNjQuMTY0MDI2NCwxMi4wODYyMzk2IDYzLjQ1NTY5MzEsMTIuMDg2MjM5NiBDNjIuMjYyOTg0NywxMi4wODYyMzk2IDYxLjI5MjkzMjYsMTIuNDc5NDY4OCA2MC41NDU1MzY4LDEzLjI2NTkyNzEgQzU5Ljc5ODE0MSwxNC4wNTIzODU1IDU5LjQyNDQ0MzEsMTUuMTgyNTkzOCA1OS40MjQ0NDMxLDE2LjY1NjU1MjEgQzU5LjQyNDQ0MzEsMTguMjI5NDY4OCA1OS44Mzg1MDU2LDE5LjM2NDg4NTUgNjAuNjY2NjMwNiwyMC4wNjI4MDIxIEM2MS40OTQ3NTU2LDIwLjc2MDcxODggNjIuNDUwNDg0NywyMS4xMDk2NzcxIDYzLjUzMzgxODEsMjEuMTA5Njc3MSBaIE02NS4xODIyNTU2LDE1LjcxOTA1MjEgTDYxLjcyMTMxODEsMTUuNzE5MDUyMSBDNjEuNzk0MjM0NywxNS4xNjY5Njg4IDYxLjk3MjYyMDEsMTQuNzI5NDY4OCA2Mi4yNTY0NzQzLDE0LjQwNjU1MjEgQzYyLjU0MDMyODUsMTQuMDgzNjM1NSA2Mi45NDAwNjgxLDEzLjkyMjE3NzEgNjMuNDU1NjkzMSwxMy45MjIxNzcxIEM2My45Mjk2NTE0LDEzLjkyMjE3NzEgNjQuMzI2Nzg2OCwxNC4wNzQ1MjA5IDY0LjY0NzA5OTMsMTQuMzc5MjA4NCBDNjQuOTY3NDExOCwxNC42ODM4OTU5IDY1LjE0NTc5NzIsMTUuMTMwNTEwNSA2NS4xODIyNTU2LDE1LjcxOTA1MjEgTDY1LjE4MjI1NTYsMTUuNzE5MDUyMSBaIiBpZD0iU2FsZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}

/* line 392, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block.df-enterprise .pricing-block__pricing {
  min-height: 9.15rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

/* line 398, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block.df-enterprise .pricing-block__pricing span {
  margin-left: 0;
}

/* line 404, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__heading {
  font-size: 2.9rem;
  font-weight: 300;
  line-height: 48px;
}

/* line 410, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__pricing {
  margin: 30px 0 20px;
}

/* line 414, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__pricing .price__dollars, .plans-page.new .pricing__container .pricing-block__pricing .price__dollars strong {
  font-size: 4.8rem;
  line-height: 4.8rem;
  margin: 0;
}

/* line 421, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__pricing .price__dollars {
  margin-right: 1rem;
}

/* line 425, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__pricing .price sup {
  top: -1.2em;
  font-size: 14px;
}

/* line 430, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__pricing .price__startsAt {
  margin: 0;
}

/* line 435, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__pricing .description {
  max-width: 60%;
}

/* line 439, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__pricing span {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 300;
}

/* line 445, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__pricing__minimun {
  min-height: 26px;
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 1.5rem;
}

/* line 454, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__button a {
  display: block;
  margin-bottom: 3rem;
  padding: 16px 10px;
  font-size: 1.6rem;
}

/* line 461, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__button a.hs-btn-outline-primary {
  background: white;
  color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 466, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__button a.hs-btn-outline-primary:hover, .plans-page.new .pricing__container .pricing-block__button a.hs-btn-outline-primary:active, .plans-page.new .pricing__container .pricing-block__button a.hs-btn-outline-primary:focus {
  background: #2aa7ff;
  color: #ffffff;
}

/* line 475, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options {
  display: flex;
  flex-direction: column;
  padding: 0;
  flex-grow: 1;
}

/* line 481, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options .feature-title {
  order: 0;
  margin-top: 0;
}

/* line 486, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/* line 492, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options li {
  font-size: 14px;
  display: block;
  order: 1;
}

/* line 497, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options li + li {
  margin-top: 1.5rem;
}

/* line 501, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options li .hi-info-filled {
  color: #9ca3af;
  font-size: 14px;
}

/* line 505, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options li .hi-info-filled:not(.popover-icon) {
  margin-right: 1rem;
}

/* line 509, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options li .hi-info-filled.marketing-popover {
  position: relative;
}

/* line 512, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block__options li .hi-info-filled.marketing-popover .popover {
  left: -202px;
}

/* line 520, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .pricing__container .pricing-block .support {
  padding-top: 1.5rem;
  margin-top: 2rem;
  border-top: 1px solid #e5e5e5;
  font-weight: 400;
}

@media (min-width: 1200px) {
  /* line 520, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container .pricing-block .support {
    min-height: 13.5rem;
  }
}

@media (max-width: 991.98px) {
  /* line 534, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .header {
    padding: 0 1rem;
  }
  /* line 538, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .addons-desk {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  /* line 542, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .addons-desk .table-column {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  /* line 549, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .tabs__tab-list,
.plans-page.new .pricing__container,
.plans-page.new .header__plans-time,
.plans-page.new .addons-desk {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 1023.98px) {
  /* line 560, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .tabs__tab__title {
    margin: 0.5rem 0;
  }
}

@media (min-width: 576px) {
  /* line 567, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .tabs__tab {
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 573, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container {
    flex-direction: row;
    justify-content: center;
    padding: 70px 30px 0px;
    column-gap: 15px;
  }
  /* line 579, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container .pricing-block {
    width: 25%;
    max-width: 290px;
    min-width: initial;
  }
  /* line 584, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .pricing__container .pricing-block.pricing-block {
    margin-top: 0;
  }
  /* line 589, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .tabs__tab {
    padding: 30px;
    padding-right: 60px;
  }
  /* line 593, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .tabs__tab__title {
    text-align: left;
  }
  /* line 597, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .tabs__tab__text {
    display: block;
  }
  /* line 601, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .tabs__tab-item {
    justify-content: left;
    width: calc((100% / 3) - 30px);
  }
  /* line 605, app/assets/stylesheets/controllers/_plans_new.scss */
  .plans-page.new .tabs__tab-item + .tabs__tab-item {
    margin-left: 30px;
  }
}

/* line 612, app/assets/stylesheets/controllers/_plans_new.scss */
.plans-page.new .container {
  width: 100%;
}

/* line 617, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-section {
  background-color: #eaf6ff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}

/* line 623, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-section .title {
  font-weight: 500;
  font-size: 1.1rem;
}

/* line 628, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-section .popover-icon {
  margin-left: auto;
  font-size: 14px;
  color: #777777;
}

/* line 634, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-section .addon {
  margin-bottom: 2rem;
  font-weight: 600;
}

/* line 639, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-section .addon .popover p:last-child {
  margin-bottom: 0;
}

/* line 644, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-section .addon:last-child {
  margin-bottom: 0;
}

/* line 650, app/assets/stylesheets/controllers/_plans_new.scss */
.addons {
  padding-top: 5rem;
  background: white;
}

/* line 654, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-title {
  font-weight: 500;
  font-size: 3.2rem;
  color: #1f2937;
  text-align: center;
}

/* line 661, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-subtitle {
  font-size: 1.6rem;
  color: #777777;
  max-width: 80%;
  margin: 0 auto;
  line-height: 22px;
  font-weight: 400;
}

/* line 669, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-subtitle .highlight {
  color: #1f2937;
  font-weight: 500;
}

/* line 676, app/assets/stylesheets/controllers/_plans_new.scss */
.sgt-plans .addons .addons-desk {
  padding-left: 3rem;
  padding-right: 3rem;
}

@media (min-width: 768px) {
  /* line 675, app/assets/stylesheets/controllers/_plans_new.scss */
  .addons .addons-desk {
    padding: 0 3rem;
  }
}

@media (min-width: 1200px) {
  /* line 684, app/assets/stylesheets/controllers/_plans_new.scss */
  .addons .addons-desk .table-column {
    max-width: 380px;
  }
  /* line 688, app/assets/stylesheets/controllers/_plans_new.scss */
  .sgt-plans .addons .addons-desk .table-column {
    max-width: unset;
  }
}

/* line 695, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table {
  display: grid;
  column-gap: 3rem;
  row-gap: 3rem;
  grid-template-columns: 1fr;
  margin: 5rem auto 0 auto;
  max-width: 1260px;
}

/* line 703, app/assets/stylesheets/controllers/_plans_new.scss */
.sgt-plans .addons .addons-table {
  max-width: 1550px;
}

/* line 707, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal {
  margin: 0;
  column-gap: 1.8rem;
}

/* line 711, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .table-column {
  padding: 2rem;
  text-align: left;
  border-radius: 8px;
  position: relative;
}

/* line 717, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .table-column .btn, .addons .addons-table.addons-modal .table-column .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .addons .addons-table.addons-modal .table-column .nav-item {
  margin-top: auto;
}

/* line 721, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .table-column.active {
  outline: 2px solid #2aa7ff;
  border-color: transparent;
}

/* line 725, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .table-column.active .description {
  color: #6b7280;
  text-decoration-line: line-through;
}

/* line 730, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .table-column.active > .check-icon {
  display: block;
  font-size: 2.4rem;
  right: 6px;
  top: 6px;
}

/* line 737, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .table-column.active button {
  border-radius: 5px;
  color: #2aa7ff;
  background: white;
}

/* line 742, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .table-column.active button > .check-icon {
  display: unset;
}

/* line 749, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .description {
  font-size: 1.2rem;
  margin-bottom: 0;
}

/* line 754, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .features {
  margin-bottom: 1rem;
  padding-left: unset;
}

/* line 759, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table.addons-modal .feature {
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  /* line 695, app/assets/stylesheets/controllers/_plans_new.scss */
  .addons .addons-table {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  /* line 768, app/assets/stylesheets/controllers/_plans_new.scss */
  .addons .addons-table.rows-1 {
    grid-template-rows: 1fr;
  }
}

@media (min-width: 1200px) {
  /* line 695, app/assets/stylesheets/controllers/_plans_new.scss */
  .addons .addons-table {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 777, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .table-column {
  margin-bottom: 0;
}

/* line 781, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .check-icon {
  display: none;
}

/* line 785, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .header {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 1rem;
  row-gap: 3rem;
  text-align: left;
  margin-bottom: 3rem;
  grid-template-areas: 'icon title' 'description description';
  font-weight: 700;
  font-size: 2.4rem;
  color: #1f2937;
  line-height: 3rem;
}

/* line 803, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .header.addon-dialog {
  font-size: 1.6rem;
  line-height: unset;
  margin-bottom: 1.6rem;
  row-gap: unset;
  grid-template-areas: 'icon title' 'icon description';
}

/* line 813, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .header.addon-dialog .addon-icon {
  grid-row: 1 / -1;
}

/* line 819, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .addon-icon {
  grid-area: icon;
}

/* line 823, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .title {
  grid-area: title;
}

/* line 827, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .description {
  font-weight: 300;
  font-size: 1.5rem;
  grid-area: description;
}

/* line 834, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .footnote-number {
  font-weight: 500;
  right: 2.5rem;
  border: 1px solid #d1d5db;
  border-radius: 50%;
  padding: 0 6px;
}

/* line 842, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .features {
  margin-bottom: 4.8rem;
}

/* line 846, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .feature {
  margin-bottom: 1.3rem;
  font-weight: 400;
  font-size: 14px;
  color: #1f2937;
}

/* line 853, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .subfeatures {
  padding-left: 3.2rem;
  margin-top: 1.7rem;
}

/* line 858, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table button {
  color: white;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
  height: 4rem;
  line-height: 1;
}

/* line 865, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table button:hover, .addons .addons-table button:focus {
  outline: none;
}

/* line 870, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table button > .check-icon {
  display: none;
  font-size: 1.6rem;
}

/* line 875, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table button.addon-included {
  cursor: unset;
  outline: unset;
}

/* line 881, app/assets/stylesheets/controllers/_plans_new.scss */
.addons .addons-table .action-button {
  margin-top: auto;
  padding: 2.2rem 1rem;
}

/* line 889, app/assets/stylesheets/controllers/_plans_new.scss */
.addon-suggestion-modal .modal-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #1f2937;
}

/* line 896, app/assets/stylesheets/controllers/_plans_new.scss */
.addon-suggestion-modal .modal-description {
  font-weight: 400;
  font-size: 1.6rem;
  color: #777777;
}

/* line 902, app/assets/stylesheets/controllers/_plans_new.scss */
.addon-suggestion-modal .modal-content {
  overflow-y: auto;
  max-height: 90vh;
}

/* line 908, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 914, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .a-tooltip {
  display: inline-flex;
  color: #777777;
  font-size: 12px;
  margin-left: 1rem;
  opacity: 0;
  transition: all 0.1s linear;
}

@media (max-width: 767.98px) {
  /* line 908, app/assets/stylesheets/controllers/_plans_new.scss */
  .addons-comparison {
    display: none;
  }
}

/* line 927, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-details {
  transition: all 0.4s ease-out;
  opacity: 1;
  max-height: 750rem;
}

/* line 932, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-details-hidden {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

/* line 937, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-details-hidden > .heading-plans {
  position: relative;
  top: unset;
}

/* line 944, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-btn,
.addons-comparison .select-plan a {
  background: white;
  padding: 1.2rem 1rem;
  font-size: 14px;
  color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 952, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-btn:hover, .addons-comparison .comparison-btn:active, .addons-comparison .comparison-btn:focus,
.addons-comparison .select-plan a:hover,
.addons-comparison .select-plan a:active,
.addons-comparison .select-plan a:focus {
  background: #2aa7ff;
  color: #ffffff;
}

/* line 960, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .highlighted .select-plan > a {
  background: #2aa7ff;
  color: #ffffff;
}

/* line 965, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-toggle {
  margin: 6rem 0 2rem;
}

/* line 968, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-toggle > .btn, .addons-comparison .app-tabs-switch > .nav.nav-tabs .comparison-toggle > .nav-item, .app-tabs-switch > .nav.nav-tabs .addons-comparison .comparison-toggle > .nav-item {
  font-weight: 500;
  font-size: 14px;
  padding: 1.2rem 5rem;
  border-radius: 100px;
}

/* line 976, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-toggle .comparison-btn-icon:before {
  width: 0.8rem;
}

/* line 980, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-toggle .comparison-btn-icon.arrow-down {
  transform: rotate(-90deg);
}

/* line 984, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .comparison-toggle .comparison-btn-icon.arrow-up {
  transform: rotate(90deg);
}

/* line 991, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .section-features:hover .a-tooltip {
  opacity: 1;
}

/* line 995, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .section-features .footnote {
  left: 3px;
  font-weight: 500;
}

/* line 1001, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .plans-table {
  margin-bottom: 0;
  max-width: 1490px;
  max-height: 700rem;
}

/* line 1006, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .plans-table .table {
  table-layout: fixed;
}

/* line 1009, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .plans-table .table td,
.addons-comparison .plans-table .table th {
  white-space: normal;
}

/* line 1013, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .plans-table .table td:not(:first-child),
.addons-comparison .plans-table .table th:not(:first-child) {
  text-align: center;
  vertical-align: middle;
}

/* line 1019, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .plans-table .table tbody {
  border: none;
}

/* line 1025, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .heading-plans {
  position: sticky;
  top: 45px;
  z-index: 910;
  width: 100%;
  max-width: 1490px;
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;
  padding: 2rem 0 3rem;
}

/* line 1035, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .heading-plans-plan {
  width: 16.63%;
}

/* line 1039, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .heading-plans-plan-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 1rem;
}

/* line 1047, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .heading-title {
  font-weight: 300;
  font-size: 2.8rem;
  padding-left: 0;
  background: white;
  border: none;
}

/* line 1055, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .section-spacer {
  display: block;
  margin-bottom: 8.5rem;
}

/* line 1060, app/assets/stylesheets/controllers/_plans_new.scss */
.addons-comparison .non-appliable {
  color: #777777;
}

/* line 2, app/assets/stylesheets/controllers/_role_info.scss */
.collect-occupation-info-modal label {
  color: #6b7280;
  text-transform: uppercase;
}

/* line 7, app/assets/stylesheets/controllers/_role_info.scss */
.collect-occupation-info-modal .description {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}

/* line 13, app/assets/stylesheets/controllers/_role_info.scss */
.collect-occupation-info-modal .description p {
  margin: 0;
  color: #6b7280;
}

@media screen and (max-width: 480px) {
  /* line 7, app/assets/stylesheets/controllers/_role_info.scss */
  .collect-occupation-info-modal .description {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 24, app/assets/stylesheets/controllers/_role_info.scss */
.collect-occupation-info-modal .action-buttons {
  margin-top: 3rem;
  display: flex;
  justify-content: flex-end;
  gap: 1.5rem;
}

@media screen and (max-width: 480px) {
  /* line 24, app/assets/stylesheets/controllers/_role_info.scss */
  .collect-occupation-info-modal .action-buttons {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 37, app/assets/stylesheets/controllers/_role_info.scss */
.roles-select {
  display: none;
}

@media screen and (max-width: 480px) {
  /* line 37, app/assets/stylesheets/controllers/_role_info.scss */
  .roles-select {
    display: block;
  }
}

/* line 45, app/assets/stylesheets/controllers/_role_info.scss */
.roles-btn-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -12px;
  flex-wrap: wrap;
}

/* line 58, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.roles-btn-group.is-right-aligned {
  justify-content: flex-end;
}

/* line 61, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.roles-btn-group.is-centered {
  justify-content: center;
}

/* line 65, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.roles-btn-group.is-justified > .btn, .app-tabs-switch > .nav.nav-tabs .roles-btn-group.is-justified > .nav-item {
  flex: 1;
  min-width: auto;
  flex-basis: 100%;
  margin-bottom: 10px;
}

/* line 70, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.roles-btn-group.is-justified > .btn:last-child, .app-tabs-switch > .nav.nav-tabs .roles-btn-group.is-justified > .nav-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  /* line 65, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
  .roles-btn-group.is-justified > .btn, .app-tabs-switch > .nav.nav-tabs .roles-btn-group.is-justified > .nav-item {
    flex-basis: auto;
    margin-bottom: 0;
  }
}

/* line 79, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.roles-btn-group.is-stacked {
  flex-direction: column;
  margin-left: 0;
}

/* line 82, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.roles-btn-group.is-stacked > .btn, .app-tabs-switch > .nav.nav-tabs .roles-btn-group.is-stacked > .nav-item,
.roles-btn-group.is-stacked > .dropdown,
.roles-btn-group.is-stacked > .label,
.roles-btn-group.is-stacked > .timesheet-sync-status,
.roles-btn-group.is-stacked > .timesheet-status,
.roles-btn-group.is-stacked > .time_off_request_status,
.roles-btn-group.is-stacked > .adjustment_type_label,
.manual_time_log .roles-btn-group.is-stacked > span.action,
.widget-id-manual_time_log .roles-btn-group.is-stacked > span.action,
.roles-btn-group.is-stacked > .btn-link {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 12px;
}

/* line 89, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.roles-btn-group.is-stacked > .btn:last-child, .app-tabs-switch > .nav.nav-tabs .roles-btn-group.is-stacked > .nav-item:last-child,
.roles-btn-group.is-stacked > .dropdown:last-child,
.roles-btn-group.is-stacked > .label:last-child,
.roles-btn-group.is-stacked > .timesheet-sync-status:last-child,
.roles-btn-group.is-stacked > .timesheet-status:last-child,
.roles-btn-group.is-stacked > .time_off_request_status:last-child,
.roles-btn-group.is-stacked > .adjustment_type_label:last-child,
.manual_time_log .roles-btn-group.is-stacked > span.action:last-child,
.widget-id-manual_time_log .roles-btn-group.is-stacked > span.action:last-child,
.roles-btn-group.is-stacked > .btn-link:last-child {
  margin-bottom: 0;
}

/* line 94, app/assets/stylesheets/custom_bootstrap/_button-group.scss */
.roles-btn-group .btn, .roles-btn-group .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .roles-btn-group .nav-item,
.roles-btn-group > .dropdown,
.roles-btn-group > .label,
.roles-btn-group > .timesheet-sync-status,
.roles-btn-group > .timesheet-status,
.roles-btn-group > .time_off_request_status,
.roles-btn-group > .adjustment_type_label,
.manual_time_log .roles-btn-group > span.action,
.widget-id-manual_time_log .roles-btn-group > span.action,
.roles-btn-group > .btn-link {
  margin-left: 12px;
}

/* line 49, app/assets/stylesheets/controllers/_role_info.scss */
.roles-btn-group > .btn, .app-tabs-switch > .nav.nav-tabs .roles-btn-group > .nav-item {
  margin-bottom: 12px;
}

@media screen and (max-width: 480px) {
  /* line 45, app/assets/stylesheets/controllers/_role_info.scss */
  .roles-btn-group {
    display: none;
  }
}

/* line 3, app/assets/stylesheets/controllers/_whats_new.scss */
.topbar-whats-new .notification-alert-title h6 {
  margin-right: 15px;
}

/* line 6, app/assets/stylesheets/controllers/_whats_new.scss */
.topbar-whats-new .notification-alert-title .small {
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/controllers/activities.scss */
.popover {
  z-index: 1080;
}

/* line 6, app/assets/stylesheets/controllers/activities.scss */
#activities .totals {
  margin-bottom: 30px;
  color: #6b7280;
  font-size: 18px;
}

/* line 10, app/assets/stylesheets/controllers/activities.scss */
#activities .totals span {
  color: #2aa7ff;
}

/* line 14, app/assets/stylesheets/controllers/activities.scss */
#activities #no-activity {
  padding: 10px;
  margin-top: 20px;
}

/* line 19, app/assets/stylesheets/controllers/activities.scss */
#activities .activities-loading .label-project-name span {
  visibility: hidden;
}

/* line 22, app/assets/stylesheets/controllers/activities.scss */
#activities .activities-loading .shot-body {
  pointer-events: none;
}

/* line 25, app/assets/stylesheets/controllers/activities.scss */
#activities .activities-loading input.rounded-checkbox {
  pointer-events: none;
}

/* line 29, app/assets/stylesheets/controllers/activities.scss */
#activities .hour {
  margin-left: 20px;
}

/* line 31, app/assets/stylesheets/controllers/activities.scss */
#activities .hour .details {
  font-size: 12px;
  color: #1f2937;
  position: relative;
}

/* line 35, app/assets/stylesheets/controllers/activities.scss */
#activities .hour .details span {
  color: #6b7280;
  padding-left: 20px;
}

/* line 39, app/assets/stylesheets/controllers/activities.scss */
#activities .hour .details span.hourly_total {
  color: #374151;
  padding-left: 0;
  font-weight: 500;
}

/* line 47, app/assets/stylesheets/controllers/activities.scss */
#activities .activities-wrapper {
  position: relative;
}

/* line 49, app/assets/stylesheets/controllers/activities.scss */
#activities .activities-wrapper:after {
  content: '';
  position: absolute;
  width: 1px;
  background-color: #e5e5e5;
  left: 20px;
  top: 5px;
  bottom: 0;
}

/* line 59, app/assets/stylesheets/controllers/activities.scss */
#activities .row-activity {
  text-align: center;
  padding-bottom: 38px;
}

/* line 63, app/assets/stylesheets/controllers/activities.scss */
#activities .label-project-name {
  display: inline-flex;
  align-items: center;
  border-radius: 20px;
  background-color: var(--z-gray-100);
  padding: 3px 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--z-gray-900);
  font-size: 13px;
  font-weight: regular;
  min-height: 24px;
}

/* line 76, app/assets/stylesheets/controllers/activities.scss */
#activities .label-project-name .label-project-icon {
  display: none;
}

/* line 80, app/assets/stylesheets/controllers/activities.scss */
#activities .label-project-name:hover {
  position: relative;
  color: var(--z-blue-700);
}

/* line 84, app/assets/stylesheets/controllers/activities.scss */
#activities .label-project-name:hover .project-names {
  width: calc(100% - 12px);
}

/* line 88, app/assets/stylesheets/controllers/activities.scss */
#activities .label-project-name:hover .label-project-icon {
  position: absolute;
  right: 12px;
  display: unset;
}

/* line 97, app/assets/stylesheets/controllers/activities.scss */
#activities .activities-wrapper.selection-mode .activity-actions,
#activities .activities-wrapper.selection-mode .overlay-content {
  display: none;
}

/* line 102, app/assets/stylesheets/controllers/activities.scss */
#activities .activities-wrapper.selection-mode .shot-body:before {
  opacity: 1;
}

/* line 106, app/assets/stylesheets/controllers/activities.scss */
#activities .activities-wrapper.selection-mode .screenshot-activity-overlay {
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* line 120, app/assets/stylesheets/controllers/activities.scss */
body.activities-list .lg-backdrop {
  z-index: 1071;
}

/* line 124, app/assets/stylesheets/controllers/activities.scss */
body.activities-list .lg-outer {
  z-index: 1076;
}

/* line 129, app/assets/stylesheets/controllers/activities.scss */
.select-row-wrapper {
  position: absolute;
  left: -5px;
}

/* line 134, app/assets/stylesheets/controllers/activities.scss */
.top-shot-body,
.top-shot-body-no-hover {
  border-radius: 3px;
  overflow: hidden;
}

/* line 140, app/assets/stylesheets/controllers/activities.scss */
.shot-body {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.17%;
}

/* line 141, app/assets/stylesheets/controllers/activities.scss */
.shot-body.no-screenshot {
  cursor: auto;
}

/* line 143, app/assets/stylesheets/controllers/activities.scss */
.shot-body.no-screenshot:before {
  background-color: transparent;
}

/* line 154, app/assets/stylesheets/controllers/activities.scss */
.shot-body:hover:before, .shot-body.popover-visible:before {
  opacity: 1;
}

/* line 157, app/assets/stylesheets/controllers/activities.scss */
.shot-body:hover .activity-actions,
.shot-body:hover .overlay-content, .shot-body.popover-visible .activity-actions,
.shot-body.popover-visible .overlay-content {
  opacity: 1 !important;
}

/* line 161, app/assets/stylesheets/controllers/activities.scss */
.shot-body:hover .screenshot-activity-overlay, .shot-body.popover-visible .screenshot-activity-overlay {
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 165, app/assets/stylesheets/controllers/activities.scss */
.shot-body:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
}

/* line 178, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* line 188, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .activity-actions,
.shot-body .screenshot-activity-overlay .overlay-content {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
}

/* line 193, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .activity-actions {
  display: flex;
  align-items: center;
}

/* line 196, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .activity-actions > a,
.shot-body .screenshot-activity-overlay .activity-actions > span {
  display: inline-block;
  width: 25px;
  text-align: center;
}

/* line 203, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .slot-view {
  margin: auto;
  transform: translateY(-15px);
}

/* line 207, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .slot-label {
  position: absolute;
  top: 75%;
  text-align: center;
  width: 100%;
  color: white;
}

/* line 214, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .btn-outline-default {
  background-color: #ffffff;
  color: #1f2937;
}

@media (min-width: 1200px) and (max-width: 1300px) {
  /* line 214, app/assets/stylesheets/controllers/activities.scss */
  .shot-body .screenshot-activity-overlay .btn-outline-default {
    background-color: transparent;
    border: none;
    color: #ffffff;
  }
}

/* line 225, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .select-action .rounded-checkbox-wrapper label {
  margin-bottom: 0;
}

/* line 230, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .activity-actions-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

/* line 236, app/assets/stylesheets/controllers/activities.scss */
.shot-body .screenshot-activity-overlay .screenshots-limit-achieved-overlay {
  margin-top: 5px;
}

/* line 241, app/assets/stylesheets/controllers/activities.scss */
.shot-body.no-actions .screenshot-activity-overlay .slot-view {
  transform: translateY(0);
}

/* line 247, app/assets/stylesheets/controllers/activities.scss */
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* line 254, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot {
  font-size: 11px;
  padding-top: 25px;
}

/* line 257, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .blank {
  background-color: #e5e7eb;
  color: #6b7280;
  border-radius: 2px;
  font-size: 12px;
  padding: 12px 0 11px;
}

/* line 264, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .meta {
  border: 1px solid #e5e5e5;
  border-top: none;
  border-radius: 0 0 3px 3px;
  padding: 15px 10px;
}

/* line 270, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .meta-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 275, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .meta-interval {
  text-align: left;
  font-size: 12px;
  color: #374151;
  margin-right: 10px;
}

/* line 281, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .time {
  padding-right: 0;
  text-align: left;
  color: #374151;
  font-size: 12px;
}

/* line 287, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .screen-count-pill {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
  color: #2aa7ff;
  font-size: 1.2rem;
  font-weight: bold;
  left: 0;
  margin: -18px auto 0;
  padding: 5px 15px;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 90px;
  z-index: 1;
}

/* line 306, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .activity {
  color: #374151;
  font-size: 11px;
}

/* line 310, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .actions {
  margin-top: 6px;
}

/* line 312, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .actions > a {
  font-size: 18px;
  line-height: 0;
  padding: 6px 12px 0 12px;
  display: inline-block;
}

/* line 320, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .remove-screenshot:hover {
  color: #808998;
}

/* line 324, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .task-name {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  font-size: 12px;
  margin: 4px 0 2px;
  min-height: 18px;
  max-width: 100%;
}

/* line 334, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .task-name .task-icon {
  display: none;
}

/* line 339, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot .task-name:hover .task-icon {
  display: unset;
}

/* line 346, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot-lg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 30%;
  height: 50%;
  background: #e5e7eb;
  color: #6b7280;
  text-align: center;
  vertical-align: middle;
  margin: auto;
}

/* line 360, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot-lg .hi, .activity-screenshot-lg .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .activity-screenshot-lg .step-number, .activity-screenshot-lg .toggling-dropdown > li.is-on > a:before, .activity-screenshot-lg .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .activity-screenshot-lg input:checked + label:before, .activity-screenshot-lg .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-selection__choice__remove, .activity-screenshot-lg .datepicker:before,
.activity-screenshot-lg .hs_daterange_picker:before, .activity-screenshot-lg .search-filter:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-selection:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .activity-screenshot-lg b:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-date:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-week:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-paid:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-user:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-member:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-client:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-project:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-timesheet:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-task:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-team:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-job_site:before, .activity-screenshot-lg .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-lg .select2-results__option.is-work_break_policy:before, .activity-screenshot-lg .vue-map-search:before {
  padding-top: 30%;
  color: #9ca3af;
  font-size: 64px;
  margin-bottom: 5px;
}

/* line 367, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot-lg .text {
  font-size: 14px;
  padding-top: 3%;
}

/* line 373, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot-thumb {
  height: 100%;
  text-align: center;
  font-size: 9px;
  background: #e5e7eb;
  color: #6b7280;
  padding-top: 20px;
}

/* line 380, app/assets/stylesheets/controllers/activities.scss */
.activity-screenshot-thumb .hi, .activity-screenshot-thumb .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .activity-screenshot-thumb .step-number, .activity-screenshot-thumb .toggling-dropdown > li.is-on > a:before, .activity-screenshot-thumb .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .activity-screenshot-thumb input:checked + label:before, .activity-screenshot-thumb .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-selection__choice__remove, .activity-screenshot-thumb .datepicker:before,
.activity-screenshot-thumb .hs_daterange_picker:before, .activity-screenshot-thumb .search-filter:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-selection:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .activity-screenshot-thumb b:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-date:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-week:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-paid:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-user:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-member:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-client:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-project:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-timesheet:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-task:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-team:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-job_site:before, .activity-screenshot-thumb .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .activity-screenshot-thumb .select2-results__option.is-work_break_policy:before, .activity-screenshot-thumb .vue-map-search:before {
  color: #9ca3af;
  font-size: 14px;
  margin-bottom: 5px;
}

/* line 388, app/assets/stylesheets/controllers/activities.scss */
.activities-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 1.5rem;
}

/* line 396, app/assets/stylesheets/controllers/activities.scss */
.activities-datetime-filters {
  display: flex;
  flex-grow: 1;
  gap: 1.5rem;
}

/* line 402, app/assets/stylesheets/controllers/activities.scss */
.activities-select-filters {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 1.5rem;
}

/* line 408, app/assets/stylesheets/controllers/activities.scss */
.activities-select-filters .projects-filter {
  max-width: 300px;
}

@media (max-width: 767.98px) {
  /* line 414, app/assets/stylesheets/controllers/activities.scss */
  .activities-datetime-filters,
.activities-select-filters {
    flex-direction: column;
    width: 100%;
  }
  /* line 419, app/assets/stylesheets/controllers/activities.scss */
  .activities-datetime-filters .projects-filter,
.activities-select-filters .projects-filter {
    max-width: 100%;
  }
}

/* line 426, app/assets/stylesheets/controllers/activities.scss */
#url_activities .url_activity {
  cursor: pointer;
}

/* line 432, app/assets/stylesheets/controllers/activities.scss */
#app-url img.app-url-settings,
#app-url img.location-settings {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

/* line 440, app/assets/stylesheets/controllers/activities.scss */
.state-indicator {
  margin-right: 5px;
  top: 2px;
  position: relative;
}

/* line 448, app/assets/stylesheets/controllers/activities.scss */
.table .url_activity_details td,
.table .url_activity_details th {
  background-color: #f9fafb;
}

/* line 456, app/assets/stylesheets/controllers/activities.scss */
.lg-outer .lg-toogle-thumb {
  left: 20px;
  right: auto;
}

/* line 461, app/assets/stylesheets/controllers/activities.scss */
.state_shot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #e5e7eb;
  color: #6b7280;
  font-size: 12px;
  text-align: center;
}

/* line 471, app/assets/stylesheets/controllers/activities.scss */
.state_shot img {
  width: 100%;
}

/* line 474, app/assets/stylesheets/controllers/activities.scss */
.state_shot .hi, .state_shot .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .state_shot .step-number, .state_shot .toggling-dropdown > li.is-on > a:before, .state_shot .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .state_shot input:checked + label:before, .state_shot .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-selection__choice__remove, .state_shot .datepicker:before,
.state_shot .hs_daterange_picker:before, .state_shot .search-filter:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-selection:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .state_shot b:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-date:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-week:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-paid:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-user:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-member:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-client:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-project:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-timesheet:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-task:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-team:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-job_site:before, .state_shot .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .state_shot .select2-results__option.is-work_break_policy:before, .state_shot .vue-map-search:before {
  color: #9ca3af;
  font-size: 32px;
  margin-bottom: 2px;
}

/* line 479, app/assets/stylesheets/controllers/activities.scss */
.state_shot .activity-img {
  width: 100%;
}

/* line 482, app/assets/stylesheets/controllers/activities.scss */
.state_shot .state-shot-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 492, app/assets/stylesheets/controllers/activities.scss */
.dashboard-activity-view {
  margin-top: 15px;
}

/* line 494, app/assets/stylesheets/controllers/activities.scss */
.dashboard-activity-view .col-sm-4 {
  margin-bottom: 30px;
}

/* line 496, app/assets/stylesheets/controllers/activities.scss */
.dashboard-activity-view .col-sm-4:nth-child(3n + 1) {
  clear: both;
}

/* line 500, app/assets/stylesheets/controllers/activities.scss */
.dashboard-activity-view .label, .dashboard-activity-view .timesheet-sync-status, .dashboard-activity-view .timesheet-status, .dashboard-activity-view .time_off_request_status, .dashboard-activity-view .adjustment_type_label, .dashboard-activity-view .manual_time_log span.action, .manual_time_log .dashboard-activity-view span.action,
.dashboard-activity-view .widget-id-manual_time_log span.action,
.widget-id-manual_time_log .dashboard-activity-view span.action {
  position: absolute;
  top: -6px;
  right: 9px;
  z-index: 2;
}

/* line 509, app/assets/stylesheets/controllers/activities.scss */
.activities-index .toggle-multiple-options, .activities-index .app-tabs-switch > .nav.nav-tabs {
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  /* line 508, app/assets/stylesheets/controllers/activities.scss */
  .activities-index {
    align-items: center;
  }
  /* line 514, app/assets/stylesheets/controllers/activities.scss */
  .activities-index .toggle-multiple-options, .activities-index .app-tabs-switch > .nav.nav-tabs {
    margin: 20px auto;
  }
}

/* line 519, app/assets/stylesheets/controllers/activities.scss */
.activities-index .datepicker.weekly-range-input {
  min-width: auto;
}

@media (min-width: 1310px) {
  /* line 519, app/assets/stylesheets/controllers/activities.scss */
  .activities-index .datepicker.weekly-range-input {
    min-width: 290px;
  }
}

/* line 528, app/assets/stylesheets/controllers/activities.scss */
.activities-smart-notifications-banner {
  margin-left: -3rem;
  margin-right: -3rem;
  margin-bottom: 3.4rem;
  min-height: 228px;
  background: linear-gradient(to right, #0a4b96, #0168dd);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* line 537, app/assets/stylesheets/controllers/activities.scss */
.activities-smart-notifications-banner .content {
  color: #ffffff;
}

/* line 540, app/assets/stylesheets/controllers/activities.scss */
.activities-smart-notifications-banner .content .title {
  font-size: 2.8rem;
  font-weight: 300;
}

/* line 545, app/assets/stylesheets/controllers/activities.scss */
.activities-smart-notifications-banner .content .subtitle {
  font-weight: 400;
}

/* line 550, app/assets/stylesheets/controllers/activities.scss */
.activities-smart-notifications-banner .plus {
  font-size: 1.2rem;
  margin-right: 1rem;
}

/* line 555, app/assets/stylesheets/controllers/activities.scss */
.activities-smart-notifications-banner .banner-illustration {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* line 560, app/assets/stylesheets/controllers/activities.scss */
.activities-smart-notifications-banner .banner-illustration > img {
  max-height: 15.5rem;
}

@media (max-width: 1439.98px) {
  /* line 528, app/assets/stylesheets/controllers/activities.scss */
  .activities-smart-notifications-banner {
    grid-template-columns: 38% 62%;
  }
}

@media only screen and (max-width: 1100px) {
  /* line 528, app/assets/stylesheets/controllers/activities.scss */
  .activities-smart-notifications-banner {
    grid-template-columns: 45% 55%;
  }
}

@media (max-width: 991.98px) {
  /* line 528, app/assets/stylesheets/controllers/activities.scss */
  .activities-smart-notifications-banner {
    grid-template-columns: 1fr;
  }
  /* line 576, app/assets/stylesheets/controllers/activities.scss */
  .activities-smart-notifications-banner .content {
    margin-right: 3rem;
  }
  /* line 579, app/assets/stylesheets/controllers/activities.scss */
  .activities-smart-notifications-banner .banner-illustration {
    display: none;
  }
}

@media (max-width: 480px) {
  /* line 585, app/assets/stylesheets/controllers/activities.scss */
  .activities-smart-notifications-banner .actions {
    flex-wrap: wrap;
  }
  /* line 589, app/assets/stylesheets/controllers/activities.scss */
  .activities-smart-notifications-banner .btn, .activities-smart-notifications-banner .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .activities-smart-notifications-banner .nav-item {
    flex-grow: 1;
  }
}

@media only screen and (max-width: 1200px) {
  /* line 597, app/assets/stylesheets/controllers/activities.scss */
  body:not(.sidebar-collapsed) .activities-smart-notifications-banner,
body.tablet-sidebar-expanded .activities-smart-notifications-banner {
    grid-template-columns: 1fr;
  }
  /* line 601, app/assets/stylesheets/controllers/activities.scss */
  body:not(.sidebar-collapsed) .activities-smart-notifications-banner .content,
body.tablet-sidebar-expanded .activities-smart-notifications-banner .content {
    margin-right: 3rem;
  }
  /* line 605, app/assets/stylesheets/controllers/activities.scss */
  body:not(.sidebar-collapsed) .activities-smart-notifications-banner .banner-illustration,
body.tablet-sidebar-expanded .activities-smart-notifications-banner .banner-illustration {
    display: none;
  }
}

/* line 613, app/assets/stylesheets/controllers/activities.scss */
body.activities-list .dashboard-gs-wizard {
  margin-bottom: 3rem;
}

/* line 618, app/assets/stylesheets/controllers/activities.scss */
body.activities-list.has-orgbar:not(.has-tasks-advert):not(.has-review-prompt) .activities-smart-notifications-banner {
  margin-top: -3rem;
}

/* line 625, app/assets/stylesheets/controllers/activities.scss */
#plan-limits-alert + .activities-index .activities-smart-notifications-banner {
  margin-top: 0;
}

/* line 629, app/assets/stylesheets/controllers/activities.scss */
.activities-shortcuts-popover {
  max-width: 230px;
  text-align: center;
}

/* line 635, app/assets/stylesheets/controllers/activities.scss */
.time_entry_task_id .select2-container {
  width: 100% !important;
}

/* line 641, app/assets/stylesheets/controllers/activities.scss */
.move-activity-form .checkbox {
  display: flex;
  align-items: center;
}

/* line 645, app/assets/stylesheets/controllers/activities.scss */
.move-activity-form .checkbox label {
  padding-left: 0;
}

/* line 649, app/assets/stylesheets/controllers/activities.scss */
.move-activity-form .checkbox input[type='checkbox'] {
  margin: 0 7px 0 0;
  position: static;
  transform: translateY(1px);
}

/* line 655, app/assets/stylesheets/controllers/activities.scss */
.move-activity-form .checkbox i {
  margin-left: 7px;
  transform: translateY(-1px);
}

/* line 663, app/assets/stylesheets/controllers/activities.scss */
.enforce-limits_blured-data {
  filter: blur(10px);
}

/* line 668, app/assets/stylesheets/controllers/activities.scss */
tr.enforce-limits_upgrade-overlay div#enforce-limits_update-blocker {
  padding: 10px;
  text-align: center;
  position: relative;
  bottom: 180px;
  height: 140px;
}

/* line 674, app/assets/stylesheets/controllers/activities.scss */
tr.enforce-limits_upgrade-overlay div#enforce-limits_update-blocker p {
  margin: 25px 0 10px;
  font-size: 16px;
  font-weight: bold;
}

/* line 682, app/assets/stylesheets/controllers/activities.scss */
p.screenshots-limit-achieved {
  margin: 15px 0 20px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 690, app/assets/stylesheets/controllers/activities.scss */
p.screenshots-limit-achieved i.hi-lock {
  font-size: 15px;
}

/* line 695, app/assets/stylesheets/controllers/activities.scss */
a.screenshots-limit-achieved-link {
  transform: translateY(-15px) !important;
}

/* line 699, app/assets/stylesheets/controllers/activities.scss */
#plan-limits-alert {
  padding: 10px 20px;
  color: #000;
}

/* line 703, app/assets/stylesheets/controllers/activities.scss */
#plan-limits-alert i {
  color: #c17e40;
}

/* line 706, app/assets/stylesheets/controllers/activities.scss */
#plan-limits-alert i.hi-close, #plan-limits-alert .top-bar .topbar-link i.close-notifications, .top-bar .topbar-link #plan-limits-alert i.close-notifications {
  margin-left: 10px;
}

/* line 709, app/assets/stylesheets/controllers/activities.scss */
#plan-limits-alert i.hi-close:hover, #plan-limits-alert .top-bar .topbar-link i.close-notifications:hover, .top-bar .topbar-link #plan-limits-alert i.close-notifications:hover {
  cursor: pointer;
}

/* line 715, app/assets/stylesheets/controllers/activities.scss */
#plan-limits-alert button,
#plan-limits-alert a.btn,
#plan-limits-alert .app-tabs-switch > .nav.nav-tabs a.nav-item,
.app-tabs-switch > .nav.nav-tabs #plan-limits-alert a.nav-item {
  color: #fff;
  background-color: #c17e40;
  border-color: #c17e40;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 13px;
}

/* line 724, app/assets/stylesheets/controllers/activities.scss */
#plan-limits-alert button:hover,
#plan-limits-alert a.btn:hover,
#plan-limits-alert .app-tabs-switch > .nav.nav-tabs a.nav-item:hover,
.app-tabs-switch > .nav.nav-tabs #plan-limits-alert a.nav-item:hover {
  color: #fff;
}

/* line 1, app/assets/stylesheets/controllers/addons.scss */
.addons-page-container {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.addons-page-container:before, .addons-page-container:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.addons-page-container:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.addons-page-container {
  *zoom: 1;
}

/* line 6, app/assets/stylesheets/controllers/addons.scss */
.addons-page-container:after, .addons-page-container:before {
  display: none;
}

/* line 12, app/assets/stylesheets/controllers/addons.scss */
.upsell_banner {
  border-radius: 0.8rem;
  border: #e5e5e5 0.1rem solid;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2rem;
  align-items: center;
  max-width: 120rem;
}

/* line 22, app/assets/stylesheets/controllers/addons.scss */
.upsell_banner .addon-specification {
  display: flex;
  align-items: center;
}

/* line 26, app/assets/stylesheets/controllers/addons.scss */
.upsell_banner .addon-specification .logo {
  width: 3rem;
}

/* line 30, app/assets/stylesheets/controllers/addons.scss */
.upsell_banner .addon-specification .name {
  margin-left: 1rem;
  width: auto;
  font-weight: 500;
  font-size: 1.8rem;
}

/* line 38, app/assets/stylesheets/controllers/addons.scss */
.upsell_banner .text {
  font-size: 1.4rem;
  margin: 1rem 0 1rem 0;
}

@media (min-width: 768px) {
  /* line 12, app/assets/stylesheets/controllers/addons.scss */
  .upsell_banner {
    flex-wrap: initial;
  }
  /* line 46, app/assets/stylesheets/controllers/addons.scss */
  .upsell_banner .text {
    max-width: 60rem;
    margin: 0 1rem 0 1rem;
  }
}

/* line 53, app/assets/stylesheets/controllers/addons.scss */
.addon-card-wrapper {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  /* line 53, app/assets/stylesheets/controllers/addons.scss */
  .addon-card-wrapper {
    float: left;
    width: 50%;
  }
}

@media (min-width: 992px) {
  /* line 53, app/assets/stylesheets/controllers/addons.scss */
  .addon-card-wrapper {
    float: left;
    width: 33.3333333333%;
  }
}

@media (min-width: 1200px) {
  /* line 53, app/assets/stylesheets/controllers/addons.scss */
  .addon-card-wrapper {
    float: left;
    width: 25%;
  }
}

/* line 61, app/assets/stylesheets/controllers/addons.scss */
.addon-card {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 16px;
  text-align: center;
  height: 100%;
  padding: 25px;
  color: #6b7280;
  display: flex;
  flex-direction: column;
}

/* line 71, app/assets/stylesheets/controllers/addons.scss */
.addon-card.is-enabled {
  border-color: #2aa7ff;
  -webkit-box-shadow: 0 2px 3px 0 rgba(82, 82, 82, 0.26);
  box-shadow: 0 2px 3px 0 rgba(82, 82, 82, 0.26);
}

/* line 77, app/assets/stylesheets/controllers/addons.scss */
.addon-icon {
  font-size: 24px;
  color: #1f2937;
}

/* line 80, app/assets/stylesheets/controllers/addons.scss */
.is-enabled .addon-icon {
  color: #2aa7ff;
}

/* line 85, app/assets/stylesheets/controllers/addons.scss */
.addon-name {
  margin-top: 10px;
  font-weight: 500;
}

/* line 90, app/assets/stylesheets/controllers/addons.scss */
.addon-info {
  font-size: 12px;
  line-height: 16px;
  margin: 15px 0;
}

/* line 96, app/assets/stylesheets/controllers/addons.scss */
.select-feature-form {
  margin-top: auto;
}

/* line 100, app/assets/stylesheets/controllers/addons.scss */
.billing-period-text {
  margin-top: -0.5rem;
}

/* line 24, app/assets/stylesheets/controllers/attendance_schedule.scss */
.support-text {
  color: #6b7280;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  vertical-align: middle;
  padding-top: 10px;
}

/* line 33, app/assets/stylesheets/controllers/attendance_schedule.scss */
#starting-at {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* line 38, app/assets/stylesheets/controllers/attendance_schedule.scss */
.user-as-text {
  margin-bottom: 10px;
}

/* line 42, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
}

/* line 48, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-time-grid .fc-slats td {
  height: 25px;
}

/* line 52, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-grid {
  border-bottom: 1px #6b7280 solid;
}

/* line 56, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-toolbar {
  flex: 0 0 auto;
  margin: 0;
}

/* line 61, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-view-container {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column nowrap;
}

/* line 67, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-members-view {
  flex: 1 1 auto;
  overflow: visible;
}

/* line 71, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-members-view > table {
  height: calc(100% - 1px);
}

/* line 75, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-members-view .fc-head .fc-time-area {
  box-shadow: 0 1px 0 0px #e5e7eb;
  position: static;
  position: sticky;
  top: 45px;
  z-index: 50;
  background: white;
}

/* line 86, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-resource-area.fc-widget-header {
  font-weight: 700;
}

/* line 89, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-resource-area.fc-widget-content {
  border: none;
}

/* line 92, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-resource-area .fc-cell-content {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}

/* line 99, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-resource-area .fc-expander-space {
  display: none;
}

/* line 104, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-time-area td.fc-widget-header {
  border-right: 1px solid #e5e7eb;
}

/* line 106, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-time-area td.fc-widget-header.fc-today {
  border-left: 1px solid #e5e7eb;
}

/* line 110, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-time-area.fc-widget-content {
  border-color: transparent;
}

/* line 117, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-widget-content .fc-rows tr:last-child td.fc-widget-content {
  border-color: transparent;
}

/* line 124, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-today,
#attendance-schedule-calendar-timeline .fc-day-header.active {
  background-color: white;
}

/* line 130, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-today .fc-cell-content {
  background-color: white;
}

/* line 135, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .unscheduled-toggle-wrapper {
  flex-wrap: wrap;
  margin-bottom: -5px;
}

/* line 139, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .unscheduled-toggle-wrapper .toggle-switch-label {
  font-weight: 400;
  font-size: 13px;
  margin: 0 10px 5px 0;
}

/* line 144, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .unscheduled-toggle-wrapper .toggle-switch-label + .toggle-switch {
  margin: 0 0 5px 0;
}

/* line 150, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-today {
  background: #eaf6ff;
}

/* line 154, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-header {
  text-align: center;
  position: relative;
}

@media (min-width: 576px) {
  /* line 154, app/assets/stylesheets/controllers/attendance_schedule.scss */
  #attendance-schedule-calendar-timeline .fc-day-header {
    padding: 0 15px;
  }
}

/* line 163, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-header {
  text-align: center;
  position: relative;
}

@media (min-width: 576px) {
  /* line 163, app/assets/stylesheets/controllers/attendance_schedule.scss */
  #attendance-schedule-calendar-timeline .fc-day-header {
    padding: 0 15px;
  }
}

/* line 173, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-widget-header {
  padding: 2px 14px;
}

/* line 177, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-scroller {
  height: auto !important;
  overflow: visible !important;
}

/* line 183, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-scroller {
  overflow: visible;
}

/* line 187, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-widget-header {
  border-top-color: transparent;
  position: relative;
}

/* line 191, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-week-view #attendance-schedule-calendar-timeline .fc-widget-header:first-child {
  border-left-color: transparent;
  position: relative;
}

/* line 195, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-week-view #attendance-schedule-calendar-timeline .fc-widget-header:first-child:before {
  content: '';
  background-color: white;
  width: 34px;
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 10px;
  z-index: 20;
}

/* line 206, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-widget-header:last-child {
  border-right-color: transparent;
}

/* line 210, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-widget-header .fc-widget-header:first-child {
  border-left-color: transparent;
}

/* line 216, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-timeline-event {
  border-radius: 6px;
}

/* line 220, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-event {
  cursor: pointer;
  margin: 2px 2px 0;
  transition: all 150ms ease-in-out;
}

/* line 225, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-event:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.005);
}

/* line 230, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-event .fc-bg {
  opacity: 1;
  background-color: transparent;
}

/* line 234, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-event .fc-title {
  padding-left: 0;
  margin-left: 0;
}

/* line 237, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-event .fc-title:before {
  display: none;
}

/* line 241, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-event .fc-title .fc-completed {
  text-decoration: line-through;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.not-started .fc-shift-status:before {
  background-color: #374151 !important;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.missed .fc-shift-status:before {
  background-color: #f05252 !important;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.scheduled .fc-shift-status:before {
  background-color: #7f3cf2 !important;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.early .fc-shift-status:before {
  background-color: #2aa7ff !important;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.late .fc-shift-status:before {
  background-color: #ff9725 !important;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.mixed .fc-shift-status:before {
  background-color: #6b7280 !important;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.on-time .fc-shift-status:before {
  background-color: #31c48d !important;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.abandoned .fc-shift-status:before {
  background-color: #c81e1e !important;
}

/* line 251, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift.completed .fc-shift-status:before {
  background-color: #31c48d !important;
}

/* line 259, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift-status {
  font-weight: 400;
}

/* line 261, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift-status:not(:empty) {
  font-size: 11px;
  display: inline-block;
  margin-left: 8px;
}

/* line 265, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-shift-status:not(:empty):before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
}

/* line 277, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-timeoff-request.is-not-approved, #attendance-schedule-calendar-timeline .fc-timeoff-request.is-not-approved > td {
  background-color: #ffffff !important;
  color: #374151 !important;
  border: 1px solid #ff9725 !important;
}

/* line 285, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-time-range {
  font-size: 11px;
  margin-top: 3px;
}

/* line 291, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-scroller {
  min-height: 0;
  overflow: auto;
}

/* line 297, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid .fc-row {
  min-height: 0;
  border-color: transparent;
}

/* line 302, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid .fc-content-skeleton {
  padding-bottom: 0;
}

/* line 306, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid .fc-event {
  margin-bottom: 2px;
}

/* line 311, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-head-container {
  box-shadow: 0 1px 0 0px #e5e7eb;
  border: 0;
  position: static;
  position: sticky;
  top: 46px;
  z-index: 30;
  background: white;
  padding-top: 10px;
}

/* line 324, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-body > tr > .fc-widget-content {
  border: 0;
}

/* line 330, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-divider {
  padding: 0;
  border: 0;
}

/* line 335, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-time.fc-axis {
  border: 0;
  position: relative;
  top: -13px;
  font-size: 11px;
  z-index: 50;
}

/* line 342, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-time.fc-axis span {
  background-color: white;
}

/* line 347, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-slats tr:first-child .fc-time.fc-axis span {
  display: none;
}

/* line 351, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-bg .fc-axis,
#attendance-schedule-calendar-timeline .fc-week-view .fc-mon.fc-widget-content {
  border: 0;
}

/* line 357, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-slats .fc-widget-content {
  border-left: 0;
}

/* line 360, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-slats .fc-minor td {
  border: 0;
}

/* line 364, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid-event {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 16px;
}

/* line 369, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid-event.fc-not-start {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 373, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid-event.fc-not-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 377, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid-event .fc-content {
  padding: 0;
  line-height: 1;
  display: flex;
  align-items: center;
}

/* line 383, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid-event .fc-title {
  font-size: 12px;
}

/* line 386, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-day-grid-event .avatar {
  width: 16px;
  height: 16px;
}

/* line 392, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-content-col .fc-content {
  white-space: nowrap;
}

/* line 395, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-content-col .fc-title {
  display: inline-block;
}

/* line 399, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .event-duration {
  font-size: 11px;
  margin-left: auto;
}

/* line 405, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-week-view .fc-time-grid-event .more-members-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  padding: 0;
  margin-right: 5px;
}

/* line 417, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view {
  border: none;
}

/* line 420, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-list-table {
  border-collapse: separate;
  border-spacing: 0 4px;
}

/* line 425, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-list-heading:not(:first-child) .fc-widget-header {
  padding-top: 25px;
  top: 23px;
}

/* line 430, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-widget-header {
  position: static;
  position: sticky;
  top: 46px;
  background: white;
  font-size: 24px;
  border: none;
  font-weight: normal;
  z-index: 50;
}

/* line 441, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-list-item {
  cursor: pointer;
  transition: all 150ms ease-in-out;
}

/* line 445, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-list-item td {
  border: none;
  border-radius: 6px;
}

/* line 450, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-day-event-wrapper {
  display: flex;
}

/* line 454, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-day-event-content {
  font-weight: 500;
  margin-right: 16px;
}

/* line 458, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-day-event-content span.fc-completed {
  text-decoration: line-through;
}

/* line 463, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-day-event-member {
  font-size: 12px;
  font-weight: 400;
}

/* line 468, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-day-event-time {
  margin-left: auto;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
}

/* line 474, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-day-event-time div {
  white-space: nowrap;
}

/* line 479, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-shift-status {
  white-space: nowrap;
}

/* line 483, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-time-range {
  font-size: 11px;
  font-weight: 400;
}

/* line 488, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-day-event-more-members {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  min-width: 25px;
  border-radius: 25px;
  background-color: transparent;
  border: 1px solid #ffffff;
  font-size: 10px;
  font-weight: 700;
  margin-left: 5px;
  margin-right: 10px;
}

/* line 503, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-title {
  padding-left: 0;
  margin-left: 0;
}

/* line 506, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-day-view .fc-title:before {
  display: none;
}

/* line 512, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-helper {
  background-color: #5850ec;
}

/* line 514, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-helper.fc-past {
  background-color: #cddbfe;
}

/* line 517, app/assets/stylesheets/controllers/attendance_schedule.scss */
#attendance-schedule-calendar-timeline .fc-helper .avatar {
  display: none;
}

/* line 523, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date {
  display: flex;
  padding: 17px 5px;
  justify-content: center;
}

@media (min-width: 1200px) {
  /* line 523, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .scheduler-heading-date {
    padding: 0 15px;
  }
}

/* line 532, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-today .scheduler-heading-date, .fc-day-header.active .scheduler-heading-date {
  color: #2f8af4;
}

/* line 536, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date-day-of-month {
  font-size: 38px;
  line-height: 1;
  margin-right: 8px;
  font-weight: 400;
}

@media (min-width: 992px) {
  /* line 536, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .scheduler-heading-date-day-of-month {
    font-size: 48px;
  }
}

/* line 546, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date-day-of-week {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-top: 5px;
  text-transform: uppercase;
}

/* line 553, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date-month-name {
  font-size: 12px;
  color: #9ca3af;
  line-height: 1;
  margin-bottom: 5px;
}

/* line 559, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date .day-month-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  /* line 559, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .scheduler-heading-date .day-month-wrapper {
    position: static;
    height: auto;
  }
}

/* line 577, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date {
  display: flex;
}

/* line 580, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-today .scheduler-heading-date, .fc-day-header.active .scheduler-heading-date {
  color: #2f8af4;
}

/* line 584, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date-day-of-month {
  font-size: 38px;
  line-height: 1;
  margin-right: 8px;
  font-weight: 400;
}

@media (min-width: 1200px) {
  /* line 584, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .scheduler-heading-date-day-of-month {
    font-size: 48px;
  }
}

/* line 594, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date-day-of-week {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-top: 5px;
  text-transform: uppercase;
}

/* line 601, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date-month-name {
  font-size: 12px;
  color: #9ca3af;
  line-height: 1;
  margin-bottom: 5px;
}

/* line 607, app/assets/stylesheets/controllers/attendance_schedule.scss */
.scheduler-heading-date .day-month-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 1200px) {
  /* line 607, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .scheduler-heading-date .day-month-wrapper {
    position: static;
    height: auto;
  }
}

/* line 625, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-time-grid-container {
  min-height: 300px;
}

/* line 629, app/assets/stylesheets/controllers/attendance_schedule.scss */
.event-avatar-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #374151;
  font-size: 11px;
  font-weight: 500;
  margin-right: 5px;
}

/* line 643, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status {
  vertical-align: middle;
  margin-left: 10px;
}

/* line 646, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status.not-started, .shift-status.unknown {
  background-color: #e5e7eb;
  color: #374151;
}

/* line 651, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status.missed {
  background-color: #f05252;
}

/* line 654, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status.scheduled {
  background-color: #7f3cf2;
}

/* line 657, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status.early {
  background-color: #2aa7ff;
}

/* line 660, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status.late {
  background-color: #ff9725;
}

/* line 663, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status.on-time, .shift-status.ontime {
  background-color: #31c48d;
}

/* line 667, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status.abandoned {
  background-color: #c81e1e;
}

/* line 670, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-status.mixed {
  background-color: #6b7280;
}

/* line 675, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover {
  max-width: calc(100vw - 30px);
  width: 440px;
}

/* line 679, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .popover-title {
  display: none !important;
}

/* line 683, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .hi-refresh {
  color: #2aa7ff;
}

@media (max-width: 767.98px) {
  /* line 675, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .attendance-popover {
    left: 50% !important;
    transform: translateX(-50%);
  }
}

/* line 693, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover.in {
  z-index: 1039 !important;
}

/* line 697, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .close-popover {
  position: relative;
  top: -10px;
  right: -15px;
}

/* line 702, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .close-popover.job-popover-close {
  position: absolute;
  top: 1px;
  right: 1px;
}

/* line 708, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .arrow {
  display: none;
}

/* line 711, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .popover-content {
  padding: 15px 20px 20px;
}

/* line 715, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .duration-table {
  font-size: 13px;
}

/* line 718, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .duration-table .duration {
  white-space: nowrap;
}

/* line 722, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .duration-table .shift-count-warning-wrapper {
  text-align: right;
}

/* line 725, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .duration-table .shift-count-warning-wrapper p {
  display: block;
  margin-left: 10px;
}

/* line 732, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .table {
  table-layout: initial;
  font-size: 13px;
}

/* line 736, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .table:last-child {
  margin-bottom: 0;
}

/* line 741, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .table > tbody > tr > td {
  white-space: nowrap;
}

/* line 743, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .table > tbody > tr > td:first-child {
  padding-left: 0;
}

/* line 746, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .table > tbody > tr > td:last-child {
  width: 99%;
}

/* line 755, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-event-popover-head {
  display: flex;
  align-items: center;
}

/* line 758, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-event-popover-head .close-popover {
  margin-left: auto;
}

/* line 763, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}

/* line 769, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover-body .avatar-wrapper {
  margin-left: -6px;
}

/* line 773, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover-body .user-avatar {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

/* line 779, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover-body .attendance-timespan {
  margin-left: 10px;
}

/* line 783, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover-body .job-event-content {
  width: 100%;
}

/* line 788, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-view-switcher {
  margin: 0 auto;
  display: none;
  max-width: 360px;
  width: 100%;
}

@media (min-width: 576px) {
  /* line 788, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .attendance-view-switcher {
    display: flex;
  }
  /* line 797, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .attendance-view-switcher .btn, .attendance-view-switcher .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .attendance-view-switcher .nav-item {
    flex: 1 1 auto;
    min-width: 70px;
  }
}

@media (min-width: 768px) {
  /* line 805, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .to-label {
    visibility: hidden;
  }
  /* line 808, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .to-hour-select {
    position: relative;
  }
  /* line 810, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .to-hour-select:before {
    content: 'TO';
    display: block;
    position: absolute;
    left: -7px;
    top: 13px;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 11px;
  }
}

/* line 824, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page {
  display: flex;
  flex-flow: column nowrap;
  height: 100vh;
  margin: -75px 0 -85px;
  padding: 75px 0 0;
}

/* line 831, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .members-nav {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  padding-bottom: 25px;
  width: 100%;
}

/* line 838, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .members-nav .btn-primary:first-child {
  margin: 0 5px 0 0;
}

/* line 842, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .members-nav .btn, .schedules-page .members-nav .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .schedules-page .members-nav .nav-item {
  width: 105px;
}

/* line 847, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page span.max-users-info-tip {
  display: inline-block;
  margin: 15px 0 0 0;
}

/* line 851, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page span.max-users-info-tip i {
  float: left;
  position: relative;
  top: 1.5px;
}

/* line 856, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page span.max-users-info-tip p {
  display: inline;
  padding-left: 0px;
}

@media (min-width: 768px) {
  /* line 847, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page span.max-users-info-tip {
    width: max-content;
  }
}

/* line 865, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .settings-link-wrapper {
  display: flex;
  justify-content: center;
  white-space: nowrap;
}

/* line 871, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .page-heading {
  margin-bottom: 15px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 871, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .page-heading {
    margin-bottom: 0;
    text-align: left;
  }
}

/* line 881, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .fc-content > .more-members-badge,
.schedules-page .fc-day-event-wrapper > .more-members-badge {
  padding: 0;
  margin-left: 0;
  margin-right: 5px;
  line-height: 24px;
}

/* line 889, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .attendance-view-switcher {
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  /* line 889, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .attendance-view-switcher {
    margin-bottom: 0;
  }
}

/* line 896, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .attendance-view-switcher .btn, .schedules-page .attendance-view-switcher .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .schedules-page .attendance-view-switcher .nav-item {
  border-radius: 20px;
}

/* line 901, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .top-filters {
  flex: 0 0 auto;
}

/* line 905, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .calendar {
  flex: 1 1 auto;
  min-height: 300px;
}

/* line 910, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .right-filter {
  margin-right: 10px;
}

/* line 914, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .right-button {
  flex: 0 0 100%;
  margin-top: 24px;
}

/* line 918, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .right-button a {
  width: 100%;
  float: none;
}

@media (min-width: 576px) {
  /* line 914, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .right-button {
    flex: 0 0 auto;
  }
}

/* line 928, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .fc-list-table {
  margin-bottom: 13px;
}

/* line 932, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .filters {
  display: flex;
  flex-wrap: nowrap;
}

/* line 936, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .filters a,
.schedules-page .filters .prev,
.schedules-page .filters .next {
  float: none;
  flex: 0 0 auto;
}

/* line 943, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .filters .weekly-range-input {
  min-width: 0;
  flex: 1 1 200px;
}

/* line 948, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .filters .today {
  flex: 1 1 auto;
  height: 40px;
  width: auto;
  min-width: 90px;
}

/* line 956, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .env-filters {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

@media (min-width: 992px) {
  /* line 956, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .env-filters {
    justify-content: space-between;
  }
}

/* line 967, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .add-buttons {
  display: flex;
  align-items: flex-start;
  flex: 0 0 auto;
  flex-flow: row wrap;
  margin: 0 -10px 20px 0;
  width: 100%;
}

@media (min-width: 992px) {
  /* line 967, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .add-buttons {
    min-width: 630px;
    width: auto;
  }
}

@media (max-width: 1023.98px) {
  /* line 967, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .add-buttons {
    margin: 0 0 20px 0;
  }
}

/* line 984, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .add-buttons > div {
  flex: 1 1 120px;
}

@media (min-width: 992px) {
  /* line 984, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .add-buttons > div {
    flex: 1 1 150px;
  }
}

@media (max-width: 1023.98px) {
  /* line 984, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .add-buttons > div {
    min-width: 100%;
  }
}

/* line 995, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .add-buttons > div.members, .schedules-page .add-buttons > div.events {
  margin-right: 10px;
  width: 230px;
}

@media (max-width: 1023.98px) {
  /* line 1000, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .add-buttons > div.members label, .schedules-page .add-buttons > div.events label {
    margin-top: 15px;
  }
}

/* line 1007, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .add-buttons .members,
.schedules-page .add-buttons .events {
  flex: 1 1 120px;
}

@media (min-width: 992px) {
  /* line 1007, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .add-buttons .members,
.schedules-page .add-buttons .events {
    flex: 1 1 180px;
  }
}

/* line 1016, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .add-buttons .right-button {
  flex: 1 1 120px;
  margin-right: 10px;
}

/* line 1022, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .timezone {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: 300px;
}

/* line 1028, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .timezone > div {
  width: 100%;
}

/* line 1033, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .scheduler-heading-date-day-of-month {
  margin: 0;
}

@media (min-width: 1200px) {
  /* line 1033, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .scheduler-heading-date-day-of-month {
    margin-right: 8px;
  }
}

/* line 1041, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .basic-filters {
  display: flex;
  width: 100%;
}

@media (min-width: 992px) {
  /* line 1041, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .basic-filters {
    margin-top: 24px;
    width: auto;
  }
}

/* line 1050, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .basic-filters a {
  float: none;
  height: 40px;
}

/* line 1055, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .basic-filters .weekly-range-input {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 1062, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .fc-resource-area > .fc-scroller-clip {
  min-width: 110px;
}

/* line 1067, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .select2-focusser,
.schedules-page .select2-search,
.schedules-page .select2-search input {
  display: block !important;
}

/* line 1073, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .basic-filters {
  display: flex;
  width: 100%;
}

@media (min-width: 992px) {
  /* line 1073, app/assets/stylesheets/controllers/attendance_schedule.scss */
  .schedules-page .basic-filters {
    width: auto;
  }
}

/* line 1081, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .basic-filters a {
  float: none;
  height: 40px;
}

/* line 1086, app/assets/stylesheets/controllers/attendance_schedule.scss */
.schedules-page .basic-filters .weekly-range-input {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 1094, app/assets/stylesheets/controllers/attendance_schedule.scss */
.new_attendance_schedule .datepicker:before,
.new_attendance_schedule .hs_daterange_picker:before {
  top: 20px;
}

/* line 1100, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-time-grid-event.fc-short .fc-time {
  margin-top: 1px;
}

/* line 1103, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-time-grid-event.fc-short .fc-time span {
  display: inline-block;
}

/* line 1107, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-time-grid-event.fc-short .fc-time:before, .fc-time-grid-event.fc-short .fc-time:after {
  display: none;
}

/* line 1115, app/assets/stylesheets/controllers/attendance_schedule.scss */
.fc-members-view .fc-content .fc-widget-content {
  position: relative;
}

/* line 1121, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-container {
  display: flex;
}

/* line 1124, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-container.members-container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 1132, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-container.members-container .plus-helper i {
  width: 9px;
  height: 10.3px;
}

/* line 1140, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-wrapper {
  position: relative;
}

/* line 1143, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-wrapper:hover:not(.invisible) {
  cursor: pointer;
}

/* line 1147, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-wrapper:hover:not(.invisible):not(.overlaps) .plus-helper {
  display: block;
}

/* line 1153, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-wrapper .plus-helper {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 80;
}

/* line 1163, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-wrapper .plus-helper.even {
  top: 100%;
}

/* line 1167, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-wrapper .plus-helper.odd {
  top: 0;
}

/* line 1171, app/assets/stylesheets/controllers/attendance_schedule.scss */
.plus-helper-wrapper .plus-helper.full {
  top: 50%;
}

/* line 1178, app/assets/stylesheets/controllers/attendance_schedule.scss */
.attendance-popover .shift-count-warning {
  margin: 0;
}

/* line 1183, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-notes {
  position: relative;
  width: 100%;
}

/* line 1187, app/assets/stylesheets/controllers/attendance_schedule.scss */
.shift-notes-inner {
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  width: 100%;
}

/* Getting started */
/* line 3, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-getting-started {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 47px 78px 0;
  text-align: center;
  width: 477px;
}

/* line 9, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-getting-started h2 {
  font-size: 28px;
  margin-bottom: 35px;
}

/* line 13, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-getting-started .getting-started-heading {
  font-size: 15px;
  margin-bottom: 25px;
  white-space: nowrap;
}

/* line 18, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-getting-started .getting-started-step {
  margin: 0 20px 80px;
}

/* line 21, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-getting-started .step-info {
  margin-top: 25px;
}

/* line 24, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-getting-started .tracking-example {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  padding: 8px 10px 4px;
}

/* line 28, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-getting-started .tracking-example i {
  margin-right: 19px;
}

/* line 31, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-getting-started .tracking-example .time {
  margin-left: auto;
  margin-right: 11px;
}

@media (max-width: 575.98px) {
  /* line 3, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard-getting-started {
    padding: 20px 30px 0;
  }
  /* line 38, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard-getting-started .getting-started-step {
    margin-left: 0;
  }
}

/* line 44, app/assets/stylesheets/controllers/dashboard.scss */
.other-options {
  margin-top: 60px;
}

/* Controls */
/* line 50, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

/* line 55, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-nav .item {
  margin-bottom: 30px;
}

@media (max-width: 570px) {
  /* line 61, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard-nav {
    display: block;
  }
  /* line 64, app/assets/stylesheets/controllers/dashboard.scss */
  .widget-dropdown {
    right: auto;
    left: 0;
  }
}

/* Listings */
/* line 72, app/assets/stylesheets/controllers/dashboard.scss */
#dashboard .user h5,
#dashboard .project h5 {
  margin-top: 0;
}

/* line 77, app/assets/stylesheets/controllers/dashboard.scss */
.project-bars,
.user-bars {
  width: 54px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

/* line 86, app/assets/stylesheets/controllers/dashboard.scss */
.project-time-spent,
.user-time-spent {
  display: inline-block;
  vertical-align: middle;
}

/* line 92, app/assets/stylesheets/controllers/dashboard.scss */
.activity-label {
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 3px;
}

/* line 99, app/assets/stylesheets/controllers/dashboard.scss */
.show-notifications a {
  float: none;
  display: block;
}

/* line 105, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-small-widget {
  margin-bottom: 30px;
}

/* line 107, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-small-widget .widget-sortable-body {
  border-bottom: 1px solid;
  border-color: #e5e5e5;
  padding: 0 20px 20px;
}

/* line 115, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-xlarge-widget .widget-xlarge {
  border: 1px solid #f3f4f6;
  margin-bottom: 30px;
}

/* line 122, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .widget-sortable {
  background-color: #ffffff;
}

/* line 125, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .ui-sortable-helper {
  -webkit-box-shadow: 0 12px 24px rgba(2, 15, 38, 0.2);
  box-shadow: 0 12px 24px rgba(2, 15, 38, 0.2);
}

/* line 128, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .widget-sortable-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0 15px 20px;
  cursor: pointer;
}

/* line 135, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .widget-sortable-header .hi-info {
  position: relative;
  top: -1px;
}

/* line 140, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .widget-sortable-header .dropdown {
  margin-right: 10px;
}

/* line 143, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .widget-sortable-header .dropdown i {
  color: #6b7280;
}

/* line 148, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .widget-sortable-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}

/* line 154, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .ui-sortable-placeholder {
  border: none;
  margin: 0;
  background-color: #f3f4f6;
  padding: 0;
  width: 100%;
  visibility: visible !important;
}

/* line 162, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .ui-sortable-handle {
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .widget-footer a {
  align-items: center;
  display: inline-flex;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.widgets .widget-footer a > i, .widgets .widget-footer a img {
  margin-left: 5px;
}

/* line 170, app/assets/stylesheets/controllers/dashboard.scss */
.widgets .empty-widget-img {
  max-height: 125px;
}

/* line 175, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column {
  background-color: #ffffff;
}

/* line 177, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .widget-sortable {
  width: 100%;
  margin: 0;
  position: relative;
}

/* line 181, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .widget-sortable:after {
  content: '';
  display: block;
  position: absolute;
}

/* line 187, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .widget-sortable:last-child:after {
  display: none;
}

/* line 192, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .widget-sortable:nth-child(2n + 1) .line {
  stroke: #6875f5;
}

/* line 195, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .widget-sortable:nth-child(2n + 1) .area {
  fill: url("#areaGradient-purple");
}

/* line 200, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .widget-sortable:nth-child(2n) .line {
  stroke: #7fcaff;
}

/* line 203, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .widget-sortable:nth-child(2n) .area {
  fill: url("#areaGradient-blue");
}

/* line 209, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .ui-sortable-placeholder {
  min-height: 50px;
  width: 19%;
  display: inline-block;
  height: 100%;
}

/* line 216, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-small-column .widget-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 7px !important;
  padding-bottom: 2px !important;
}

/* line 224, app/assets/stylesheets/controllers/dashboard.scss */
.dashboard-columns {
  display: flex;
  flex-direction: column;
}

/* line 230, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-large-column .widget-sortable {
  margin-bottom: 30px;
  border: 1px solid #f3f4f6;
  border-radius: 3px;
}

/* line 235, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-large-column .widget-sortable-body {
  padding: 0 20px;
}

/* line 238, app/assets/stylesheets/controllers/dashboard.scss */
.widgets-large-column .ui-sortable-placeholder {
  margin-bottom: 30px;
}

/* line 243, app/assets/stylesheets/controllers/dashboard.scss */
.widget-id-this_week {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 160px;
}

@media (min-width: 768px) {
  /* line 251, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard-small-widget {
    border: 1px solid #f3f4f6;
  }
  /* line 255, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  /* line 260, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable {
    width: 50%;
  }
  /* line 262, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable:after {
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    background-color: #f3f4f6;
    height: 75%;
    top: 50%;
    right: 0;
  }
  /* line 271, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable:nth-child(2n):after {
    display: none;
  }
  /* line 276, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable-body {
    border-bottom: none;
  }
  /* line 279, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .ui-sortable-placeholder {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  /* line 289, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable {
    width: 33%;
  }
  /* line 292, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable:nth-child(2n):after {
    display: block;
  }
  /* line 297, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable:nth-child(3n):after {
    display: none;
  }
  /* line 302, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable-placeholder {
    width: 33%;
  }
  /* line 307, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard-columns {
    flex-direction: row;
    margin-left: -15px;
    margin-right: -15px;
  }
  /* line 312, app/assets/stylesheets/controllers/dashboard.scss */
  .widgets-large-column {
    max-width: calc(50% - 30px);
    flex-grow: 1;
    flex-basis: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 1480px) {
  /* line 324, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable {
    width: 25%;
  }
  /* line 327, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable:nth-child(3n):after {
    display: block;
  }
  /* line 332, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable:nth-child(4n):after {
    display: none;
  }
  /* line 337, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable-placeholder {
    width: 25%;
  }
}

@media (min-width: 2350px) {
  /* line 347, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable {
    width: auto;
    flex: 1;
  }
  /* line 351, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable:nth-child(4n):not(:last-child):after {
    display: block;
  }
  /* line 356, app/assets/stylesheets/controllers/dashboard.scss */
  .dashboard.widgets .widgets-small-column .widget-sortable-placeholder {
    width: auto;
    flex-grow: 1;
    flex-basis: 0;
  }
}

/* line 366, app/assets/stylesheets/controllers/dashboard.scss */
#badges .popover {
  width: 240px;
}

/* line 371, app/assets/stylesheets/controllers/dashboard.scss */
body.dashboard-widgets {
  overflow-x: hidden;
}

/* line 5, app/assets/stylesheets/controllers/download.scss */
.download-page .container-fluid {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

/* line 10, app/assets/stylesheets/controllers/download.scss */
.download-page .content-wrapper {
  min-height: 0;
}

/* line 15, app/assets/stylesheets/controllers/download.scss */
.downloads-masthead {
  background-color: #f9fafb;
  padding: 6rem 0;
}

/* line 21, app/assets/stylesheets/controllers/download.scss */
.downloads .downloads-title {
  font: 300 38px/48px "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: center;
  position: relative;
  z-index: 100;
}

/* line 28, app/assets/stylesheets/controllers/download.scss */
.downloads .downloads-description {
  color: #1f2937;
  font: 300 18px/26px "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0 auto;
  max-width: 540px;
  text-align: center;
  position: relative;
  z-index: 100;
}

/* line 37, app/assets/stylesheets/controllers/download.scss */
.downloads .downloads-description.corporate {
  max-width: 63rem;
}

/* line 42, app/assets/stylesheets/controllers/download.scss */
.downloads .downloads-legend {
  color: #1f2937;
  display: block;
  font: 300 16px/24px "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  position: relative;
  z-index: 100;
}

/* line 52, app/assets/stylesheets/controllers/download.scss */
.download-dialog .downloads-tabs-list {
  transform: translateY(0);
  margin-top: 35px;
}

/* line 56, app/assets/stylesheets/controllers/download.scss */
.download-dialog .platform {
  min-height: 0;
  padding: 0 30px;
}

/* line 62, app/assets/stylesheets/controllers/download.scss */
.downloads-subtitle {
  font: 300 28px/36px "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: center;
  position: relative;
  z-index: 100;
  margin-top: 4rem;
  display: none;
}

@media (min-width: 992px) {
  /* line 62, app/assets/stylesheets/controllers/download.scss */
  .downloads-subtitle {
    display: block;
  }
}

/* line 74, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 4rem;
  padding: 0;
  position: relative;
  z-index: 100;
  list-style: none;
  display: none;
}

/* line 85, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list > li {
  border: 2px solid transparent;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
  border-radius: 6px;
  margin: 0 20px 20px;
  transition: transform 150ms ease-in-out;
  background-color: #ffffff;
}

/* line 92, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list > li:hover {
  transform: translateY(-10px);
}

/* line 95, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list > li.active {
  border: 2px solid #2f8af4;
}

/* line 99, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list .tabs-list-link {
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  padding: 25px;
  width: 250px;
  text-align: center;
}

/* line 107, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list .tabs-list-link:after {
  content: '';
  display: block;
  width: 28px;
  height: 2px;
  background-color: #2f8af4;
  margin: 0 auto;
}

/* line 116, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list .tabs-list-title {
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

/* line 122, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list .tabs-list-images {
  display: flex;
  justify-content: center;
}

/* line 125, app/assets/stylesheets/controllers/download.scss */
.downloads-tabs-list .tabs-list-images img {
  margin: 0 6px;
}

@media (min-width: 992px) {
  /* line 74, app/assets/stylesheets/controllers/download.scss */
  .downloads-tabs-list {
    display: flex;
    flex-wrap: nowrap;
  }
  /* line 132, app/assets/stylesheets/controllers/download.scss */
  .downloads-tabs-list .tabs-list-item {
    width: 230px;
  }
}

/* line 138, app/assets/stylesheets/controllers/download.scss */
.platform {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  margin-right: -15px;
  margin-left: -15px;
  padding: 5rem 0;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.platform:before, .platform:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.platform:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.platform {
  *zoom: 1;
}

/* line 144, app/assets/stylesheets/controllers/download.scss */
.platform:after, .platform:before {
  display: none;
}

@media (min-width: 992px) {
  /* line 138, app/assets/stylesheets/controllers/download.scss */
  .platform {
    min-height: 425px;
  }
  /* line 150, app/assets/stylesheets/controllers/download.scss */
  .platform:after {
    content: '';
    display: block;
    min-height: inherit;
    font-size: 0;
  }
}

/* line 158, app/assets/stylesheets/controllers/download.scss */
.platform .platform-info {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 290px;
}

@media (min-width: 992px) {
  /* line 158, app/assets/stylesheets/controllers/download.scss */
  .platform .platform-info {
    float: left;
    width: 41.6666666667%;
  }
}

/* line 163, app/assets/stylesheets/controllers/download.scss */
.platform .platform-title {
  color: #1f2937;
  display: block;
  font: 300 31px/40px "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -0.48px;
  max-width: 456px;
}

/* line 171, app/assets/stylesheets/controllers/download.scss */
.platform .platform-compatibility {
  color: #1f2937;
  display: block;
  font: 300 18px/26px "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 30px;
  max-width: 456px;
}

/* line 178, app/assets/stylesheets/controllers/download.scss */
.platform .platform-download {
  flex: 1 1 auto;
  color: white;
  font: 700 14px/49px "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}

/* line 184, app/assets/stylesheets/controllers/download.scss */
.platform .platform-download:hover {
  background-color: #2eb884;
  color: white;
}

/* line 190, app/assets/stylesheets/controllers/download.scss */
.platform .platform-icon {
  margin-left: 7px;
}

/* line 192, app/assets/stylesheets/controllers/download.scss */
.platform .platform-icon[alt*='iOS'], .platform .platform-icon[alt*='Mac'] {
  position: relative;
  top: -3px;
}

/* line 197, app/assets/stylesheets/controllers/download.scss */
.platform .platform-icon[alt*='Android'] {
  position: relative;
  top: -1px;
}

/* line 203, app/assets/stylesheets/controllers/download.scss */
.platform .platform-version {
  color: #1f2937;
  display: block;
  font: 400 14px/17px "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 30px;
}

/* line 210, app/assets/stylesheets/controllers/download.scss */
.platform .platform-screenshot {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  order: -1;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  /* line 210, app/assets/stylesheets/controllers/download.scss */
  .platform .platform-screenshot {
    float: left;
    width: 58.3333333333%;
  }
}

@media (min-width: 992px) {
  /* line 210, app/assets/stylesheets/controllers/download.scss */
  .platform .platform-screenshot {
    order: 1;
    margin-bottom: 0;
  }
}

/* line 223, app/assets/stylesheets/controllers/download.scss */
.platform .platform-image {
  flex: 0 0 auto;
  height: auto;
  max-height: 450px;
  width: auto;
}

/* line 231, app/assets/stylesheets/controllers/download.scss */
.platform-button {
  display: flex;
  align-items: stretch;
  background-color: #31c48d;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  /* line 231, app/assets/stylesheets/controllers/download.scss */
  .platform-button {
    width: 300px;
  }
}

/* line 241, app/assets/stylesheets/controllers/download.scss */
.platform-button .dropdown-toggle {
  color: white;
  display: block;
  height: 100%;
  background-color: #2eb884;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  transition: all 150ms ease-in-out;
}

/* line 252, app/assets/stylesheets/controllers/download.scss */
.platform-button .dropdown-toggle i {
  margin: 0 !important;
}

/* line 255, app/assets/stylesheets/controllers/download.scss */
.platform-button .dropdown-toggle:hover {
  background-color: #31c48d;
}

/* line 260, app/assets/stylesheets/controllers/download.scss */
.platform-button .dropdown {
  position: static;
  margin-top: 0;
}

/* line 266, app/assets/stylesheets/controllers/download.scss */
ul.download-options {
  background-color: white;
  border: 2px solid #31c48d;
  border-top: 0 none;
  padding: 0;
  top: 100%;
  width: 100%;
  margin-top: 0;
  border-radius: 0;
}

/* line 275, app/assets/stylesheets/controllers/download.scss */
ul.download-options .download-options-item {
  border-bottom: 1px solid #1f2937;
  list-style: none;
  text-align: center;
  padding: 0;
}

/* line 280, app/assets/stylesheets/controllers/download.scss */
ul.download-options .download-options-item:last-child {
  border-bottom: 0 none;
}

/* line 286, app/assets/stylesheets/controllers/download.scss */
.download-options-name {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 291, app/assets/stylesheets/controllers/download.scss */
.download-options-icon {
  margin-left: 5px;
  height: 16px;
}

/* line 294, app/assets/stylesheets/controllers/download.scss */
.download-options-icon[alt*='iOS'], .download-options-icon[alt*='Mac'], .download-options-icon[alt*='Android'] {
  position: relative;
  top: -1px;
}

/* line 301, app/assets/stylesheets/controllers/download.scss */
.download-options-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 44px;
  text-align: center;
  height: 44px;
}

/* line 308, app/assets/stylesheets/controllers/download.scss */
.download-options-link:hover {
  background-color: #31c48d;
  color: white;
}

/* line 314, app/assets/stylesheets/controllers/download.scss */
.platform-artifacts {
  margin: 0 0 20px 0;
}

/* line 317, app/assets/stylesheets/controllers/download.scss */
.platform-artifacts > .artifact {
  border-bottom: 1px solid #e5e7eb;
  padding: 16px 0;
  position: relative;
}

/* line 322, app/assets/stylesheets/controllers/download.scss */
.platform-artifacts > .artifact:last-child {
  border: none;
}

/* line 326, app/assets/stylesheets/controllers/download.scss */
.platform-artifacts > .artifact .type {
  color: #1f2937;
  line-height: 24px;
  font-size: 18px;
  font-weight: 700;
}

/* line 333, app/assets/stylesheets/controllers/download.scss */
.platform-artifacts > .artifact .description {
  color: #1f2937;
  font-family: 'Lato', sans-serif;
  line-height: 24px;
  font-size: 14px;
}

/* line 340, app/assets/stylesheets/controllers/download.scss */
.platform-artifacts > .artifact a.download-button {
  background-color: #31c48d;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 48px;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 16px;
}

/* line 352, app/assets/stylesheets/controllers/download.scss */
.platform-artifacts > .artifact a.download-button:hover {
  background-color: #31c48d;
}

/* line 2, app/assets/stylesheets/controllers/enterprise_settings.scss */
.enterprise-settings .download-banner {
  margin-top: 30px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  padding: 20px 31px 18px 33px;
}

/* line 9, app/assets/stylesheets/controllers/enterprise_settings.scss */
.enterprise-settings .download-banner i.hi, .enterprise-settings .download-banner .is-first.is-last.is-complete .v-step-number-wrapper i.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .enterprise-settings .download-banner i.step-number {
  color: #2aa7ff;
}

/* line 13, app/assets/stylesheets/controllers/enterprise_settings.scss */
.enterprise-settings .download-banner .banner-text {
  font-size: 14px;
  line-height: 19px;
  max-width: 100%;
  padding: 0;
  flex: 1;
}

@media (min-width: 992px) {
  /* line 13, app/assets/stylesheets/controllers/enterprise_settings.scss */
  .enterprise-settings .download-banner .banner-text {
    padding: 0 30px 0 10px;
  }
}

/* line 24, app/assets/stylesheets/controllers/enterprise_settings.scss */
.enterprise-settings .download-banner .banner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  /* line 24, app/assets/stylesheets/controllers/enterprise_settings.scss */
  .enterprise-settings .download-banner .banner-content {
    flex-direction: row;
    align-items: center;
  }
}

/* line 2, app/assets/stylesheets/controllers/expenses.scss */
.expenses-wrapper a.project-name {
  color: #1f2937;
}

/* line 2, app/assets/stylesheets/controllers/exports.scss */
#edit-export-modal .modal-body, #edit-export-modal .modal-body-centered {
  min-height: 180px;
}

/* line 5, app/assets/stylesheets/controllers/exports.scss */
#edit-export-modal .datepicker {
  min-width: 300px;
}

/* line 3, app/assets/stylesheets/controllers/financials.scss */
.create-payments-table .popover-container span {
  margin-top: 0.5rem;
}

/* line 11, app/assets/stylesheets/controllers/financials.scss */
.expenses-wrapper .popover-container span {
  margin-top: 0.5rem;
}

/* line 3, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .select-team-member {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

/* line 8, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-select-wrapper {
  width: 100%;
  height: 2.3rem;
  display: inline-flex;
}

/* line 13, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-select-wrapper .app-select {
  width: 100%;
  min-width: 25rem;
}

/* line 17, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-select-wrapper .app-select .select2-container {
  width: 100% !important;
}

/* line 23, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .select-team-member a.btn.approve-timesheet, .getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-tabs-switch > .nav.nav-tabs a.approve-timesheet.nav-item, .app-tabs-switch > .nav.nav-tabs .getting-started-wizard #growth-wizard-section-substeps .select-team-member a.approve-timesheet.nav-item {
  color: #2aa7ff;
}

/* line 30, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-review-screenshots #activities .activities-wrapper {
  margin-left: -1.7rem;
}

/* line 35, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-review-screenshots #activities .unclickable {
  pointer-events: none;
}

/* line 42, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-pick-projects .projects {
  display: flex;
  flex-direction: row;
  gap: 2rem 1.3rem;
  flex-wrap: wrap;
  max-width: 72rem;
}

/* line 49, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-pick-projects .projects .option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  height: 4rem;
  border: 0.1rem solid #6b7280;
  padding: 2rem;
  border-radius: 10rem;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 0;
}

/* line 65, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-pick-projects .projects .option input[type='checkbox'] {
  display: none;
}

/* line 69, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-pick-projects .projects .option i {
  font-weight: 700;
}

/* line 73, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-pick-projects .projects .option.selected {
  border-color: var(--z-primary-600);
  color: var(--z-primary-600);
  background-color: var(--z-blue-50);
}

/* line 81, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-pick-projects .create-project-input {
  display: flex;
  margin-top: 2rem;
  gap: 1rem;
  max-width: 50rem;
}

/* line 87, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-pick-projects .create-project-input a {
  max-width: 10rem;
}

/* line 94, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table {
  font-size: 14px;
}

/* line 96, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .view-screenshot {
  padding: 0.6rem 1.5rem;
  gap: 0.1rem;
  border-radius: 1.5rem;
  color: #2aa7ff;
  box-shadow: 0 0.4rem 0.4rem 0 #00000040;
}

/* line 104, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .avatar, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .col-manual, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .col-time-span {
  display: none;
}

/* line 108, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .project-name {
  font-size: 16px;
  font-weight: 500;
  color: black;
}

/* line 114, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .organization-name {
  display: none;
}

/* line 120, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .btn.approve-timesheet:hover, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .app-tabs-switch > .nav.nav-tabs .approve-timesheet.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .approve-timesheet.nav-item:hover {
  color: white;
}

/* line 128, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .member {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 134, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .col-reason, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .col-start, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .col-end, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .col-hours {
  display: none;
}

/* line 138, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .organization-name {
  display: none;
}

/* line 145, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-review-team-insights .widgets {
  padding-top: 3rem;
}

/* line 148, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-review-team-insights .widgets .insights-ranking-widget-item {
  margin-top: 1.6rem;
}

/* line 151, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-review-team-insights .widgets .insights-ranking-widget-item:first-child {
  margin-top: 0;
}

/* line 156, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-review-team-insights .widgets .widget-full-height,
.getting-started-wizard #growth-wizard-section-substeps .substep-review-team-insights .widgets .insights-no-data {
  height: 31rem;
}

/* line 161, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-review-team-insights .widgets .widget-body {
  min-height: 19rem;
}

/* line 170, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table table tr th:last-child, .getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table table tr td:last-child {
  max-width: 8rem;
}

/* line 175, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table table tr a.btn.disabled i, .getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table table tr .app-tabs-switch > .nav.nav-tabs a.disabled.nav-item i, .app-tabs-switch > .nav.nav-tabs .getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table table tr a.disabled.nav-item i {
  margin-left: 1rem;
}

/* line 181, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table .col-payment-details {
  display: none;
}

/* line 185, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table .col-email {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 10rem;
}

/* line 191, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table .details-not-set {
  color: #777777;
}

/* line 198, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-connect-payroll .substep-body {
  margin-top: 5.5rem;
}

/* line 204, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body {
  display: flex;
  flex-direction: column;
}

/* line 208, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .totals {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 2rem 0 3rem 0;
}

/* line 214, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .totals .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.6rem;
  max-height: 8.8rem;
  width: 100%;
}

/* line 225, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .totals .card .value {
  font-size: 3.2rem;
  font-weight: 500;
}

/* line 230, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .totals .card .description {
  font-size: 1.4rem;
  color: #6b7280;
}

/* line 237, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .table-title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  gap: 0.5rem;
}

/* line 246, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .member-table .member {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 252, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .member-table .weekly, .getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .member-table .bi-monthly, .getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .member-table .confidence {
  display: none;
}

/* line 260, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-add-a-holiday .holidays {
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  gap: 2rem 1.3rem;
  flex-wrap: wrap;
  max-width: 100rem;
}

/* line 268, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-add-a-holiday .holidays .option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  height: 4rem;
  border: 0.1rem solid #6b7280;
  padding: 2rem;
  border-radius: 10rem;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 0;
}

/* line 284, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-add-a-holiday .holidays .option input[type='checkbox'] {
  display: none;
}

/* line 288, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-add-a-holiday .holidays .option i {
  font-weight: 700;
}

/* line 292, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-add-a-holiday .holidays .option.selected {
  border-color: var(--z-primary-600);
  color: var(--z-primary-600);
  background-color: var(--z-blue-50);
}

/* line 302, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container {
  margin: 5rem auto;
  width: 33rem;
  display: flex;
  flex-direction: column;
  border: 0.1rem solid var(--z-gray-300);
  border-radius: 1.2rem;
  padding: 1rem 0;
  font-family: Inter Tight,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;
  text-align: center;
}

/* line 313, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-os-controls {
  display: flex;
  gap: 0.4rem;
  margin-bottom: 4rem;
  margin-left: 1rem;
}

/* line 319, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-os-controls a {
  border-radius: 50%;
  padding: 0.5rem;
  cursor: default;
}

/* line 324, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-os-controls a:nth-child(1) {
  background-color: var(--z-red-600);
}

/* line 328, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-os-controls a:nth-child(2) {
  background-color: var(--z-orange-400);
}

/* line 332, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-os-controls a:nth-child(3) {
  background-color: var(--z-green-500);
}

/* line 338, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-timer-inner {
  margin: 0 auto;
}

/* line 342, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-total-time {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* line 347, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-timer {
  width: 18rem;
  border-radius: 0.8rem;
  background-color: var(--z-gray-900);
  padding: 0.5rem 4rem;
  text-align: center;
  font-size: 18px;
  color: white;
  font-weight: 600;
}

/* line 358, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-timer.running {
  background-color: var(--z-blue-700);
}

/* line 363, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-timer-controls {
  display: flex;
  justify-content: center;
}

/* line 367, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-timer-controls .gs-timer-icon {
  width: 5.2rem;
  height: 5.2rem;
  min-width: 5.2rem;
  font-size: 20px;
}

/* line 373, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-timer-controls .gs-timer-icon .hi-play {
  max-width: 1.6rem;
  max-height: 2rem;
}

/* line 380, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-timer-project-name {
  text-align: center;
  font-weight: 600;
}

/* line 385, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-projects {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-top: 1rem;
  border-top: 0.1rem solid var(--z-gray-300);
}

/* line 393, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-projects .gs-projects-item {
  display: flex;
  gap: 1rem;
  padding: 0.5rem;
}

/* line 398, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-projects .gs-projects-item a {
  width: 2.2rem;
}

/* line 402, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-projects .gs-projects-item.active {
  background-color: var(--z-gray-200);
}

/* line 406, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-projects .gs-projects-item .gs-timer-icon {
  width: 2.2rem;
  height: 2.2rem;
  min-width: 2.2rem;
  font-size: 8px;
}

/* line 412, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container #gs-projects .gs-projects-item .gs-timer-icon .hi-play {
  max-width: 0.6rem;
  max-height: 0.8rem;
}

/* line 420, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container .gs-timer-icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--z-blue-700);
  color: white;
  cursor: pointer;
}

/* line 429, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-track-time #gs-timer-container .gs-timer-icon.running {
  background-color: white;
  color: var(--z-blue-700);
  border: 0.1rem solid var(--z-gray-300);
}

/* line 439, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-submit-a-timesheet .timesheets-table {
  overflow-x: auto;
  display: block;
}

/* line 443, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-submit-a-timesheet .timesheets-table .col-screenshots, .getting-started-wizard #growth-wizard-section-substeps .substep-submit-a-timesheet .timesheets-table .col-pay-period {
  display: none;
}

/* line 447, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-submit-a-timesheet .timesheets-table .col-actions {
  width: 15rem;
  max-width: 15rem;
}

/* line 452, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-submit-a-timesheet .timesheets-table .member {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 458, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-submit-a-timesheet .timesheets-table .activity-high {
  background-color: var(--z-green-400);
}

@media (min-width: 768px) {
  /* line 463, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-submit-a-timesheet .timesheets-table .col-screenshots, .getting-started-wizard #growth-wizard-section-substeps .substep-submit-a-timesheet .timesheets-table .col-pay-period {
    display: table-cell;
  }
}

/* line 471, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-download-app .substep-body {
  text-align: center;
}

/* line 475, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-download-app #download-app-images {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;
  margin-top: 2rem;
}

/* line 482, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-download-app #download-app-images img:nth-child(1), .getting-started-wizard #growth-wizard-section-substeps .substep-download-app #download-app-images img:nth-child(3) {
  display: none;
}

@media (min-width: 992px) {
  /* line 487, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-download-app #download-app-images img:nth-child(1), .getting-started-wizard #growth-wizard-section-substeps .substep-download-app #download-app-images img:nth-child(3) {
    display: block;
  }
}

@media (min-width: 576px) {
  /* line 497, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .select-team-member {
    width: 100%;
    display: inline-flex;
    flex-direction: unset;
    justify-content: space-between;
  }
  /* line 503, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-select-wrapper {
    max-width: 40rem;
  }
  /* line 506, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-select-wrapper .app-select {
    width: 100%;
    max-width: 40rem;
  }
  /* line 511, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-select-wrapper a.btn.approve-timesheet, .getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-select-wrapper .app-tabs-switch > .nav.nav-tabs a.approve-timesheet.nav-item, .app-tabs-switch > .nav.nav-tabs .getting-started-wizard #growth-wizard-section-substeps .select-team-member .app-select-wrapper a.approve-timesheet.nav-item {
    align-self: flex-end;
  }
  /* line 519, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .col-manual, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .col-time-span {
    display: table-cell;
  }
  /* line 523, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .avatar {
    display: inline-block;
  }
  /* line 527, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-approve-timesheet .activities-table .organization-name {
    display: block;
    font-size: 10px;
    color: #6b7280;
    padding-left: 3.8rem;
  }
  /* line 538, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table .col-payment-details {
    display: table-cell;
    max-width: 8rem;
  }
  /* line 541, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table .col-payment-details span {
    display: block;
  }
  /* line 546, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-set-payment-details .payment-details-table .col-email {
    max-width: 15rem;
  }
  /* line 555, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .totals .card {
    align-items: start;
    max-width: 24rem;
  }
  /* line 562, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .member-table .weekly, .getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .member-table .bi-monthly, .getting-started-wizard #growth-wizard-section-substeps .substep-view-unusual-activity .substep-body .member-table .confidence {
    display: table-cell;
  }
}

@media (min-width: 768px) {
  /* line 575, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .col-reason, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .col-start, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .col-end, .getting-started-wizard #growth-wizard-section-substeps .substep-approve-time-off-requests .time-off-requests-table .col-hours {
    display: table-cell;
  }
}

/* line 585, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-dialog-screenshot .modal-body, .getting-started-dialog-screenshot .modal-body-centered {
  padding-top: 0;
}

/* line 588, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-dialog-screenshot .modal-body h3, .getting-started-dialog-screenshot .modal-body-centered h3 {
  display: flex;
  vertical-align: middle;
}

@media (min-width: 576px) {
  /* line 597, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-dialog-payment-details .modal-body .form .form-group, .getting-started-dialog-payment-details .modal-body-centered .form .form-group {
    display: flex;
  }
}

/* line 602, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-dialog-payment-details .modal-body .form .form-group .control-label, .getting-started-dialog-payment-details .modal-body-centered .form .form-group .control-label, .getting-started-dialog-payment-details .modal-body .form .form-group #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .getting-started-dialog-payment-details .modal-body .form .form-group .inline-control-label, .getting-started-dialog-payment-details .modal-body-centered .form .form-group #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .getting-started-dialog-payment-details .modal-body-centered .form .form-group .inline-control-label {
  min-width: 10rem;
  max-width: 20rem;
  width: 100%;
}

/* line 608, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-dialog-payment-details .modal-body .form .form-group .app-select-wrapper, .getting-started-dialog-payment-details .modal-body-centered .form .form-group .app-select-wrapper {
  width: 100%;
}

/* line 612, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-dialog-payment-details .modal-body .form .form-group .control-input, .getting-started-dialog-payment-details .modal-body-centered .form .form-group .control-input {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 618, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-dialog-payment-details .modal-body .form .form-group .control-input .help-block, .getting-started-dialog-payment-details .modal-body-centered .form .form-group .control-input .help-block {
  width: 100%;
}

/* line 623, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-dialog-payment-details .modal-body .form .form-group i, .getting-started-dialog-payment-details .modal-body-centered .form .form-group i {
  color: #555555;
}

/* line 630, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-confidence-label {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 5.6rem;
  width: 100%;
  color: #ffffff;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  padding: 0.6rem;
}

/* line 641, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-confidence-label.high {
  background-color: var(--z-red-500);
}

/* line 645, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-confidence-label.medium {
  background-color: var(--z-orange-500);
}

/* line 649, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-confidence-label.low {
  background-color: var(--z-green-500);
}

/* line 654, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog {
  font-family: Roboto;
}

/* line 657, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .member-details {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}

/* line 662, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .member-details .name {
  margin-left: 0.1rem;
}

/* line 666, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .member-details .divider {
  margin: 0 1rem;
  width: 0.1rem;
  border: 0.1rem solid #e5e5e5;
  height: 2.4rem;
}

/* line 674, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 100%;
}

/* line 680, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .instance-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

/* line 686, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .instance-list .instance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.8rem;
  cursor: pointer;
  position: relative;
}

/* line 696, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .instance-list .instance.selected {
  background-color: var(--z-indigo-100);
  border-color: var(--z-blue-500);
}

/* line 701, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .instance-list .instance .information {
  display: flex;
  flex-direction: column;
}

/* line 705, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .instance-list .instance .information .title {
  flex-grow: 1;
  font-weight: bold;
  color: var(--z-gray-900);
  margin-bottom: 0.5rem;
}

/* line 712, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .instance-list .instance .information .time {
  color: var(--z-gray-600);
  margin-right: auto;
}

/* line 716, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .instance-list .instance .information .time .duration {
  color: var(--z-gray-500);
}

/* line 724, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 729, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .label-text {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 0.7rem;
  color: #6b7280;
  text-transform: uppercase;
}

/* line 737, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .title {
  font-size: 1.8rem;
  font-weight: 500;
}

/* line 742, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .description {
  font-size: 1.3rem;
  font-weight: 400;
  color: #6b7280;
  margin-bottom: 5rem;
  min-height: 3.8rem;
}

/* line 750, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .time-details {
  display: flex;
  gap: 3rem;
  margin-bottom: 3rem;
}

/* line 756, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity {
  display: flex;
  gap: 3rem;
  margin-bottom: 3rem;
}

/* line 762, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .overall .value {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 0.2rem 0.6rem;
  border-radius: 0.4rem;
  background-color: var(--z-green-500);
  max-width: 4.5rem;
}

/* line 774, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown {
  width: 60%;
}

/* line 777, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .mouse, .getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .keyboard {
  display: flex;
  flex-direction: column;
}

/* line 782, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .progress-bar {
  height: 0.4rem;
  border-radius: 0.6rem;
  margin-bottom: 0.5rem;
}

/* line 787, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .progress-bar.green {
  background-color: var(--z-green-500);
}

/* line 791, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .progress-bar.orange {
  background-color: var(--z-orange-500);
}

/* line 796, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .percentage {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 802, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .percentage .legend {
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
}

/* line 807, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .percentage .legend.green {
  background-color: var(--z-green-500);
}

/* line 811, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .activity .breakdown .percentage .legend.orange {
  background-color: var(--z-orange-500);
}

/* line 819, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .top-apps, .getting-started-unusual-activity-member-dialog .content .details .top-urls {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

/* line 824, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .top-apps .apps, .getting-started-unusual-activity-member-dialog .content .details .top-apps .urls, .getting-started-unusual-activity-member-dialog .content .details .top-urls .apps, .getting-started-unusual-activity-member-dialog .content .details .top-urls .urls {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* line 829, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .top-apps .apps .app, .getting-started-unusual-activity-member-dialog .content .details .top-apps .apps .url, .getting-started-unusual-activity-member-dialog .content .details .top-apps .urls .app, .getting-started-unusual-activity-member-dialog .content .details .top-apps .urls .url, .getting-started-unusual-activity-member-dialog .content .details .top-urls .apps .app, .getting-started-unusual-activity-member-dialog .content .details .top-urls .apps .url, .getting-started-unusual-activity-member-dialog .content .details .top-urls .urls .app, .getting-started-unusual-activity-member-dialog .content .details .top-urls .urls .url {
  display: inline-flex;
  padding: 0.3rem 0.5rem;
  border-radius: 0.4rem;
  background-color: var(--z-gray-100);
  color: var(--z-gray-600);
  font-weight: 500;
}

/* line 837, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-unusual-activity-member-dialog .content .details .top-apps .apps .app.danger, .getting-started-unusual-activity-member-dialog .content .details .top-apps .apps .url.danger, .getting-started-unusual-activity-member-dialog .content .details .top-apps .urls .app.danger, .getting-started-unusual-activity-member-dialog .content .details .top-apps .urls .url.danger, .getting-started-unusual-activity-member-dialog .content .details .top-urls .apps .app.danger, .getting-started-unusual-activity-member-dialog .content .details .top-urls .apps .url.danger, .getting-started-unusual-activity-member-dialog .content .details .top-urls .urls .app.danger, .getting-started-unusual-activity-member-dialog .content .details .top-urls .urls .url.danger {
  background-color: var(--z-red-500);
  color: #ffffff;
}

@media (min-width: 768px) {
  /* line 848, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-unusual-activity-member-dialog .content {
    flex-direction: row;
  }
  /* line 851, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-unusual-activity-member-dialog .content .instance-list {
    width: 50%;
  }
  /* line 856, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-unusual-activity-member-dialog .content .instance-list .instance.selected::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.6rem;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.6rem 0 0.6rem 0.6rem;
    border-color: transparent transparent transparent var(--z-blue-500);
    z-index: 99;
  }
  /* line 870, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-unusual-activity-member-dialog .content .instance-list .instance.selected::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.5rem;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-color: transparent transparent transparent var(--z-indigo-100);
    z-index: 100;
  }
  /* line 887, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-unusual-activity-member-dialog .content .details {
    width: 50%;
  }
}

/* line 895, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-review-screenshots-dialog .carousel {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 19rem;
}

/* line 902, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-review-screenshots-dialog .carousel img {
  width: 100%;
  height: 100%;
  max-width: 77rem;
}

/* line 908, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-review-screenshots-dialog .carousel a {
  cursor: pointer;
}

/* line 915, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-review-screenshots-dialog .carousel img {
  max-height: 19rem;
}

@media (min-width: 576px) {
  /* line 895, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-review-screenshots-dialog .carousel {
    min-height: 29rem;
  }
  /* line 923, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-review-screenshots-dialog .carousel img {
    max-height: 29rem;
  }
}

@media (min-width: 768px) {
  /* line 895, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-review-screenshots-dialog .carousel {
    min-height: 50rem;
  }
  /* line 931, app/assets/stylesheets/controllers/getting_started_wizard.scss */
  .getting-started-review-screenshots-dialog .carousel img {
    max-height: 50rem;
  }
}

/* line 937, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-review-screenshots-dialog .description {
  display: flex;
  justify-content: center;
}

/* line 944, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-free-trial-insights-dialog .modal-header {
  padding: 0 3rem;
  text-align: center;
  color: var(--z-gray-900);
}

/* line 951, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-free-trial-insights-dialog .modal-body img, .getting-started-free-trial-insights-dialog .modal-body-centered img {
  max-width: 18rem;
}

/* line 955, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-free-trial-insights-dialog .modal-body p, .getting-started-free-trial-insights-dialog .modal-body-centered p {
  color: var(--z-gray-600);
}

/* line 960, app/assets/stylesheets/controllers/getting_started_wizard.scss */
.getting-started-free-trial-insights-dialog .modal-footer {
  display: flex;
  justify-content: center;
}

/* line 1, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard {
  display: contents;
}

/* line 4, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard h2,
.growth-wizard h3 {
  font-weight: 500;
}

/* line 9, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard h2 {
  font-size: 32px;
}

/* line 13, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .subtitle {
  color: #6b7280;
}

/* line 17, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .growth-wizard-section {
  display: block;
  padding-bottom: 2rem;
}

/* line 22, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .loading {
  position: absolute;
  margin-left: calc((100% - 16rem) / 2);
  margin-top: 2rem;
}

/* line 28, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-welcome-screen {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}

/* line 35, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-welcome-screen .title {
  color: var(--z-gray-900);
  font-size: 28px;
  font-weight: 300;
}

/* line 41, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-welcome-screen .subtitle {
  color: var(--z-gray-900);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0.8rem;
}

/* line 48, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-welcome-screen img {
  margin: 3.4rem 0 4rem 0;
}

/* line 53, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-section-steps {
  margin: -3rem 0 0 -3rem;
  padding: 3rem;
  border-bottom: 0.1rem solid #e5e5e5;
  background-color: var(--z-gray-50);
  width: calc(100% + 6rem);
}

/* line 61, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-header {
  display: block;
}

/* line 64, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-header .title {
  font-size: 24px;
  color: #000000;
}

/* line 69, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-header .subtitle {
  font-size: 14px;
  color: #6b7280;
}

/* line 75, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .next-substep {
  font-size: 14px;
  cursor: pointer;
}

/* line 79, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .next-substep.disabled-link {
  color: var(--z-blue-500);
}

/* line 82, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .next-substep.disabled-link:hover {
  color: var(--z-blue-500);
}

/* line 88, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper {
  display: flex;
  gap: 1.6rem;
  justify-content: space-between;
  margin-top: 2rem;
}

/* line 94, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2.4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #e5e5e5;
  gap: 2rem;
}

/* line 103, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card.inactive {
  background-color: var(--z-gray-50);
  display: none;
}

@media (min-width: 768px) {
  /* line 103, app/assets/stylesheets/controllers/growth_wizard.scss */
  .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card.inactive {
    display: flex;
  }
}

/* line 112, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card.active {
  background-color: #ffffff;
}

/* line 116, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header {
  display: flex;
  justify-content: space-between;
}

/* line 120, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header .description {
  display: flex;
  flex-direction: column;
}

/* line 124, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header .description .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0.8rem;
}

/* line 130, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header .description .subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #6b7280;
}

/* line 137, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header .substeps-count {
  display: flex;
  font-size: 20px;
}

/* line 141, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header .substeps-count .finished {
  font-weight: 500;
}

/* line 144, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header .substeps-count .finished.zero, .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header .substeps-count .finished.inactive {
  color: #6b7280;
  font-weight: 400;
}

/* line 151, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .header .substeps-count .total-substeps {
  font-weight: 400;
  color: #6b7280;
}

/* line 158, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content {
  display: flex;
  flex-direction: column;
}

/* line 162, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}

/* line 167, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 172, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle {
  min-height: 2.4rem;
  min-width: 2.4rem;
  border-radius: 50%;
  border: solid 0.1rem;
}

/* line 178, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.todo {
  border-color: #e5e5e5;
}

/* line 182, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.finished {
  border-color: var(--z-green-600);
  background-color: var(--z-green-100);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 190, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.finished .hi-check, .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.finished .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.finished .step-number, .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.finished .toggling-dropdown > li.is-on > a, .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.finished .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.finished input:checked + label:before {
  color: var(--z-green-600);
}

/* line 195, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.current, .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .circle.completed {
  border-color: var(--z-green-600);
}

/* line 201, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .divider {
  width: 0.1rem;
  min-height: 1.4rem;
}

/* line 205, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .divider.todo {
  background-color: #e5e5e5;
}

/* line 209, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .divider.finished {
  background-color: var(--z-green-600);
}

/* line 213, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .divider.current, .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .node .divider.completed {
  background-color: var(--z-green-600);
}

/* line 220, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .name {
  padding-bottom: 0.15rem;
  font-size: 14px;
  font-weight: 400;
}

/* line 225, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .name.todo {
  color: #6b7280;
}

/* line 229, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .name.finished {
  color: var(--z-green-600);
}

/* line 233, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .name.current, .growth-wizard #growth-wizard-steps-wrapper .growth-wizard-step-card .content .substep .name.completed {
  font-weight: 500;
  color: black;
}

/* line 244, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .dead-substep {
  margin-top: 2rem;
}

/* line 247, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .dead-substep .substep-body {
  gap: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 255, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .dead-substep .substep-body .title {
  font-size: 22px;
  text-align: center;
  font-weight: 500;
  margin: 2rem 0 1rem 0;
}

/* line 262, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .dead-substep .substep-body .description {
  font-size: 14px;
  font-weight: 400;
  max-width: 60rem;
  margin-bottom: 2rem;
  text-align: center;
  color: var(--z-gray-400);
}

/* line 271, app/assets/stylesheets/controllers/growth_wizard.scss */
.growth-wizard .dead-substep .substep-body .image {
  width: 100%;
  max-width: 30rem;
}

@media (min-width: 576px) {
  /* line 279, app/assets/stylesheets/controllers/growth_wizard.scss */
  .growth-wizard .next-substep {
    float: right;
  }
}

/* line 2, app/assets/stylesheets/controllers/help.scss */
#help-modal .description {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e7eb;
}

/* line 8, app/assets/stylesheets/controllers/help.scss */
#help-modal .articles .article {
  float: left;
  padding: 10px 14px;
  margin: 0 14px 14px 0;
  border: 1px solid #e5e7eb;
}

/* line 15, app/assets/stylesheets/controllers/help.scss */
#help-modal .articles .article:hover {
  background-color: #e5e7eb;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
#help-modal .videos:before, #help-modal .videos:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
#help-modal .videos:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
#help-modal .videos {
  *zoom: 1;
}

/* line 23, app/assets/stylesheets/controllers/help.scss */
#help-modal .videos .video {
  float: left;
  margin: 0 15px 15px 0;
}

/* line 28, app/assets/stylesheets/controllers/help.scss */
#help-modal .contact {
  margin-top: 20px;
}

/* line 33, app/assets/stylesheets/controllers/help.scss */
.help-tab {
  text-align: center;
  width: 100%;
  padding: 0 20px;
}

/* line 37, app/assets/stylesheets/controllers/help.scss */
.help-tab a {
  display: block;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
  padding: 20px 0;
  color: #1f2937;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

/* line 45, app/assets/stylesheets/controllers/help.scss */
.help-tab a:hover {
  opacity: .8;
}

/* line 49, app/assets/stylesheets/controllers/help.scss */
.help-tab div {
  font-size: 12px;
  color: #6b7280;
  margin-top: 3px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  /* line 57, app/assets/stylesheets/controllers/help.scss */
  .help-tab {
    bottom: 0;
  }
  /* line 59, app/assets/stylesheets/controllers/help.scss */
  .help-tab a {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* line 62, app/assets/stylesheets/controllers/help.scss */
  .help-tab a .hi, .help-tab a .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .help-tab a .step-number, .help-tab a .toggling-dropdown > li.is-on > a:before, .help-tab a .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .help-tab a input:checked + label:before, .help-tab a .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-selection__choice__remove, .help-tab a .datepicker:before,
.help-tab a .hs_daterange_picker:before, .help-tab a .search-filter:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-selection:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .help-tab a b:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-date:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-week:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-paid:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-user:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-member:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-client:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-project:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-timesheet:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-task:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-team:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-job_site:before, .help-tab a .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .help-tab a .select2-results__option.is-work_break_policy:before, .help-tab a .vue-map-search:before {
    color: #ffffff;
    font-size: 32px;
  }
  /* line 67, app/assets/stylesheets/controllers/help.scss */
  .help-tab div, .help-tab span {
    display: none;
  }
}

/* line 2, app/assets/stylesheets/controllers/holidays.scss */
tr.holiday .holiday-name-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 350px;
  width: 350px;
}

/* line 7, app/assets/stylesheets/controllers/holidays.scss */
tr.holiday .hi-refresh {
  color: #6b7280;
  margin-left: 10px;
  cursor: default;
}

/* line 15, app/assets/stylesheets/controllers/holidays.scss */
tr.holiday .holiday-members-cell .a-tooltip + .a-tooltip {
  margin-left: -6px;
}

/* line 22, app/assets/stylesheets/controllers/holidays.scss */
.row-collapsable {
  cursor: pointer;
}

/* line 24, app/assets/stylesheets/controllers/holidays.scss */
.row-collapsable:not(.collapsed) {
  box-shadow: none !important;
  border: none !important;
}

/* line 27, app/assets/stylesheets/controllers/holidays.scss */
.row-collapsable:not(.collapsed):hover {
  background-color: transparent;
}

/* line 30, app/assets/stylesheets/controllers/holidays.scss */
.row-collapsable:not(.collapsed) > td {
  background-color: #f3f4f6;
  box-shadow: none !important;
}

/* line 33, app/assets/stylesheets/controllers/holidays.scss */
.row-collapsable:not(.collapsed) > td:first-child {
  border-top-left-radius: 15px;
}

/* line 36, app/assets/stylesheets/controllers/holidays.scss */
.row-collapsable:not(.collapsed) > td:last-child {
  border-top-right-radius: 15px;
}

/* line 43, app/assets/stylesheets/controllers/holidays.scss */
.row-collapsable.collapsed .collapsed-icon:before {
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* line 48, app/assets/stylesheets/controllers/holidays.scss */
.row-collapsable .collapsed-icon {
  margin-right: 10px;
  transform-origin: center center;
}

/* line 54, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group {
  border: none !important;
}

/* line 56, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group.collapsing {
  transition: none;
}

/* line 58, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group.collapsing[aria-expanded="false"] {
  display: none;
}

/* line 65, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group.in + tbody > tr:first-child > td, .previous-holidays-groupcollapsing + tbody > tr:first-child > td {
  box-shadow: none !important;
}

/* line 71, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group + tbody {
  border: none !important;
}

/* line 74, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group + tbody > tr > td {
  border-color: transparent !important;
}

/* line 81, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group > tr > td {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* line 85, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group > tr > td:first-child {
  box-shadow: inset 1px 0 0 #e5e7eb !important;
  padding-left: 35px;
}

/* line 90, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group > tr > td:last-child {
  box-shadow: inset -1px 0 0 #e5e7eb !important;
}

/* line 95, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group > tr:last-child td {
  box-shadow: inset 0 -1px 0 #e5e7eb !important;
}

/* line 98, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group > tr:last-child > td:first-child {
  border-bottom-left-radius: 15px;
  box-shadow: inset 1px -1px 0 #e5e7eb !important;
}

/* line 102, app/assets/stylesheets/controllers/holidays.scss */
.previous-holidays-group > tr:last-child > td:last-child {
  border-bottom-right-radius: 15px;
  box-shadow: inset -1px -1px 0 #e5e7eb !important;
}

/* line 111, app/assets/stylesheets/controllers/holidays.scss */
.holiday-select2-dropdown .select2-results .select2-results__options {
  max-height: calc(100vh - 350px);
}

/* line 117, app/assets/stylesheets/controllers/holidays.scss */
#new-holiday-form .holiday_date #date,
#new-holiday-form .holiday_amount_used input {
  max-width: 200px;
}

/* line 127, app/assets/stylesheets/controllers/holidays.scss */
#edit-holiday-modal .shift-count-warning-wrapper .shift-count-warning,
#new-holiday-modal .shift-count-warning-wrapper .shift-count-warning {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #ffac51;
  border-radius: 3px;
}

/* line 136, app/assets/stylesheets/controllers/holidays.scss */
#edit-holiday-modal .shift-count-warning-wrapper .shift-count-warning .hi-important, #edit-holiday-modal .shift-count-warning-wrapper .shift-count-warning .archive_warning:before,
#new-holiday-modal .shift-count-warning-wrapper .shift-count-warning .hi-important,
#new-holiday-modal .shift-count-warning-wrapper .shift-count-warning .archive_warning:before {
  color: #ffac51;
}

/* line 142, app/assets/stylesheets/controllers/holidays.scss */
#edit-holiday-modal .shift-count-warning-wrapper.danger .shift-count-warning,
#new-holiday-modal .shift-count-warning-wrapper.danger .shift-count-warning {
  padding: 0;
  border: none;
}

/* line 146, app/assets/stylesheets/controllers/holidays.scss */
#edit-holiday-modal .shift-count-warning-wrapper.danger .shift-count-warning .hi-important, #edit-holiday-modal .shift-count-warning-wrapper.danger .shift-count-warning .archive_warning:before,
#new-holiday-modal .shift-count-warning-wrapper.danger .shift-count-warning .hi-important,
#new-holiday-modal .shift-count-warning-wrapper.danger .shift-count-warning .archive_warning:before {
  color: #f05252 !important;
}

/* line 1, app/assets/stylesheets/controllers/home.scss */
.payment-errors {
  display: none;
}

/* line 1, app/assets/stylesheets/controllers/insights.scss */
:root {
  --activity-default-fill: var(--z-gray-300);
  --activity-loading-fill: var(--z-gray-200);
  --activity-active-fill: var(--z-blue-600);
  --activity-active-stroke: var(--z-blue-700);
  --activity-break-fill: var(--z-orange-200);
  --activity-break-stroke: var(--z-orange-600);
  --activity-holiday-fill: color-mix(in srgb, var(--z-purple-200), transparent 30%);
  --activity-holiday-stroke: var(--z-transparent);
  --activity-idle-fill: color-mix(in srgb, var(--z-yellow-100), transparent 30%);
  --activity-idle-stroke: var(--z-yellow-900);
  --activity-manual-fill: color-mix(in srgb, var(--z-teal-300), transparent 30%);
  --activity-manual-stroke: var(--z-transparent);
  --activity-meetings-fill: var(--z-purple-500);
  --activity-meetings-stroke: var(--z-transparent);
  --activity-pto-fill: color-mix(in srgb, var(--z-orange-400), transparent 20%);
  --activity-pto-stroke: var(--z-transparent);
  --activity-shifts-fill: var(--z-transparent);
  --activity-shifts-stroke: var(--z-black);
  --activity-tracked-fill: color-mix(in srgb, var(--z-primary-600), transparent 20%);
  --activity-tracked-stroke: var(--z-blue-700);
  --timeline-fixed-height: 60px;
}

/* line 28, app/assets/stylesheets/controllers/insights.scss */
.insights-page .content-wrapper,
.insights-cta-body .content-wrapper {
  padding-bottom: 0;
}

/* line 34, app/assets/stylesheets/controllers/insights.scss */
.insights-settings-page .tool-icon {
  height: 25px;
}

/* line 38, app/assets/stylesheets/controllers/insights.scss */
.insights-settings-page .type-icon {
  margin-top: 2px;
}

/* line 44, app/assets/stylesheets/controllers/insights.scss */
.insights-settings-page table.table th:first-child,
.insights-settings-page table.table td:first-child {
  width: 55%;
}

/* line 55, app/assets/stylesheets/controllers/insights.scss */
.insights-cta-body .container-fluid {
  padding: 0;
  padding-top: 46px !important;
}

/* line 63, app/assets/stylesheets/controllers/insights.scss */
.insights-cta-body .dashboard-gs-wizard {
  margin: 0;
}

/* line 70, app/assets/stylesheets/controllers/insights.scss */
.insights-cta-body.modal-open .dashboard-gs-wizard {
  display: none;
}

/* line 75, app/assets/stylesheets/controllers/insights.scss */
.insights-cta-body.modal-open .insights-cta-wrapper .modal {
  align-items: normal;
  flex-direction: column;
  justify-content: flex-start;
}

@media (max-width: 575.98px) {
  /* line 83, app/assets/stylesheets/controllers/insights.scss */
  .insights-cta-body.modal-open .modal-header {
    margin-bottom: 0 !important;
    padding-top: 15px;
  }
  /* line 88, app/assets/stylesheets/controllers/insights.scss */
  .insights-cta-body.modal-open .hs-addon-box {
    padding: 1.5rem 1.25rem 2rem;
  }
  /* line 93, app/assets/stylesheets/controllers/insights.scss */
  .insights-cta-body.modal-open .paid-addon-purchase h4 {
    font-size: 16px;
    margin: 1rem 0;
  }
  /* line 98, app/assets/stylesheets/controllers/insights.scss */
  .insights-cta-body.modal-open .paid-addon-purchase .addon-left {
    display: flex;
    justify-content: space-between;
  }
  /* line 102, app/assets/stylesheets/controllers/insights.scss */
  .insights-cta-body.modal-open .paid-addon-purchase .addon-left .addon-price-container {
    margin: 0;
  }
  /* line 106, app/assets/stylesheets/controllers/insights.scss */
  .insights-cta-body.modal-open .paid-addon-purchase .addon-left .addon-price {
    margin: 0;
  }
  /* line 113, app/assets/stylesheets/controllers/insights.scss */
  .insights-cta-body.modal-open .paid-addon-purchase .addon-right .addon-features li {
    margin-bottom: 0.5rem;
  }
}

/* line 123, app/assets/stylesheets/controllers/insights.scss */
.insights-cta-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1 auto;
  align-items: center;
  justify-content: center;
  background: url(https://server-assets.hubstaff.com/b9e3417e06/insights/addon_blurred-0fd46ff6480f195b778f5128edba17321251cd2aab26e765de9b133fd9a434a5.png) no-repeat 0 0;
  background-size: cover;
}

/* line 134, app/assets/stylesheets/controllers/insights.scss */
.insights-cta-wrapper .modal {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  text-align: center;
}

/* line 143, app/assets/stylesheets/controllers/insights.scss */
.insights-cta-wrapper .modal .modal-footer {
  text-align: center;
}

/* line 148, app/assets/stylesheets/controllers/insights.scss */
.insights-cta-wrapper .btn.btn-default, .insights-cta-wrapper .app-tabs-switch > .nav.nav-tabs .btn-default.nav-item, .app-tabs-switch > .nav.nav-tabs .insights-cta-wrapper .btn-default.nav-item {
  height: 33px;
}

/* Timeline components */
@media (min-width: 768px) {
  /* line 155, app/assets/stylesheets/controllers/insights.scss */
  .insights-page #daterangepicker {
    min-width: 300px;
  }
}

/* line 162, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights {
  /* Activity visualization elements */
  /* Activity types */
}

/* line 163, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .dropdown-toggle {
  min-width: auto;
  padding: 9px;
}

/* line 167, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .dropdown-toggle i {
  margin: 0;
}

/* line 173, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .widget-wrapper {
  padding: 0;
}

/* line 178, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper span {
  flex: none;
  white-space: nowrap;
}

/* line 183, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper input:not(:checked) + .custom-checkbox-box {
  background: var(--z-gray-200) !important;
  border-color: var(--z-gray-700) !important;
}

/* line 189, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-header {
  color: var(--z-gray-500);
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  width: auto;
}

/* line 197, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  padding-bottom: 16px;
  padding-top: 150px;
  margin-top: -140px;
}

/* line 206, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-empty-state {
  height: 50vh;
}

/* line 210, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid {
  --column-width: 230px;
}

/* line 214, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid.timeline-grid-user {
  --column-width: 200px;
}

/* line 218, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid {
  padding-bottom: 1px;
  display: grid;
  width: fit-content;
  grid-gap: 1px;
  background-color: var(--z-gray-100);
  min-width: 100%;
  /* 24 columns for hours in a day plus a label column */
  grid-template-columns: var(--column-width) repeat(24, minmax(4rem, auto));
}

/* line 230, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid.show-total-hours {
  /* Additional column for showing total hours */
  grid-template-columns: var(--column-width) 130px repeat(24, minmax(4rem, auto));
}

/* line 235, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .grid-item {
  height: var(--timeline-fixed-height);
  display: flex;
  align-items: center;
  background: white;
}

/* line 242, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid .timeline-header {
  padding: 15px 20px 15px;
  height: auto;
  position: relative;
  text-wrap: nowrap;
}

/* line 249, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid .timeline-header + .timeline-header {
  padding-right: 2rem;
}

/* line 255, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid .timeline-label-column {
  position: sticky;
  left: 0;
  /* 1 more than the popover */
  z-index: 1081;
  box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);
  outline: 1px solid var(--z-gray-100);
}

/* line 265, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-hour {
  position: absolute;
  left: 0;
  transform: translateX(-50%);
  background: white;
  padding: 6px;
}

/* line 274, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-cell {
  padding: 20px;
  font-weight: bold;
}

/* line 279, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-span-24 {
  grid-column: span 24;
  position: relative;
  height: var(--timeline-fixed-height);
}

/* line 285, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .current-time-line {
  position: absolute;
  top: 0;
  bottom: 1px;
  border: 0 dashed var(--timeline-indicator-color, var(--z-gray-400));
  border-width: 0 1px;
  pointer-events: none;
  z-index: 1;
}

/* line 295, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-span-24.first .current-time-line:before {
  content: '';
  position: absolute;
  top: -0.5rem;
  transform: translateX(-50%) rotate(45deg);
  left: 0;
  width: 1rem;
  height: 1rem;
  background-color: var(--timeline-indicator-color, var(--z-gray-400));
}

/* line 307, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-metrics .custom-checkbox-wrapper {
  flex: none;
}

/* line 310, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-metrics .custom-checkbox-wrapper input[type="checkbox"] {
  background: var(--z-gray-50);
  border: 1px solid var(--z-gray-300);
}

/* line 315, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-metrics .custom-checkbox-wrapper .custom-checkbox-box:before,
.timeline-insights .timeline-metrics .custom-checkbox-wrapper .custom-checkbox-box:after {
  border-color: currentcolor;
}

/* line 322, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .insights-timeline-svg {
  width: 100%;
  height: var(--timeline-fixed-height);
}

/* line 328, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .insights-timeline-svg .timeline-grid, .timeline-insights .insights-timeline-svg .timeline-grid * {
  stroke: var(--z-gray-200);
}

/* line 334, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .insights-timeline-svg .tick {
  cursor: default;
}

/* line 340, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .activity-area-shape,
.timeline-insights .row-activity {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

/* line 346, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity {
  fill: transparent;
}

/* line 349, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity:hover {
  opacity: 1;
}

/* line 354, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity-circle {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid var(--z-gray-200);
  opacity: 1 !important;
}

/* line 364, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .activity-area-shape {
  fill: url(#activity-area-gradient);
}

/* line 368, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .activity-area-line {
  stroke: var(--activity-active-stroke);
  stroke-width: 1;
}

/* line 374, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-active,
.timeline-insights .row-activity-circle.active {
  background-image: linear-gradient(to bottom, #0955AB, #C3C3C3);
  background-color: var(--activity-active-fill);
  border-color: var(--z-blue-900);
  color: white;
}

/* line 382, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.tracked {
  fill: var(--activity-tracked-fill);
  stroke: var(--activity-tracked-stroke);
  opacity: 0.8;
}

/* line 388, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-tracked {
  background-color: var(--activity-tracked-fill);
  border-color: transparent;
  color: white;
}

/* line 394, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity-circle.tracked {
  background-color: var(--activity-tracked-fill);
  border-color: var(--activity-tracked-stroke);
}

/* line 399, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.manual {
  opacity: 0.7;
  fill: var(--activity-manual-fill);
}

/* line 404, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-manual {
  background-color: var(--activity-manual-fill);
  border-color: rgba(0, 0, 0, 0.5);
}

/* line 408, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity-circle.manual {
  background-color: var(--activity-manual-fill);
  border-color: var(--activity-manual-stroke);
}

/* line 413, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.shifts {
  cursor: default;
  pointer-events: none;
  opacity: 1;
  fill: var(--activity-shifts-fill);
  stroke: var(--activity-shifts-stroke);
}

/* line 421, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-shifts,
.timeline-insights .row-activity-circle.shifts {
  background-color: var(--activity-shifts-fill);
  border-color: var(--activity-shifts-stroke);
}

/* line 427, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.idle {
  fill: var(--activity-idle-fill);
  stroke: var(--activity-idle-stroke);
  opacity: 0.7;
}

/* line 433, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-idle,
.timeline-insights .row-activity-circle.idle {
  background-color: var(--activity-idle-fill);
  border-color: var(--activity-idle-stroke);
}

/* line 439, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.meetings {
  fill: var(--activity-meetings-fill);
}

/* line 443, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-meetings,
.timeline-insights .row-activity-circle.meetings {
  background-color: var(--activity-meetings-fill);
  border-color: var(--activity-meetings-stroke);
  color: white;
}

/* line 450, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.breaks {
  fill: var(--activity-break-fill);
  stroke: var(--activity-break-stroke);
  stroke-dasharray: 3, 5;
}

/* line 456, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-breaks,
.timeline-insights .row-activity-circle.breaks {
  background-color: var(--activity-break-fill);
  border-color: var(--activity-break-stroke);
}

/* line 463, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.holidays {
  fill: var(--activity-holiday-fill);
  opacity: 0.7;
}

/* line 468, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-holidays {
  background-color: var(--activity-holiday-fill);
  border-color: rgba(0, 0, 0, 0.5);
}

/* line 473, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity-circle.holidays {
  background-color: var(--activity-holiday-fill);
  border-color: var(--activity-holiday-stroke);
}

/* line 478, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.pto {
  fill: var(--activity-pto-fill);
  opacity: 0.8;
}

/* line 483, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .custom-checkbox-wrapper .custom-checkbox-box.checkbox-pto {
  background-color: var(--activity-pto-fill);
  border-color: rgba(0, 0, 0, 0.5);
}

/* line 488, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity-circle.pto {
  background-color: var(--activity-pto-fill);
  border-color: var(--activity-pto-stroke);
}

/* line 493, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .row-activity.selected {
  opacity: 1;
  stroke: var(--primary-color, #007bff);
  stroke-width: 2px;
}

/* line 499, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .skeleton {
  position: relative;
  display: inline-block;
}

/* line 504, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .loading .skeleton {
  color: transparent;
  background-color: #f0f0f0;
  width: 100%;
  height: 1.2em;
  overflow: hidden;
}

/* line 512, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .loading .skeleton::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: skeleton 1.5s infinite;
}

@keyframes skeleton {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* line 538, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid.loading .grid-item {
  color: var(--z-gray-400);
}

/* line 542, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid.loading .row-activity {
  cursor: default;
  pointer-events: none;
  fill: var(--activity-loading-fill);
  stroke: none;
  opacity: 1;
}

/* line 550, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid.loading .row-activity.shifts {
  fill: transparent;
}

/* line 554, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid.loading .activity-area-shape {
  cursor: default;
  fill: var(--activity-loading-fill);
}

/* line 559, app/assets/stylesheets/controllers/insights.scss */
.timeline-insights .timeline-grid.loading .activity-area-line {
  stroke: none;
}

/* line 567, app/assets/stylesheets/controllers/insights.scss */
.timeline-popover .timeline-popover-divider {
  border-top: 1px solid var(--z-gray-200);
  margin-top: 1rem;
  padding-top: 1rem;
}

/* line 573, app/assets/stylesheets/controllers/insights.scss */
.timeline-popover .timeline-status-badge {
  font-size: 11px;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 16px;
  display: inline-block;
  color: var(--z-green-800);
  background-color: var(--z-green-100);
}

/* line 584, app/assets/stylesheets/controllers/insights.scss */
.timeline-popover .timeline-status-badge.status-pending {
  color: var(--z-yellow-600);
  background-color: var(--z-yellow-100);
}

/* line 589, app/assets/stylesheets/controllers/insights.scss */
.timeline-popover .timeline-status-badge.status-paid {
  color: var(--z-indigo-800);
  background-color: var(--z-indigo-100);
}

/* line 594, app/assets/stylesheets/controllers/insights.scss */
.timeline-popover .timeline-status-badge.status-unpaid {
  color: var(--z-orange-800);
  background-color: var(--z-orange-100);
}

/* line 599, app/assets/stylesheets/controllers/insights.scss */
.timeline-popover .timeline-status-badge.status-meeting {
  color: var(--z-blue-800);
  background-color: var(--z-blue-100);
}

/* line 605, app/assets/stylesheets/controllers/insights.scss */
.timeline-popover .screen-count-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
  color: #2aa7ff;
  font-size: 12px;
  font-weight: 500;
  padding: 0.5rem 1rem;
  user-select: none;
  text-decoration: none;
}

/* line 619, app/assets/stylesheets/controllers/insights.scss */
.timeline-popover .screen-count-pill:hover {
  background-color: #f8f9fa;
  color: #2aa7ff;
  text-decoration: none;
}

/* line 627, app/assets/stylesheets/controllers/insights.scss */
.tooltip-current-time-line > .tooltip-inner,
.tooltip-current-time-line > .tooltip-arrow {
  transform: translateY(-10px);
}

/* line 2, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-authentication input[type='submit'] {
  display: inline-block;
  float: right;
}

/* line 10, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-users .import-view .hi-info {
  margin-top: 4px;
}

@media (max-width: 480px) {
  /* line 16, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-users .wizard-buttons {
    margin-top: 10px;
  }
}

/* line 21, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-users .user-checkboxes {
  display: flex;
  flex: 1;
  flex-direction: row;
  margin-bottom: 2em;
}

/* line 27, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-users .user-checkboxes .user-checkbox-item {
  flex-basis: 25%;
}

/* line 30, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-users .user-checkboxes .user-checkbox-item .checkbox-label-name {
  margin-right: 3em;
}

@media (min-width: 480px) and (max-width: 991px) {
  /* line 36, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-users .user-checkboxes .user-checkbox-item {
    flex-basis: 33%;
  }
}

@media (max-width: 479px) {
  /* line 42, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-users .user-checkboxes .user-checkbox-item {
    flex-basis: 50%;
  }
}

/* line 50, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .project-checkboxes-wrapper {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
}

/* line 56, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .project-checkboxes-wrapper .new-project-checkboxes {
  margin-right: 30px;
}

@media (max-width: 768px) {
  /* line 62, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-projects .project-checkboxes-wrapper {
    flex-wrap: wrap;
  }
  /* line 65, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-projects .project-checkboxes-wrapper .new-project-checkboxes {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

/* line 72, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .new-project-checkboxes,
.integration-wizard-projects .matched-project-checkboxes {
  width: 100%;
}

/* line 76, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper {
  line-height: 30px;
  align-items: center;
  flex-direction: row;
}

/* line 83, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper input:checked + .custom-checkbox-box,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  border-color: #2aa7ff !important;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05), 0 2px 3px 0 rgba(82, 82, 82, 0.26);
  background-color: #2aa7ff;
}

/* line 91, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-transparent,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-transparent {
  display: none;
}

/* line 98, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .hi, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .step-number, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .toggling-dropdown > li.is-on > a:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active input:checked + label:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-selection__choice__remove, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .datepicker:before,
.integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .hs_daterange_picker:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .search-filter:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .full-page-map-wrapper .vue-map-search:before, .full-page-map-wrapper .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .vue-map-search:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-selection:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active b:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-date:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-week:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-paid:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-user:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-member:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-client:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-project:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-timesheet:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-task:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-team:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-job_site:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-work_break_policy:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .vue-map-search:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .hi, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .step-number, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .toggling-dropdown > li.is-on > a:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover input:checked + label:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-selection__choice__remove, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .datepicker:before,
.integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .hs_daterange_picker:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .search-filter:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .full-page-map-wrapper .vue-map-search:before, .full-page-map-wrapper .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .vue-map-search:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-selection:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover b:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-date:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-week:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-paid:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-user:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-member:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-client:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-project:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-timesheet:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-task:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-team:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-job_site:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-work_break_policy:before, .integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .vue-map-search:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .hi,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .is-first.is-last.is-complete .v-step-number-wrapper .step-number,
.is-first.is-last.is-complete .v-step-number-wrapper .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .step-number,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .toggling-dropdown > li.is-on > a:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .rounded-checkbox-wrapper input:checked + label:before,
.rounded-checkbox-wrapper .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active input:checked + label:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove,
.select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-selection__choice__remove,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .datepicker:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .hs_daterange_picker:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .search-filter:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .full-page-map-wrapper .vue-map-search:before,
.full-page-map-wrapper .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .vue-map-search:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-selection:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active b:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-date:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-week:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-paid:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-user:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-member:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-client:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-project:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-timesheet:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-task:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-team:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-job_site:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .select2-results__option.is-work_break_policy:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:active .vue-map-search:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .hi,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .is-first.is-last.is-complete .v-step-number-wrapper .step-number,
.is-first.is-last.is-complete .v-step-number-wrapper .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .step-number,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .toggling-dropdown > li.is-on > a:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .rounded-checkbox-wrapper input:checked + label:before,
.rounded-checkbox-wrapper .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover input:checked + label:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove,
.select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-selection__choice__remove,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .datepicker:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .hs_daterange_picker:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .search-filter:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .full-page-map-wrapper .vue-map-search:before,
.full-page-map-wrapper .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .vue-map-search:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-selection:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover b:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-date:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-week:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-paid:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-user:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-member:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-client:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-project:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-timesheet:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-task:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-team:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-job_site:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .select2-results__option.is-work_break_policy:before,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper .btn-icon:hover .vue-map-search:before {
  color: #2aa7ff;
}

/* line 105, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .new-project-checkboxes .custom-checkbox-wrapper:hover .btn-transparent,
.integration-wizard-projects .matched-project-checkboxes .custom-checkbox-wrapper:hover .btn-transparent {
  display: flex;
  margin-top: 0;
  height: 30px;
  min-height: 30px;
}

/* line 116, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects #select-projects .section-title {
  margin: 0;
}

@media (max-width: 480px) {
  /* line 121, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-projects #select-projects .section-title {
    margin-bottom: 5px;
  }
  /* line 126, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-projects #select-projects .wizard-buttons-wrapper .toggle-switch-wrapper {
    margin-bottom: 20px;
  }
  /* line 130, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-projects #select-projects .wizard-buttons-wrapper .wizard-buttons {
    width: 100%;
    text-align: right;
  }
}

/* line 138, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .project-checkboxes-header {
  border-radius: 4px;
  background-color: #f3f4f6;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 15px;
}

/* line 146, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .project-checkboxes-header img {
  margin-right: 5px;
}

/* line 150, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .project-checkboxes-header .hi-info {
  margin-left: 5px;
}

/* line 158, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .toggle-switch-wrapper,
.integration-wizard-users .toggle-switch-wrapper {
  margin-top: 3px;
}

/* line 163, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects .wizard-buttons-wrapper .hi-info,
.integration-wizard-users .wizard-buttons-wrapper .hi-info {
  align-self: flex-start;
  margin-left: 3px;
  margin-top: 5px;
}

/* line 172, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog {
  margin-top: 15em;
  width: 750px;
}

/* line 177, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .integration-wizard-link-projects-container-header {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
}

/* line 183, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .integration-wizard-link-projects-container-header .link-icon-column {
  width: 50px;
}

/* line 186, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .integration-wizard-link-projects-container-header .remove-item-column {
  min-width: 15px;
}

/* line 191, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .select-link-project {
  width: 100%;
  min-width: 130px;
}

/* line 196, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .link-item {
  margin-top: 15px;
}

/* line 199, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .link-item .linked_to {
  margin: 0 10px;
  width: 30px;
}

/* line 204, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .link-item .remove-item {
  margin-left: 10px;
  min-width: 15px;
}

@media (max-width: 768px) {
  /* line 211, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .integration-wizard-link-projects-container-header {
    display: none;
  }
  /* line 216, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .link-item .app-select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 220, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .link-item .linked_to {
    min-width: 12px;
    margin: 20px 10px 0 10px;
  }
  /* line 225, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .link-item .remove-item {
    margin-top: 25px;
  }
}

/* line 231, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .btn-integration-wizard-link-dialog-new-item {
  margin-top: 20px;
  cursor: pointer;
  line-height: 30px;
}

/* line 236, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .btn-integration-wizard-link-dialog-new-item .hi-plus {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: #ffffff;
  background-color: #2aa7ff;
  text-align: center;
  line-height: 30px;
}

/* line 246, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-link-projects-dialog .modal-dialog .integration-wizard-link-projects-container .btn-integration-wizard-link-dialog-new-item .text {
  margin-left: 5px;
  color: #2aa7ff;
}

@media (max-width: 479px) {
  /* line 255, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-link-projects-dialog .modal-dialog {
    max-width: 95%;
    margin: 60px 10px;
  }
}

@media (min-width: 480px) and (max-width: 768px) {
  /* line 262, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-link-projects-dialog .modal-dialog {
    max-width: 80%;
    margin: 30px 10px;
  }
}

/* line 271, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal.in {
  display: flex;
}

/* line 275, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-dialog {
  width: auto;
  margin: auto;
}

/* line 279, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-body, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  /* line 283, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-projects-confirm-sync-dialog .modal-body .projects-list-wrapper, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .projects-list-wrapper {
    width: 570px;
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  /* line 290, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-projects-confirm-sync-dialog .modal-body .projects-list-wrapper, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .projects-list-wrapper {
    flex-direction: column;
  }
  /* line 293, app/assets/stylesheets/controllers/integration_wizard.scss */
  .integration-wizard-projects-confirm-sync-dialog .modal-body .projects-list-wrapper .projects-list-container, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .projects-list-wrapper .projects-list-container {
    margin-bottom: 20px;
  }
}

/* line 299, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-body .projects-list-container, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .projects-list-container {
  width: 260px;
}

/* line 302, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-body .projects-list-container .projects-list-header, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .projects-list-container .projects-list-header {
  border-radius: 4px;
  background-color: #f3f4f6;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 15px;
}

/* line 310, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-body .projects-list-container .projects-list-header img, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .projects-list-container .projects-list-header img {
  margin-right: 5px;
}

/* line 314, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-body .projects-list-container .projects-list-header .hi-info, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .projects-list-container .projects-list-header .hi-info {
  margin-top: 3px;
  margin-right: 5px;
}

/* line 321, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-body .more-projects-popover, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .more-projects-popover {
  font-size: 12px;
  white-space: pre-line;
  width: 100%;
}

/* line 326, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-body .more-projects-popover .popover-content, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .more-projects-popover .popover-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 14px;
  padding: 30px;
}

/* line 334, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-body .more-projects-popover .popover-content .popover-item, .integration-wizard-projects-confirm-sync-dialog .modal-body-centered .more-projects-popover .popover-content .popover-item {
  margin-bottom: 3px;
}

/* line 341, app/assets/stylesheets/controllers/integration_wizard.scss */
.integration-wizard-projects-confirm-sync-dialog .modal-footer .btn, .integration-wizard-projects-confirm-sync-dialog .modal-footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .integration-wizard-projects-confirm-sync-dialog .modal-footer .nav-item {
  border-radius: 4px;
}

/* line 347, app/assets/stylesheets/controllers/integration_wizard.scss */
.custom-new-project-option {
  color: #2aa7ff;
  line-height: 30px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 355, app/assets/stylesheets/controllers/integration_wizard.scss */
.custom-new-project-option .hi-plus {
  margin-right: 5px;
}

/* line 361, app/assets/stylesheets/controllers/integration_wizard.scss */
.select2-results__option[aria-selected='true'] .custom-new-project-option {
  color: #ffffff;
}

/* line 366, app/assets/stylesheets/controllers/integration_wizard.scss */
#users-retrieved label.custom-checkbox-wrapper {
  position: relative;
}

/* line 370, app/assets/stylesheets/controllers/integration_wizard.scss */
#users-retrieved input.user-custom-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 376, app/assets/stylesheets/controllers/integration_wizard.scss */
#users-retrieved input.user-custom-checkbox:hover {
  cursor: pointer;
}

/* line 380, app/assets/stylesheets/controllers/integration_wizard.scss */
#users-retrieved .checkbox-label-name {
  display: inline;
}

/* line 12, app/assets/stylesheets/controllers/integrations.scss */
.sync-status {
  margin-top: 10px;
  margin-left: 12px;
}

/* line 17, app/assets/stylesheets/controllers/integrations.scss */
div.integration_directions {
  margin-top: 20px;
}

/* line 19, app/assets/stylesheets/controllers/integrations.scss */
div.integration_directions .field {
  font-family: monospace;
}

/* line 22, app/assets/stylesheets/controllers/integrations.scss */
div.integration_directions textarea.data {
  width: 90%;
}

/* line 25, app/assets/stylesheets/controllers/integrations.scss */
div.integration_directions .data {
  font-family: monospace;
  padding: 2px;
  color: #e3a008;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fdfdea;
  border: 1px solid #ffead3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 38, app/assets/stylesheets/controllers/integrations.scss */
table.integration_links {
  width: 100%;
  margin-bottom: 40px;
}

/* line 42, app/assets/stylesheets/controllers/integrations.scss */
table.integration_links thead th {
  text-align: left;
}

/* line 45, app/assets/stylesheets/controllers/integrations.scss */
table.integration_links tr.loading td {
  text-align: center;
}

/* line 51, app/assets/stylesheets/controllers/integrations.scss */
h2.integration-heading span {
  font-size: 12px;
  color: #6b7280;
  font-weight: 700;
  margin-right: 10px;
}

/* line 58, app/assets/stylesheets/controllers/integrations.scss */
h2.integration-heading button {
  margin-top: 8px;
}

/* line 64, app/assets/stylesheets/controllers/integrations.scss */
.integration-meta .label, .integration-meta .timesheet-sync-status, .integration-meta .timesheet-status, .integration-meta .time_off_request_status, .integration-meta .adjustment_type_label, .integration-meta .manual_time_log span.action, .manual_time_log .integration-meta span.action,
.integration-meta .widget-id-manual_time_log span.action,
.widget-id-manual_time_log .integration-meta span.action {
  margin-left: 5px;
}

/* line 69, app/assets/stylesheets/controllers/integrations.scss */
.integrations-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 30px 0;
  flex-wrap: wrap;
}

/* line 75, app/assets/stylesheets/controllers/integrations.scss */
.integrations-heading .page-heading {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}

/* line 80, app/assets/stylesheets/controllers/integrations.scss */
.integrations-heading input {
  width: 340px;
}

/* line 85, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list {
  display: block;
  margin-bottom: 2em;
}

/* line 91, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.project_management h4 i {
  margin-right: 9px;
}

/* line 95, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.project_management h4 i {
  color: #31c48d !important;
}

/* line 91, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.crm h4 i {
  margin-right: 9px;
}

/* line 95, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.crm h4 i {
  color: #f05252 !important;
}

/* line 91, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.payroll h4 i {
  margin-right: 9px;
}

/* line 95, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.payroll h4 i {
  color: #2aa7ff !important;
}

/* line 91, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.payments h4 i {
  margin-right: 9px;
}

/* line 95, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.payments h4 i {
  color: #ff9725 !important;
}

/* line 91, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.accounting h4 i {
  margin-right: 9px;
}

/* line 95, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.accounting h4 i {
  color: #8b1dff !important;
}

/* line 91, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.help_desk h4 i {
  margin-right: 9px;
}

/* line 95, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.help_desk h4 i {
  color: #ff9725 !important;
}

/* line 91, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.communication h4 i {
  margin-right: 9px;
}

/* line 95, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.communication h4 i {
  color: #a24aff !important;
}

/* line 91, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.dummy h4 i {
  margin-right: 9px;
}

/* line 95, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list.dummy h4 i {
  color: #2aa7ff !important;
}

/* line 101, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list h4 {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}

/* line 107, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -60px;
}

/* line 114, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item {
  width: 155px;
  margin-right: 60px;
  margin-bottom: 30px;
}

/* line 119, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item:hover .integration-learn-more-link {
  visibility: visible;
}

/* line 123, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item img {
  max-width: 55px;
  max-height: 56px;
  min-height: 56px;
}

/* line 128, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  border-radius: 2px;
  position: relative;
  width: 155px;
  height: 155px;
  text-align: center;
  padding: 15px;
}

/* line 140, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-link .name {
  max-width: 139px;
  font-weight: 500;
  margin-top: 5px;
  text-align: center;
}

/* line 147, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-link i {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  margin: 0;
}

/* line 154, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-link:hover, .integrations_list .integration-list-item .integration-link:active {
  border: 1px solid #2aa7ff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: currentColor;
}

/* line 160, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-link.is-added {
  background-color: #e5e7eb;
}

/* line 162, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-link.is-added i {
  color: #31c48d;
}

/* line 166, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-link.is-deprecated, .integrations_list .integration-list-item .integration-link.is-not-supported {
  background-color: #e5e7eb;
}

/* line 170, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-link.is-deprecated i, .integrations_list .integration-list-item .integration-link.is-not-supported i {
  color: #f05252;
  transform: rotate(45deg);
}

/* line 176, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-learn-more-link {
  display: block;
  text-align: center;
  visibility: hidden;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  font-size: 12px;
  color: #6b7280;
}

/* line 187, app/assets/stylesheets/controllers/integrations.scss */
.integrations_list .integration-list-item .integration-learn-more-link:hover {
  color: #2aa7ff;
}

/* line 195, app/assets/stylesheets/controllers/integrations.scss */
.integration-list .text-gray {
  color: #6b7280;
}

/* line 200, app/assets/stylesheets/controllers/integrations.scss */
.modal-body .integrations_list, .modal-body-centered .integrations_list {
  margin-bottom: 0;
}

/* line 202, app/assets/stylesheets/controllers/integrations.scss */
.modal-body .integrations_list .integration-list-item, .modal-body-centered .integrations_list .integration-list-item {
  margin-right: 0;
  min-height: auto;
}

/* line 205, app/assets/stylesheets/controllers/integrations.scss */
.modal-body .integrations_list .integration-list-item .integration-link, .modal-body-centered .integrations_list .integration-list-item .integration-link {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  /* line 205, app/assets/stylesheets/controllers/integrations.scss */
  .modal-body .integrations_list .integration-list-item .integration-link, .modal-body-centered .integrations_list .integration-list-item .integration-link {
    width: auto;
  }
}

/* line 214, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred {
  max-width: 970px;
  background-color: #eaf6ff;
  border-radius: 15px;
  padding: 45px 15px 40px 15px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 25px;
}

/* line 223, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred.gusto {
  background-color: #fff6ed;
}

/* line 227, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred.transferwise {
  background-color: #f3f4f6;
  border: 0.1rem solid #e5e5e5;
}

/* line 231, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred.transferwise.with-logo {
  padding: 2.5rem 1.5rem;
}

/* line 235, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred.zapier {
  background-color: #fde8e8;
  margin-top: 50px;
}

/* line 239, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-ribbon {
  font-size: 10px;
  padding: 0 7px;
  height: 30px;
  background-image: -o-linear-gradient(#f3f4f6, #ffffff);
  background-image: -moz-linear-gradient(#f3f4f6, #ffffff);
  background-image: -webkit-linear-gradient(#f3f4f6, #ffffff);
  background-image: linear-gradient(#f3f4f6, #ffffff);
  box-shadow: 0 1px 11px #f3f4f6;
  display: flex;
  align-items: center;
  position: absolute;
  top: -12px;
  left: -8px;
}

/* line 250, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-ribbon i {
  margin-right: 5px;
  font-size: 12px;
}

/* line 253, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-ribbon i.fa-heart {
  color: red;
}

/* line 257, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-ribbon p {
  margin-bottom: 0;
  padding-right: 10px;
  letter-spacing: 0.1px;
  border-right: 1px solid #6b7280;
}

/* line 263, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-ribbon:after {
  content: '';
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent #545964 transparent transparent;
}

/* line 275, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-ribbon .preferred-ribon-logo {
  margin: 0 10px;
}

/* line 278, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-ribbon .preferred-ribon-logo.logo-gusto img, .integration-thumb-preferred .preferred-integration-ribbon .preferred-ribon-logo.logo-zapier img, .integration-thumb-preferred .preferred-integration-ribbon .preferred-ribon-logo.logo-transferwise img {
  width: 40px;
}

/* line 286, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-head {
  position: relative;
  margin-top: 30px;
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* line 299, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .preferred-integration-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  max-width: 16rem;
  max-height: 6rem;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.8rem;
  background-color: #ffffff;
  padding: 3rem 2rem;
  margin-bottom: 2rem;
}

/* line 314, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .preferred-integration-text .pi-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
}

/* line 321, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .prefered-integration-features {
  padding-left: 0;
  list-style: none;
  display: flex;
  margin-top: 20px;
  margin-bottom: 35px;
}

/* line 326, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .prefered-integration-features > li {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
}

/* line 331, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .prefered-integration-features > li + li {
  margin-left: 20px;
}

/* line 334, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .prefered-integration-features > li:before {
  content: '•';
  color: #2aa7ff;
  font-size: 20px;
  line-height: 1;
  margin-right: 6px;
}

/* line 342, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .prefered-integration-features.features-gusto {
  margin-bottom: 20px;
}

/* line 346, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .prefered-integration-features.features-transferwise {
  margin-bottom: 2rem;
}

/* line 350, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .prefered-integration-features.features-transferwise > li:before {
  color: green;
}

/* line 358, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .preferred-integration-actions .btn-primary {
  margin-right: 15px;
}

/* line 361, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .preferred-integration-actions .try-tasks-button {
  min-width: 84px;
  height: 30px;
  margin-right: 15px;
  padding: 5px 20px;
  border-radius: 4px;
  border-width: 1px;
  font-size: 12px;
  line-height: 1.5;
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 372, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .preferred-integration-actions .try-tasks-button:hover, .integration-thumb-preferred .preferred-integration-body .preferred-integration-actions .try-tasks-button:focus, .integration-thumb-preferred .preferred-integration-body .preferred-integration-actions .try-tasks-button:active {
  background-color: #1ba1ff;
  border-color: #1ba1ff;
}

/* line 379, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .preferred-integration-actions.actions-zapier {
  margin: 20px 0 32px 0;
}

/* line 384, app/assets/stylesheets/controllers/integrations.scss */
.integration-thumb-preferred .preferred-integration-body .preferred-integration-label {
  background-color: #d4edff;
  border-radius: 15px;
  padding: 4px 10px;
  margin-top: 20px;
  font-size: 12px;
  max-width: 403px;
}

@media (min-width: 576px) {
  /* line 214, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred {
    padding: 55px 15px 40px 15px;
    flex-direction: row;
  }
  /* line 397, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-text {
    margin-top: 0;
  }
  /* line 400, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-body {
    width: 60%;
    margin: 0 30px;
  }
  /* line 405, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-head {
    margin-top: -55px;
    margin-bottom: -40px;
  }
  /* line 410, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-head img {
    display: block;
    margin-top: 5%;
    margin-bottom: 4%;
  }
  /* line 414, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-head img.img-gusto, .integration-thumb-preferred .preferred-integration-head img.img-transferwise, .integration-thumb-preferred .preferred-integration-head img.img-zapier {
    margin-top: -5%;
  }
}

@media (min-width: 768px) {
  /* line 424, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-head img {
    bottom: 10%;
  }
}

@media (min-width: 992px) {
  /* line 430, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-body {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  /* line 435, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-text {
    margin-right: 10px;
  }
  /* line 439, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-head img,
.integration-thumb-preferred .preferred-integration-head img.img-gusto {
    bottom: -25px;
  }
}

@media (min-width: 1024px) {
  /* line 446, app/assets/stylesheets/controllers/integrations.scss */
  .integration-thumb-preferred .preferred-integration-head img,
.integration-thumb-preferred .preferred-integration-head img.img-gusto {
    bottom: -35px;
  }
}

/* line 455, app/assets/stylesheets/controllers/integrations.scss */
.select2-result-label .pull-right .fa-info, .select2-result-label .time-span-popover .time_entry .fa-info, .time-span-popover .select2-result-label .time_entry .fa-info {
  padding: 5px;
}

/* line 461, app/assets/stylesheets/controllers/integrations.scss */
.tooltip, .tooltip.top-start, .vue-tooltip, .top-start.vue-tooltip {
  z-index: 9999;
}

/* line 466, app/assets/stylesheets/controllers/integrations.scss */
.select2-container.form-control.integration_picker {
  margin-right: 5px;
}

/* line 471, app/assets/stylesheets/controllers/integrations.scss */
#integration_dialog .links_container {
  margin-top: 10px;
}

/* line 474, app/assets/stylesheets/controllers/integrations.scss */
#integration_dialog .links_container .link_item .remove-item {
  position: absolute;
  top: 5.5rem;
  right: -2rem;
}

/* line 479, app/assets/stylesheets/controllers/integrations.scss */
#integration_dialog .links_container .link_item .linked_to {
  text-align: center;
  flex-shrink: 0;
  padding: 0;
}

/* line 484, app/assets/stylesheets/controllers/integrations.scss */
#integration_dialog .links_container .link_item .error {
  padding: 0.5em;
  margin-top: -10px;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  /* line 494, app/assets/stylesheets/controllers/integrations.scss */
  #integration_dialog .btn-group-spaced .new_link_all,
#integration_dialog .btn-group-spaced .a-tooltip {
    margin-top: 10px;
  }
}

/* line 502, app/assets/stylesheets/controllers/integrations.scss */
.archived-project-name {
  float: left;
  margin-right: 5px;
}

@media (max-width: 767px) {
  /* line 512, app/assets/stylesheets/controllers/integrations.scss */
  .archived-project-name {
    margin-bottom: 5px;
  }
  /* line 515, app/assets/stylesheets/controllers/integrations.scss */
  .archived-project-info {
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}

@media (min-width: 768px) {
  /* line 526, app/assets/stylesheets/controllers/integrations.scss */
  .archived-project-name {
    max-width: calc(100% - 85px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 530, app/assets/stylesheets/controllers/integrations.scss */
  .archived-project-info {
    float: right;
    display: inline-block;
  }
}

/* line 538, app/assets/stylesheets/controllers/integrations.scss */
#integration_settings .toggle-multiple-options .btn, #integration_settings .app-tabs-switch > .nav.nav-tabs .btn, .app-tabs-switch > .nav.nav-tabs #integration_settings .toggle-multiple-options .nav-item, #integration_settings .app-tabs-switch > .nav.nav-tabs .nav-item {
  min-width: 95px;
}

/* line 546, app/assets/stylesheets/controllers/integrations.scss */
#integration_projects .integration-list-refresh,
#integration_users .integration-list-refresh {
  cursor: pointer;
}

/* line 550, app/assets/stylesheets/controllers/integrations.scss */
#integration_projects .hi-info,
#integration_users .hi-info {
  align-self: flex-start;
  margin-left: 3px;
  margin-top: 3px;
}

@media (max-width: 480px) {
  /* line 560, app/assets/stylesheets/controllers/integrations.scss */
  #integration_projects .btn-group-spaced #new_link_projects {
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  /* line 568, app/assets/stylesheets/controllers/integrations.scss */
  table.integrations-table {
    max-width: none;
  }
  /* line 570, app/assets/stylesheets/controllers/integrations.scss */
  table.integrations-table th:nth-child(2) {
    max-width: 275px;
    min-width: 275px;
    width: 275px;
  }
  /* line 575, app/assets/stylesheets/controllers/integrations.scss */
  table.integrations-table th:nth-child(3) {
    max-width: 130px;
    min-width: 130px;
    width: 130px;
  }
  /* line 580, app/assets/stylesheets/controllers/integrations.scss */
  table.integrations-table th:nth-child(4) {
    max-width: 140px;
    min-width: 140px;
    width: 140px;
  }
  /* line 585, app/assets/stylesheets/controllers/integrations.scss */
  table.integrations-table img.avatar {
    border-radius: 0;
  }
}

/* line 592, app/assets/stylesheets/controllers/integrations.scss */
.btn-external:after {
  content: '\f189';
  font-family: 'hubstaff-icons';
  color: #ffffff;
  margin-left: 4px;
  font-size: 90%;
}

/* line 611, app/assets/stylesheets/controllers/integrations.scss */
.integration-icon {
  height: 2rem;
  width: auto;
}

/* line 615, app/assets/stylesheets/controllers/integrations.scss */
.integration-icon-disabled {
  filter: contrast(20%) brightness(150%) grayscale(100%);
}

/* line 620, app/assets/stylesheets/controllers/integrations.scss */
.google-calendar-integration .width-400 {
  width: 400px;
}

/* line 623, app/assets/stylesheets/controllers/integrations.scss */
.google-calendar-integration .remote-email {
  color: #6b7280;
}

/* line 626, app/assets/stylesheets/controllers/integrations.scss */
.google-calendar-integration .status {
  padding: 3px 6px;
  border-radius: 4px;
}

/* line 630, app/assets/stylesheets/controllers/integrations.scss */
.google-calendar-integration .status-linked {
  background: #31c48d;
  color: white;
}

/* line 635, app/assets/stylesheets/controllers/integrations.scss */
.google-calendar-integration .status-unlinked, .google-calendar-integration .status-local {
  background: #f3f4f6;
}

/* line 642, app/assets/stylesheets/controllers/integrations.scss */
#integration_users label.custom-checkbox-wrapper {
  position: relative;
}

/* line 646, app/assets/stylesheets/controllers/integrations.scss */
#integration_users input.integrations-user-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 652, app/assets/stylesheets/controllers/integrations.scss */
#integration_users input.integrations-user-checkbox:hover {
  cursor: pointer;
}

/* line 656, app/assets/stylesheets/controllers/integrations.scss */
#integration_projects label.custom-checkbox-wrapper {
  position: relative;
}

/* line 660, app/assets/stylesheets/controllers/integrations.scss */
#integration_projects input.projects-list-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 666, app/assets/stylesheets/controllers/integrations.scss */
#integration_projects input.projects-list-checkbox:hover {
  cursor: pointer;
}

/* line 2, app/assets/stylesheets/controllers/invoices.scss */
.daterangepicker.dropdown-menu .buttons {
  margin: 5px;
}

/* line 7, app/assets/stylesheets/controllers/invoices.scss */
.datepicker.with-label:before {
  top: 70%;
}

/* line 11, app/assets/stylesheets/controllers/invoices.scss */
.invoice-aggregates-table {
  float: right;
}

/* line 13, app/assets/stylesheets/controllers/invoices.scss */
.invoice-aggregates-table th {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding: 0 0 0 30px;
  color: #6b7280;
}

/* line 20, app/assets/stylesheets/controllers/invoices.scss */
.invoice-aggregates-table td {
  padding: 0 0 0 30px;
}

/* line 26, app/assets/stylesheets/controllers/invoices.scss */
.invoice-info li {
  margin: 8px 0;
  display: flex;
  justify-content: space-between;
}

/* line 33, app/assets/stylesheets/controllers/invoices.scss */
.invoice-table {
  border-bottom: 3px solid #e5e7eb;
  margin-top: 100px;
  margin-bottom: 0;
}

/* line 38, app/assets/stylesheets/controllers/invoices.scss */
.invoice-table .qty-tooltip {
  position: relative;
  left: 7px;
  color: #2aa7ff;
}

/* line 44, app/assets/stylesheets/controllers/invoices.scss */
.invoice-table th {
  background-color: #f9fafb !important;
}

@media (max-width: 575.98px) {
  /* line 46, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-table th:first-child {
    padding: 15px 0 15px 5px;
  }
}

/* line 52, app/assets/stylesheets/controllers/invoices.scss */
.invoice-table td:first-child {
  overflow-wrap: break-word;
}

@media (max-width: 575.98px) {
  /* line 52, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-table td:first-child {
    overflow-wrap: normal;
    padding: 15px 0 15px 5px;
  }
}

/* line 59, app/assets/stylesheets/controllers/invoices.scss */
.invoice-table .narrow-cell,
.invoice-table .invoice-value {
  text-align: center;
}

/* line 65, app/assets/stylesheets/controllers/invoices.scss */
.invoice-footer-table {
  width: 100%;
}

/* line 69, app/assets/stylesheets/controllers/invoices.scss */
.invoice-totals-row {
  display: flex;
  flex-direction: column;
}

/* line 74, app/assets/stylesheets/controllers/invoices.scss */
.notes-cell {
  padding: 18px 15px;
  vertical-align: top;
}

/* line 79, app/assets/stylesheets/controllers/invoices.scss */
.totals-cell {
  width: 280px;
  margin-left: auto;
  vertical-align: top;
  order: -1;
}

/* line 86, app/assets/stylesheets/controllers/invoices.scss */
.totals-table {
  margin: 10px 0 0 0;
}

/* line 90, app/assets/stylesheets/controllers/invoices.scss */
.totals-table > tbody > tr > td {
  border: none;
  vertical-align: middle;
  padding: 6px 15px;
}

/* line 94, app/assets/stylesheets/controllers/invoices.scss */
.totals-table > tbody > tr > td:last-child {
  width: 180px;
}

/* line 98, app/assets/stylesheets/controllers/invoices.scss */
.totals-table > tbody > tr > th {
  border: none;
  font-weight: 500;
  width: 140px;
  vertical-align: middle;
  padding: 8px 15px;
}

/* line 107, app/assets/stylesheets/controllers/invoices.scss */
.totals-table > tbody > .grand-total > td:last-child,
.totals-table > tbody > .grand-total > th {
  padding: 15px;
  font-weight: 500;
}

/* line 116, app/assets/stylesheets/controllers/invoices.scss */
.invoice-branding {
  font-size: 14px;
  color: #6b7280;
}

/* line 119, app/assets/stylesheets/controllers/invoices.scss */
.invoice-branding .logo {
  margin-left: 7px;
  height: 16px;
}

/* line 126, app/assets/stylesheets/controllers/invoices.scss */
.invoice-form .line-items {
  margin-bottom: 10px;
}

/* line 129, app/assets/stylesheets/controllers/invoices.scss */
.invoice-form .line-items #generate-line-items,
.invoice-form .line-items #add-line-item {
  margin: 0 10px 10px 0;
}

/* line 134, app/assets/stylesheets/controllers/invoices.scss */
.invoice-form .line-items .line-item-tooltip {
  margin-bottom: 10px;
}

/* line 140, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table {
  margin-top: 50px !important;
  max-width: 99%;
}

/* line 143, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .line-item-placeholder {
  background-color: #e5e7eb;
}

/* line 146, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .line-item-sortable-handle_header {
  width: 40px;
}

/* line 149, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .line-item-sortable-handle {
  width: 40px;
  cursor: move;
}

/* line 153, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .line-item-sortable-handle img {
  max-width: unset;
}

/* line 157, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table #line-item-template {
  display: none;
}

/* line 160, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .form-group {
  margin-bottom: 0;
}

/* line 163, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .form-control {
  min-width: 60px;
}

/* line 166, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table td.has-input {
  vertical-align: middle;
}

/* line 169, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .line-item.overlap {
  background-color: #fff8d3;
}

/* line 172, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .line-item-removed {
  background-color: #f3f4f6;
}

/* line 174, app/assets/stylesheets/controllers/invoices.scss */
table.line-items-table .line-item-removed:hover {
  background-color: #f3f4f6;
}

/* line 181, app/assets/stylesheets/controllers/invoices.scss */
.client-select .new-client {
  margin-left: 10px;
  margin: 5px 0 5px 10px;
  font-weight: 500;
  color: #2aa7ff;
}

/* line 189, app/assets/stylesheets/controllers/invoices.scss */
.client-select .select2-results__option[aria-selected='true'] .hi, .client-select .select2-results__option[aria-selected='true'] .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .client-select .select2-results__option[aria-selected='true'] .step-number, .client-select .select2-results__option[aria-selected='true'] .toggling-dropdown > li.is-on > a:before, .client-select .select2-results__option[aria-selected='true'] .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .client-select .select2-results__option[aria-selected='true'] input:checked + label:before, .client-select .select2-results__option[aria-selected='true'] .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-selection__choice__remove, .client-select .select2-results__option[aria-selected='true'] .datepicker:before,
.client-select .select2-results__option[aria-selected='true'] .hs_daterange_picker:before, .client-select .select2-results__option[aria-selected='true'] .search-filter:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-selection:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .client-select .select2-results__option[aria-selected='true'] b:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-date:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-week:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-paid:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-user:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-member:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-client:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-project:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-timesheet:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-task:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-team:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-job_site:before, .client-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .select2-results__option[aria-selected='true'] .select2-results__option.is-work_break_policy:before, .client-select .select2-results__option[aria-selected='true'] .vue-map-search:before {
  color: #ffffff;
}

/* line 192, app/assets/stylesheets/controllers/invoices.scss */
.client-select .select2-results__option[aria-selected='true'] .new-client {
  color: #ffffff;
}

/* line 196, app/assets/stylesheets/controllers/invoices.scss */
.client-select .select2-results__option .client-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}

/* line 202, app/assets/stylesheets/controllers/invoices.scss */
.client-select .select2-results__option span {
  margin-left: 10px;
}

/* line 206, app/assets/stylesheets/controllers/invoices.scss */
.client-select .actions {
  float: right;
}

/* line 208, app/assets/stylesheets/controllers/invoices.scss */
.client-select .actions .hi, .client-select .actions .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .client-select .actions .step-number, .client-select .actions .toggling-dropdown > li.is-on > a:before, .client-select .actions .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .client-select .actions input:checked + label:before, .client-select .actions .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-selection__choice__remove, .client-select .actions .datepicker:before,
.client-select .actions .hs_daterange_picker:before, .client-select .actions .search-filter:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-selection:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .client-select .actions b:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-date:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-week:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-paid:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-user:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-member:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-client:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-project:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-timesheet:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-task:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-team:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-job_site:before, .client-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .client-select .actions .select2-results__option.is-work_break_policy:before, .client-select .actions .vue-map-search:before {
  margin: 0 7px;
}

/* line 214, app/assets/stylesheets/controllers/invoices.scss */
.invoice-logo-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 114px;
  width: 300px;
  margin-bottom: 40px;
}

/* line 221, app/assets/stylesheets/controllers/invoices.scss */
.invoice-logo-container .invoice-logo {
  height: 100%;
}

@media print {
  /* line 221, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-logo-container .invoice-logo {
    display: block !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 575.98px) {
  /* line 214, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-logo-container {
    width: 100%;
  }
}

/* line 235, app/assets/stylesheets/controllers/invoices.scss */
#invoices table .invoice-row td.actions {
  padding: 0;
}

/* line 238, app/assets/stylesheets/controllers/invoices.scss */
#invoices table .invoice-row td.actions .action {
  margin: 0;
}

/* line 241, app/assets/stylesheets/controllers/invoices.scss */
#invoices table .invoice-row td.actions .action i {
  padding: 15px;
}

/* line 249, app/assets/stylesheets/controllers/invoices.scss */
#invoices #clients .select2-results__option[role='treeitem'] span {
  margin-left: 10px;
}

/* line 255, app/assets/stylesheets/controllers/invoices.scss */
#invoices a.client-name {
  color: #1f2937;
}

/* line 260, app/assets/stylesheets/controllers/invoices.scss */
.invoice-top-nav {
  display: flex;
  flex-direction: column;
}

/* line 265, app/assets/stylesheets/controllers/invoices.scss */
.invoice-top-actions {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* line 269, app/assets/stylesheets/controllers/invoices.scss */
.invoice-top-actions > .btn, .app-tabs-switch > .nav.nav-tabs .invoice-top-actions > .nav-item,
.invoice-top-actions .dropdown {
  width: 100%;
}

/* line 273, app/assets/stylesheets/controllers/invoices.scss */
.invoice-top-actions .paypal-button-container {
  width: 100%;
}

/* line 280, app/assets/stylesheets/controllers/invoices.scss */
.invoice-view.is-paid .invoice-paid-badge {
  display: block;
}

/* line 283, app/assets/stylesheets/controllers/invoices.scss */
.invoice-view.is-paid .paypal-button-container {
  display: none;
}

/* line 287, app/assets/stylesheets/controllers/invoices.scss */
.invoice-view #back-to-invoice {
  margin-left: 5px;
}

/* line 291, app/assets/stylesheets/controllers/invoices.scss */
.invoice-view #all-invoices {
  margin-left: 5px;
}

/* line 295, app/assets/stylesheets/controllers/invoices.scss */
.invoice-view #invoice-number {
  display: inline-block;
}

/* line 299, app/assets/stylesheets/controllers/invoices.scss */
.invoice-view .client-name {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* for IE 11 */
  display: inline-block;
  vertical-align: middle;
}

/* line 307, app/assets/stylesheets/controllers/invoices.scss */
.invoice-view #history-table td {
  border-top: none;
  border-bottom: 1px solid #e5e7eb;
}

/* line 314, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper {
  position: relative;
}

/* line 316, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .invoice-number-status {
  display: flex;
  align-items: center;
}

/* line 320, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper h4 {
  font-size: 24px;
}

/* line 323, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper h5 {
  color: #6b7280;
  font-size: 12px;
  font-weight: normal;
  margin-top: 25px;
}

/* line 329, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .invoice-organization-name,
.invoice-wrapper .client-name {
  font-size: 18px;
  font-weight: 500;
}

/* line 334, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .client-address {
  color: #6b7280;
  font-size: 13px;
}

/* line 338, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .tax-id {
  color: #374151;
  font-size: 14px;
}

/* line 342, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .data-key {
  color: #6b7280;
}

/* line 345, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .po-number {
  text-overflow: ellipsis;
  max-width: 180px;
  overflow: hidden;
}

/* line 350, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .hs-flex-row {
  justify-content: space-between;
}

/* line 353, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .organization-details {
  margin: 0 20px 20px 0;
  padding: 0 15px;
}

@media print {
  /* line 353, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-wrapper .organization-details {
    float: left;
  }
}

/* line 360, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .amounts-in-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 15px;
  max-width: 300px;
}

/* line 366, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper .amounts-in-header .amounts-info {
  width: 300px;
}

@media (max-width: 575.98px) {
  /* line 366, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-wrapper .amounts-in-header .amounts-info {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  /* line 360, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-wrapper .amounts-in-header {
    padding-right: 15px;
    width: 100%;
  }
}

@media print {
  /* line 360, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-wrapper .amounts-in-header {
    float: right;
    margin-right: 40px;
  }
}

/* line 381, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper tr.grand-total {
  color: #4b5563;
  font-size: 18px;
}

/* line 384, app/assets/stylesheets/controllers/invoices.scss */
.invoice-wrapper tr.grand-total th {
  width: 200px;
}

/* line 390, app/assets/stylesheets/controllers/invoices.scss */
.invoice-paid-badge {
  display: none;
  margin-left: 20px;
}

/* line 396, app/assets/stylesheets/controllers/invoices.scss */
#view-payment-modal #notes {
  max-height: 150px;
  overflow: auto;
}

/* line 403, app/assets/stylesheets/controllers/invoices.scss */
.generate-line-items-modal .no_bill_rate_notice {
  margin-top: 3px;
}

/* line 405, app/assets/stylesheets/controllers/invoices.scss */
.generate-line-items-modal .no_bill_rate_notice .message {
  margin: 0 5px;
}

/* line 412, app/assets/stylesheets/controllers/invoices.scss */
#totals-changed-modal .explanation {
  margin-right: 5px;
}

/* line 415, app/assets/stylesheets/controllers/invoices.scss */
#totals-changed-modal #changes {
  max-height: 350px;
  overflow: auto;
}

/* line 419, app/assets/stylesheets/controllers/invoices.scss */
#totals-changed-modal #changes table {
  margin-top: 0;
}

/* line 427, app/assets/stylesheets/controllers/invoices.scss */
#select-invoice-organization-modal #upgrade-text span.org {
  margin-left: 5px;
}

/* line 433, app/assets/stylesheets/controllers/invoices.scss */
.invoice-generated-line-items .select2-results > .select2-results__options {
  max-height: 225px;
}

@media (min-width: 768px) {
  /* line 438, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-top-nav {
    flex-direction: row;
    align-items: center;
  }
  /* line 442, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-top-actions {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: auto;
    gap: 15px;
  }
  /* line 448, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-top-actions > .btn, .app-tabs-switch > .nav.nav-tabs .invoice-top-actions > .nav-item,
.invoice-top-actions .dropdown {
    width: auto;
  }
  /* line 452, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-top-actions .paypal-button-container {
    width: 150px;
  }
}

@media (min-width: 769px) {
  /* line 459, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-totals-row {
    display: table-row;
  }
  /* line 463, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-table .medium-cell,
.invoice-table .narrow-cell,
.invoice-table .invoice-value {
    text-align: left;
  }
  /* line 469, app/assets/stylesheets/controllers/invoices.scss */
  .notes-cell {
    padding: 18px 60px 18px 15px;
  }
}

@media print {
  /* line 476, app/assets/stylesheets/controllers/invoices.scss */
  body,
div {
    display: block !important;
  }
  /* line 480, app/assets/stylesheets/controllers/invoices.scss */
  .content-wrapper .container-fluid {
    padding: 0;
  }
  /* line 484, app/assets/stylesheets/controllers/invoices.scss */
  .hotwired-sidebar {
    display: none !important;
  }
  /* line 488, app/assets/stylesheets/controllers/invoices.scss */
  .container-fluid {
    padding-top: 0 !important;
  }
  /* line 492, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-view #back-to-invoice-wrapper {
    display: none !important;
  }
  /* line 496, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-table {
    table-layout: fixed;
    margin-top: 20px;
  }
  /* line 499, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-table thead tr th {
    font-weight: bold;
  }
  /* line 502, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-table tbody tr td {
    padding: 5px 15px;
    border-bottom: 1px solid #e5e7eb;
  }
  /* line 506, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-table td:first-child {
    width: 55%;
  }
  /* line 511, app/assets/stylesheets/controllers/invoices.scss */
  .totals-table tbody tr th,
.totals-table tbody .grand-total th,
.totals-table tbody .grand-total td:last-child {
    font-weight: bold;
  }
  /* line 517, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-wrapper .col-xl-3 {
    width: 40%;
  }
  /* line 520, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-top-nav {
    display: none !important;
  }
  /* line 523, app/assets/stylesheets/controllers/invoices.scss */
  #getting-started-toggles {
    display: none !important;
  }
}

@media screen {
  /* line 529, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-wrapper {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 7% 7% 3.5%;
    margin-top: 40px;
  }
  /* line 537, app/assets/stylesheets/controllers/invoices.scss */
  .invoice-table-wrapper {
    overflow: auto;
  }
}

/* line 542, app/assets/stylesheets/controllers/invoices.scss */
.line-items-summary-container {
  max-width: 99%;
}

/* line 546, app/assets/stylesheets/controllers/invoices.scss */
.invoice-toggle-switch {
  font-weight: 400;
}

/* line 551, app/assets/stylesheets/controllers/invoices.scss */
#new-payment-modal .gateway-thumb {
  text-align: center;
  display: block;
  padding: 25px 25px;
  border-radius: 4px;
  border: 2px solid #2aa7ff;
  width: 160px;
}

/* line 561, app/assets/stylesheets/controllers/invoices.scss */
.line-item-notes {
  margin: 15px 0 0 30px;
}

@media (max-width: 767.98px) {
  /* line 561, app/assets/stylesheets/controllers/invoices.scss */
  .line-item-notes {
    margin: 15px 0 0 0;
  }
}

/* line 569, app/assets/stylesheets/controllers/invoices.scss */
.line-items-table .add-note {
  cursor: pointer;
}

/* line 571, app/assets/stylesheets/controllers/invoices.scss */
.line-items-table .add-note .add-note-link {
  color: #2aa7ff;
  visibility: hidden;
}

/* line 576, app/assets/stylesheets/controllers/invoices.scss */
.line-items-table .add-note:hover .add-note-link {
  visibility: visible;
}

/* line 580, app/assets/stylesheets/controllers/invoices.scss */
.line-items-table .add-note .edit-note-link {
  color: #2aa7ff;
}

/* line 586, app/assets/stylesheets/controllers/invoices.scss */
.table-wrapper label.custom-checkbox-wrapper {
  position: relative;
}

/* line 590, app/assets/stylesheets/controllers/invoices.scss */
.invoice-row input.integrations-user-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 596, app/assets/stylesheets/controllers/invoices.scss */
.invoice-row input.integrations-user-checkbox:hover {
  cursor: pointer;
}

/* line 2, app/assets/stylesheets/controllers/manual_time_requests.scss */
#manual-time-requests .header-panel {
  row-gap: 15px;
  min-width: 420px;
}

/* line 7, app/assets/stylesheets/controllers/manual_time_requests.scss */
#manual-time-requests .members-list-panel {
  min-width: 130px;
  width: 180px;
}

/* line 12, app/assets/stylesheets/controllers/manual_time_requests.scss */
#manual-time-requests .date-range-panel {
  min-width: 300px;
  max-width: 340px;
}

@media (max-width: 575.98px) {
  /* line 18, app/assets/stylesheets/controllers/manual_time_requests.scss */
  #manual-time-requests .filters-panel {
    flex-wrap: wrap;
  }
}

/* line 25, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .modal-body, .manual-time-request-dialog .modal-body-centered {
  padding: 1rem 3rem 2rem;
}

/* line 29, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .dialog-warning {
  border-radius: 0.5rem;
  padding: 0.5rem;
}

/* line 33, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .dialog-warning .small {
  line-height: 1.5rem;
}

/* line 38, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .top-section {
  padding: 0.5rem 1rem;
  border: solid 0.1rem #E5E7EB;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #F9FAFB;
}

/* line 45, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .middle-section {
  padding: 1rem;
  border: solid 0.1rem #E5E7EB;
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: none;
}

/* line 52, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .vue-time-entries-different-time-zone-warning.form-group {
  margin-bottom: unset;
}

/* line 56, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .show-more-less-link {
  font-size: 12px;
}

/* line 60, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .implication-section, .manual-time-request-dialog .time-tracking-limits {
  margin-top: 1.7rem;
  padding: 1rem;
  border: solid 0.1rem #F3F4F6;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #F3F4F6;
}

/* line 67, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .implication-section .implication-list, .manual-time-request-dialog .time-tracking-limits .implication-list {
  padding-left: 2.5rem;
  margin-bottom: 0.5rem;
}

/* line 71, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .implication-section .implication-list li a, .manual-time-request-dialog .time-tracking-limits .implication-list li a {
  color: #1f2937;
  text-decoration: underline;
}

/* line 77, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .implication-section .implication-value, .manual-time-request-dialog .time-tracking-limits .implication-value {
  font-weight: normal;
  font-size: 1.3rem;
}

/* line 83, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .implication-section-footer {
  padding: 1rem;
  border: solid 0.1rem #F3F4F6;
  border-top-color: #D1D5DB;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #F3F4F6;
}

/* line 91, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .time-tracking-limits {
  border-radius: 0.5rem;
}

/* line 96, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .time-tracking-limits .time-tracking-limits-option {
  padding: 0.6rem 0.8rem;
  border: solid 0.1rem #D1D5DB;
  border-radius: 0.5rem;
  width: 50%;
}

/* line 102, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .time-tracking-limits .time-tracking-limits-option .muted {
  color: #9CA3AF;
  font-size: 1.3rem;
}

/* line 107, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .time-tracking-limits .time-tracking-limits-option .coming-soon {
  background-color: #8B1DFF;
  padding: 0.1rem 0.3rem;
  border-radius: 0.3rem;
  color: #fff;
  font-size: 1.1rem;
}

/* line 116, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .time-tracking-limits.with-project-budget-warning {
  border-radius: 0.5rem 0.5rem 0 0;
}

/* line 121, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .checkbox {
  border-radius: 0.3rem;
  margin: 0 0.6rem 0 0;
}

/* line 126, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .project-budget-warning {
  padding: 1rem;
  border: solid 0.1rem #F3F4F6;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #F3F4F6;
  border-top-color: #E5E7EB;
}

/* line 133, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .project-budget-warning.without-time-tracking-limits {
  background-color: unset;
  border-color: #FF9725;
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-top: 2rem;
}

/* line 142, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .left-col {
  width: 40rem;
}

/* line 146, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .break-word {
  word-break: break-word;
}

/* line 150, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .hi-warning {
  align-content: center;
  padding-top: unset;
  color: #f05252;
  margin-left: 0.3rem;
  margin-right: 0.7rem;
}

/* line 157, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .hi-warning.orange {
  color: #FF9725;
}

/* line 162, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .hi-check-circle {
  align-content: center;
  padding-top: unset;
  margin-left: 0.3rem;
  margin-right: 0.7rem;
}

/* line 169, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .section-heading {
  font-weight: 500;
}

/* line 172, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .section-heading .exceeding-hours {
  font-weight: normal;
  font-size: 1.3rem;
}

/* line 178, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .flex-grow-1 {
  flex-grow: 1;
}

/* line 182, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .rotate-180 {
  transform: rotate(180deg);
}

/* line 186, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .hi-caret, .manual-time-request-dialog .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .manual-time-request-dialog b:before {
  margin-top: 0.4rem;
}

/* line 190, app/assets/stylesheets/controllers/manual_time_requests.scss */
.manual-time-request-dialog .filename {
  max-width: 54rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/controllers/notes.scss */
.notes {
  width: 80%;
  margin-top: 10px;
}

/* line 4, app/assets/stylesheets/controllers/notes.scss */
.notes .note {
  font-size: 11px;
}

/* line 6, app/assets/stylesheets/controllers/notes.scss */
.notes .note .project-name {
  float: left;
  font-weight: bold;
  width: 60%;
}

/* line 11, app/assets/stylesheets/controllers/notes.scss */
.notes .note a {
  float: right;
  margin-left: 8px;
  word-break: normal;
}

/* line 16, app/assets/stylesheets/controllers/notes.scss */
.notes .note p {
  margin: 4px 0 12px 0;
  word-break: break-word;
}

/* line 22, app/assets/stylesheets/controllers/notes.scss */
.notes .btn, .notes .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .notes .nav-item {
  margin-top: 8px;
}

/* line 26, app/assets/stylesheets/controllers/notes.scss */
.notes.all-notes {
  width: 100%;
  text-align: justify;
}

/* line 33, app/assets/stylesheets/controllers/notes.scss */
#note-form .project-name {
  padding-top: 5px;
}

/* line 3, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .separator {
  height: 1px;
  background-color: #e5e7eb;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 10, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .notification {
  margin: 10px 0;
  padding: 15px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background-color: #ffffff;
  display: flex;
  align-items: flex-start;
}

/* line 18, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .notification.resolved {
  background-color: #f3f4f6;
}

/* line 20, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .notification.resolved .description {
  opacity: .3;
}

/* line 23, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .notification.resolved .icon {
  background-color: #31c48d;
  color: #ffffff;
  font-size: 12px;
  border-radius: 50%;
}

/* line 31, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .notification .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
  margin-right: 10px;
}

/* line 40, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .notification .description {
  font-size: 13px;
  line-height: 16px;
  margin-right: 30px;
}

/* line 46, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .notification .hi-oval {
  display: block;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

/* line 55, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .notification .created-at {
  color: #6b7280;
  font-size: 12px;
  margin-left: auto;
  white-space: nowrap;
}

/* line 62, app/assets/stylesheets/controllers/notifications.scss */
.notifications-page-container .show-more-notifications {
  display: block;
  margin: 20px auto 0;
}

/* line 5, app/assets/stylesheets/controllers/organizations.scss */
div.refresh_members {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 25em;
}

/* line 11, app/assets/stylesheets/controllers/organizations.scss */
.member-count-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
}

/* line 19, app/assets/stylesheets/controllers/organizations.scss */
.member-count-details .member-count-details-inner {
  display: flex;
  align-items: center;
}

/* line 24, app/assets/stylesheets/controllers/organizations.scss */
.member-count-details .occupied-count {
  padding: 0 8px;
  margin: 0 8px;
  border-right: 1px solid #6b7280;
  border-left: 1px solid #6b7280;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
#organizations .members:before, #organizations .members:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
#organizations .members:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
#organizations .members {
  *zoom: 1;
}

/* line 36, app/assets/stylesheets/controllers/organizations.scss */
#organizations .thumbnail {
  min-height: 180px;
}

/* line 38, app/assets/stylesheets/controllers/organizations.scss */
#organizations .thumbnail h4 {
  margin-top: 0;
}

/* line 43, app/assets/stylesheets/controllers/organizations.scss */
#organizations #new-organization p {
  color: #9ca3af;
}

/* line 46, app/assets/stylesheets/controllers/organizations.scss */
#organizations .organization {
  color: #1f2937;
}

/* line 49, app/assets/stylesheets/controllers/organizations.scss */
#organizations .organization p {
  color: #9ca3af;
}

/* line 53, app/assets/stylesheets/controllers/organizations.scss */
#organizations .organization .members {
  height: 55px;
  overflow: hidden;
}

/* line 56, app/assets/stylesheets/controllers/organizations.scss */
#organizations .organization .members .avatar_speck {
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
}

/* line 64, app/assets/stylesheets/controllers/organizations.scss */
#organizations .thumbnails .thumbnail.organization {
  background: #e5e7eb;
  background: -moz-linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e7eb), color-stop(100%, #f9fafb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* IE10+ */
  background: linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e7eb', endColorstr='#f9fafb');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e7eb', endColorstr='#f9fafb')";
}

/* line 82, app/assets/stylesheets/controllers/organizations.scss */
#organizations .plans-table {
  font-size: 12px;
}

/* line 85, app/assets/stylesheets/controllers/organizations.scss */
#organizations .plans-table .selected {
  background-color: #e5e7eb;
}

/* line 90, app/assets/stylesheets/controllers/organizations.scss */
#organizations #currency_alert {
  display: none;
}

/* line 94, app/assets/stylesheets/controllers/organizations.scss */
#organizations .project-examples {
  margin-bottom: 20px;
}

/* line 97, app/assets/stylesheets/controllers/organizations.scss */
#organizations .project-examples .example {
  display: inline-block;
  margin: 0 20px;
  border-bottom: 1px dotted #6b7280;
}

/* line 105, app/assets/stylesheets/controllers/organizations.scss */
#organizations .invite-page .title {
  min-height: 4em;
}

/* line 110, app/assets/stylesheets/controllers/organizations.scss */
#organizations #invite-team {
  padding-left: 20px;
  border-left: 1px solid #e5e7eb;
}

/* line 115, app/assets/stylesheets/controllers/organizations.scss */
#organizations ol.explanation-steps {
  margin-bottom: 20px;
}

/* line 118, app/assets/stylesheets/controllers/organizations.scss */
#organizations ol.explanation-steps li {
  margin-bottom: 10px;
}

/* line 122, app/assets/stylesheets/controllers/organizations.scss */
#organizations h3.plans {
  margin-top: 0;
}

/* line 126, app/assets/stylesheets/controllers/organizations.scss */
#organizations .org-cell-content {
  display: flex;
  align-items: center;
}

/* line 131, app/assets/stylesheets/controllers/organizations.scss */
.invite-member-role .select2-results > .select2-results__options {
  max-height: 225px;
}

/* line 135, app/assets/stylesheets/controllers/organizations.scss */
.rate-container {
  display: inline-block;
  vertical-align: middle;
}

/* line 141, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .divider-line {
  border: 2px solid #e5e7eb;
  position: relative;
  left: 120px;
  top: 24px;
  width: 70%;
  z-index: -9999;
}

@media (max-width: 991px) {
  /* line 141, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .divider-line {
    display: none;
  }
}

/* line 152, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .row--organization-setup-buttons {
  margin-top: 35px;
  margin-bottom: 35px;
}

/* line 158, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .row--organization-setup-buttons i,
#organization-setup-guide .btn__download i {
  padding-right: 5px;
}

/* line 161, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .row--organization-setup-buttons .btn, #organization-setup-guide .row--organization-setup-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #organization-setup-guide .row--organization-setup-buttons .nav-item,
#organization-setup-guide .btn__download .btn,
#organization-setup-guide .btn__download .app-tabs-switch > .nav.nav-tabs .nav-item,
.app-tabs-switch > .nav.nav-tabs #organization-setup-guide .btn__download .nav-item {
  font-size: 16px !important;
  padding: 10px;
}

@media (max-width: 991px) {
  /* line 161, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .row--organization-setup-buttons .btn, #organization-setup-guide .row--organization-setup-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #organization-setup-guide .row--organization-setup-buttons .nav-item,
#organization-setup-guide .btn__download .btn,
#organization-setup-guide .btn__download .app-tabs-switch > .nav.nav-tabs .nav-item,
.app-tabs-switch > .nav.nav-tabs #organization-setup-guide .btn__download .nav-item {
    margin: 0 auto 20px;
    width: 50%;
  }
}

@media (max-width: 600px) {
  /* line 161, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .row--organization-setup-buttons .btn, #organization-setup-guide .row--organization-setup-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #organization-setup-guide .row--organization-setup-buttons .nav-item,
#organization-setup-guide .btn__download .btn,
#organization-setup-guide .btn__download .app-tabs-switch > .nav.nav-tabs .nav-item,
.app-tabs-switch > .nav.nav-tabs #organization-setup-guide .btn__download .nav-item {
    width: 90%;
  }
}

/* line 173, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial {
  background-color: #f3f4f6;
  border-radius: 5px;
  clear: both;
  font-size: 18px;
  height: 100%;
}

/* line 179, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial img {
  padding: 10px 0;
}

/* line 182, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial i {
  font-size: 30px;
  color: #d1d5db;
  margin-left: 12px;
  padding-top: 10px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 182, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .organization-guide-testimonial i {
    margin-left: 27px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  /* line 182, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .organization-guide-testimonial i {
    margin-left: -10px;
  }
}

@media (max-width: 418px) {
  /* line 182, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .organization-guide-testimonial i {
    display: none;
  }
}

@media (max-width: 767px) {
  /* line 173, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .organization-guide-testimonial {
    margin: 40px 0;
  }
}

/* line 201, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial__image {
  float: left;
}

/* line 204, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial__testimonial {
  padding-top: 10px;
  text-align: left;
}

@media (max-width: 1199px) and (min-width: 992px) and (min-width: 768px) {
  /* line 204, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .organization-guide-testimonial__testimonial {
    margin-left: 21px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  /* line 204, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .organization-guide-testimonial__testimonial {
    margin-right: -40px;
  }
}

/* line 214, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial__details {
  font-weight: bold;
  padding: 5px 0 10px;
}

/* line 217, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial__details .name {
  color: #9ca3af;
  display: inline;
}

/* line 221, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial__details .divider {
  color: #4b5563;
  display: inline;
}

/* line 225, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .organization-guide-testimonial__details .company {
  color: #9ca3af;
  display: inline;
}

@media (min-width: 767px) {
  /* line 230, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .testimonial-row {
    margin-bottom: 150px;
  }
}

/* line 235, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .row--organization-setup-section {
  padding: 50px 0;
}

/* line 237, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .row--organization-setup-section img {
  border: 2px solid #f3f4f6;
  display: block;
  margin: 0 auto;
}

@media (max-width: 440px) {
  /* line 237, app/assets/stylesheets/controllers/organizations.scss */
  #organization-setup-guide .row--organization-setup-section img {
    width: 100%;
  }
}

/* line 245, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .row--organization-setup-section h3 {
  font-weight: bold;
}

/* line 248, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .row--organization-setup-section .a--learn-more {
  display: block;
}

/* line 251, app/assets/stylesheets/controllers/organizations.scss */
#organization-setup-guide .row--organization-setup-section .btn, #organization-setup-guide .row--organization-setup-section .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #organization-setup-guide .row--organization-setup-section .nav-item {
  margin-top: 20px;
}

/* line 256, app/assets/stylesheets/controllers/organizations.scss */
.plan-line-through {
  text-decoration: line-through;
}

/* line 259, app/assets/stylesheets/controllers/organizations.scss */
.plan-discounted {
  color: #f05252;
}

/* line 263, app/assets/stylesheets/controllers/organizations.scss */
.hubstaff-needs-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -5px;
  margin-right: -5px;
}

/* line 270, app/assets/stylesheets/controllers/organizations.scss */
.hubstaff-needs-list label {
  flex-grow: 1;
  margin-top: -3px;
  display: block;
  line-height: 26px;
  min-width: 20%;
}

/* line 276, app/assets/stylesheets/controllers/organizations.scss */
.hubstaff-needs-list label input {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 41px;
  opacity: 0;
  top: 6px;
}

/* line 284, app/assets/stylesheets/controllers/organizations.scss */
.hubstaff-needs-list label span {
  background: none;
  border: 1px solid #9ca3af;
  border-radius: 6px;
  color: #777777;
  flex: 1;
  font-weight: normal;
  margin: 0 5px;
  text-align: center;
  padding: 4px 15px;
  display: block;
  margin-top: -40px;
  white-space: nowrap;
}

/* line 297, app/assets/stylesheets/controllers/organizations.scss */
.has-error .hubstaff-needs-list label span {
  border-color: #f05252;
  color: #f05252;
}

/* line 302, app/assets/stylesheets/controllers/organizations.scss */
.hubstaff-needs-list label input:checked + span {
  background: #55b9ff;
  border-color: #55b9ff;
  color: #ffffff;
}

@media (max-width: 480px) {
  /* line 312, app/assets/stylesheets/controllers/organizations.scss */
  .billing_expires #billing_expires_2i {
    margin-bottom: 15px;
  }
}

@media print {
  /* line 319, app/assets/stylesheets/controllers/organizations.scss */
  .tasks-advert {
    display: none;
  }
}

/* line 324, app/assets/stylesheets/controllers/organizations.scss */
.payroll-advert,
.tasks-advert {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  padding: 20px 31px 18px 33px;
}

/* line 330, app/assets/stylesheets/controllers/organizations.scss */
.payroll-advert img,
.tasks-advert img {
  max-width: 100%;
  height: 23px;
}

/* line 334, app/assets/stylesheets/controllers/organizations.scss */
.payroll-advert .banner-text,
.tasks-advert .banner-text {
  font-size: 14px;
  line-height: 19px;
  max-width: 100%;
  padding: 0;
  flex: 1;
}

@media (min-width: 992px) {
  /* line 334, app/assets/stylesheets/controllers/organizations.scss */
  .payroll-advert .banner-text,
.tasks-advert .banner-text {
    padding: 0 30px 0 10px;
  }
}

/* line 344, app/assets/stylesheets/controllers/organizations.scss */
.payroll-advert a:not(.btn),
.tasks-advert a:not(.btn) {
  color: #31c48d;
  font-weight: 500;
  white-space: nowrap;
}

/* line 349, app/assets/stylesheets/controllers/organizations.scss */
.payroll-advert a.dismiss-tasks-advert,
.payroll-advert a.dismiss-payroll-advert,
.tasks-advert a.dismiss-tasks-advert,
.tasks-advert a.dismiss-payroll-advert {
  color: #6b7280;
  float: right;
  font-size: 9px;
  position: relative;
  top: -12px;
  right: -23px;
  cursor: pointer;
}

/* line 359, app/assets/stylesheets/controllers/organizations.scss */
.payroll-advert .banner-content,
.tasks-advert .banner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  /* line 359, app/assets/stylesheets/controllers/organizations.scss */
  .payroll-advert .banner-content,
.tasks-advert .banner-content {
    flex-direction: row;
    align-items: center;
  }
}

/* line 371, app/assets/stylesheets/controllers/organizations.scss */
.tasks-upsell-button {
  padding-right: 10px;
  position: relative;
  top: -0.167em;
  width: 25px;
}

/* line 378, app/assets/stylesheets/controllers/organizations.scss */
.tasks-learn-more {
  color: #31c48d;
}

/* line 380, app/assets/stylesheets/controllers/organizations.scss */
.tasks-learn-more:hover, .tasks-learn-more:active, .tasks-learn-more:focus {
  color: #2cb07e;
}

/* line 388, app/assets/stylesheets/controllers/organizations.scss */
.tasks-learn-more-button img {
  pointer-events: none;
}

/* line 393, app/assets/stylesheets/controllers/organizations.scss */
.tasks-linking-text {
  font-size: 13px;
}

/* line 398, app/assets/stylesheets/controllers/organizations.scss */
#edit_billing_dialog .modal-header {
  border-bottom: none;
  padding: 15px 15px 0;
}

/* line 401, app/assets/stylesheets/controllers/organizations.scss */
#edit_billing_dialog .modal-header p {
  margin: 10px 0;
}

/* line 405, app/assets/stylesheets/controllers/organizations.scss */
#edit_billing_dialog .modal-body, #edit_billing_dialog .modal-body-centered {
  margin: 0;
}

/* line 411, app/assets/stylesheets/controllers/organizations.scss */
#choose_integration_dialog .list {
  width: 100%;
  justify-content: space-between;
}

/* line 417, app/assets/stylesheets/controllers/organizations.scss */
.white-space-normal-label {
  white-space: normal;
  text-align: left;
}

/* line 421, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 19px 21px;
}

/* line 429, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner .content-container {
  display: flex;
  align-items: center;
}

/* line 432, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner .content-container .icons {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

/* line 436, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner .content-container .icons .hi-users {
  background: #8b1dff;
  border-radius: 50%;
  color: #ffffff;
  font-size: 16px;
  padding: 13px;
  position: relative;
  z-index: -2;
}

/* line 445, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner .content-container .icons .hi-plans {
  background: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  color: #ffac51;
  font-size: 25px;
  transform: translateX(-7px);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 452, app/assets/stylesheets/controllers/organizations.scss */
  .per-user-pricing-banner .content-container .icons .hi-plans:before {
    transform: translateY(2px);
  }
}

/* line 460, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner .content-container .content .headline {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 5px;
}

/* line 466, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner .content-container .content .subhead {
  color: #6b7280;
  font-size: 13px;
  line-height: 15px;
}

@media (min-width: 576px) {
  /* line 459, app/assets/stylesheets/controllers/organizations.scss */
  .per-user-pricing-banner .content-container .content {
    margin-right: 20px;
  }
}

@media (max-width: 575.98px) {
  /* line 429, app/assets/stylesheets/controllers/organizations.scss */
  .per-user-pricing-banner .content-container {
    flex-direction: column;
    margin-bottom: 10px;
    text-align: center;
  }
}

/* line 482, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner .info-cta .links {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

/* line 487, app/assets/stylesheets/controllers/organizations.scss */
.per-user-pricing-banner .info-cta .links .learn-more {
  white-space: nowrap;
  margin: 0 0 10px;
  text-align: center;
}

@media (min-width: 1200px) {
  /* line 487, app/assets/stylesheets/controllers/organizations.scss */
  .per-user-pricing-banner .info-cta .links .learn-more {
    margin: 0 29px 0;
  }
}

@media (min-width: 1200px) {
  /* line 482, app/assets/stylesheets/controllers/organizations.scss */
  .per-user-pricing-banner .info-cta .links {
    flex-direction: row;
  }
}

@media (max-width: 575.98px) {
  /* line 421, app/assets/stylesheets/controllers/organizations.scss */
  .per-user-pricing-banner {
    flex-direction: column;
    padding: 19px 10px;
  }
}

/* line 506, app/assets/stylesheets/controllers/organizations.scss */
#squatchModal {
  z-index: 999 !important;
}

/* line 511, app/assets/stylesheets/controllers/organizations.scss */
#archive-confirmation-dialog .modal-footer {
  display: flex;
  flex-flow: row-reverse wrap-reverse;
}

@media (max-width: 575px) {
  /* line 516, app/assets/stylesheets/controllers/organizations.scss */
  #archive-confirmation-dialog .action-button {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
}

/* line 524, app/assets/stylesheets/controllers/organizations.scss */
#optional-addons {
  display: inline-block;
  margin-top: 25px;
}

/* line 528, app/assets/stylesheets/controllers/organizations.scss */
#optional-addons .addon-card {
  max-width: 500px;
}

@media (min-width: 768px) {
  /* line 524, app/assets/stylesheets/controllers/organizations.scss */
  #optional-addons {
    margin-top: 0;
  }
}

/* line 536, app/assets/stylesheets/controllers/organizations.scss */
#optional-addons .hi, #optional-addons .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper #optional-addons .step-number, #optional-addons .toggling-dropdown > li.is-on > a:before, #optional-addons .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper #optional-addons input:checked + label:before, #optional-addons .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-selection__choice__remove, #optional-addons .datepicker:before,
#optional-addons .hs_daterange_picker:before, #optional-addons .search-filter:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-selection:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow #optional-addons b:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-date:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-week:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-paid:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-user:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-member:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-client:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-project:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-timesheet:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-task:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-team:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-job_site:before, #optional-addons .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap #optional-addons .select2-results__option.is-work_break_policy:before, #optional-addons .vue-map-search:before {
  margin-right: 0.5rem;
  vertical-align: baseline;
}

/* line 542, app/assets/stylesheets/controllers/organizations.scss */
.bm-cancel {
  z-index: 1051 !important;
  max-height: 100vh;
}

/* line 545, app/assets/stylesheets/controllers/organizations.scss */
.bm-cancel .bm-cancel-modal {
  overflow: scroll;
}

/* line 550, app/assets/stylesheets/controllers/organizations.scss */
.row-invoices {
  min-width: 190px;
  margin-bottom: 20px;
}

/* line 555, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 160px);
  overflow: hidden;
}

/* line 562, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner {
  background: #ffffff;
  max-width: 542px;
  overflow: hidden;
  padding: 37px 34px;
}

/* line 568, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .two-fa-header {
  display: flex;
  align-items: center;
  margin-bottom: 47px;
}

/* line 573, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .two-fa-header i {
  color: #2aa7ff;
  font-size: 37px;
}

/* line 578, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .two-fa-header h3 {
  margin: 0 0 0 20px;
}

/* line 583, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .btn, .two-fa-container .two-fa-inner .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .two-fa-container .two-fa-inner .nav-item {
  display: block;
}

/* line 587, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .two-fa-info {
  border: 1px solid #2aa7ff;
  border-radius: 3px;
  margin: 40px 0 50px;
  padding: 15px 20px;
}

/* line 593, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .two-fa-info p {
  margin-bottom: 0;
}

/* line 597, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .two-fa-info .two-fa-info-head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

/* line 602, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .two-fa-info .two-fa-info-head .hi-info-filled:before {
  color: #2aa7ff;
}

/* line 606, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .two-fa-info .two-fa-info-head p {
  color: #2aa7ff;
  font-weight: bold;
  margin-left: 10px;
}

/* line 613, app/assets/stylesheets/controllers/organizations.scss */
.two-fa-container .two-fa-inner .footer {
  margin-top: 24px;
}

/* line 620, app/assets/stylesheets/controllers/organizations.scss */
.avatar-stack .avatar-stack-avatar {
  background-color: white;
  width: 72px;
  height: 72px;
  background-size: cover;
  border: 4px solid #ffffff;
  box-shadow: 0px 43px 167px rgba(0, 0, 0, 0.07), 0px 27px 97px rgba(0, 0, 0, 0.05), 0px 16px 53px rgba(0, 0, 0, 0.05), 0px 9px 27px rgba(0, 0, 0, 0.035), 0px 3px 14px rgba(0, 0, 0, 0.03), 0px 1px 6px rgba(0, 0, 0, 0.015);
  border-radius: 999px;
  margin: 0px -10px;
}

/* line 634, app/assets/stylesheets/controllers/organizations.scss */
#payment-form-internal .addon-pill {
  border-radius: 0.8rem;
  width: 17.2rem;
}

/* line 638, app/assets/stylesheets/controllers/organizations.scss */
#payment-form-internal .addon-pill .addon-title {
  font-size: 14px;
}

/* line 642, app/assets/stylesheets/controllers/organizations.scss */
#payment-form-internal .addon-pill .addon-description {
  font-size: 13px;
  color: var(--z-gray-500);
}

/* line 646, app/assets/stylesheets/controllers/organizations.scss */
#payment-form-internal .addon-pill .addon-description.addon-included {
  color: var(--z-blue-700);
}

/* line 1, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal {
  text-align: center;
  z-index: 1059;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}

/* line 10, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal .modal-dialog {
  max-width: 640px;
}

/* line 14, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal .modal-header .logos {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}

/* line 20, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal .modal-header .logos img {
  width: 30px;
  height: 30px;
}

/* line 25, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal .modal-header .logos img:last-child {
  margin-left: 5px;
}

/* line 30, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal .modal-footer {
  text-align: center;
  margin-top: 10px;
}

/* line 34, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal .modal-footer h5 {
  margin: 0;
}

/* line 38, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal .modal-footer p {
  margin: 0;
  margin-top: 15px;
  padding: 0px 60px;
}

/* line 44, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-purchase.modal .modal-footer a.text-danger {
  display: inline-block;
  margin-top: 20px;
}

@media (max-width: 480px) {
  /* line 52, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-purchase.modal .modal-footer p {
    padding: 0;
  }
}

/* line 57, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal {
  text-align: left;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 0 16px;
}

/* line 67, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .hi-plus {
  line-height: 1px;
}

/* line 71, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal i.hi.per-seats-tooltip, .paid-addon-confirm.modal .is-first.is-last.is-complete .v-step-number-wrapper i.per-seats-tooltip.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .paid-addon-confirm.modal i.per-seats-tooltip.step-number {
  margin-top: 0.15em;
  margin-right: 5px;
}

/* line 76, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .modal-dialog {
  max-width: 100%;
}

/* line 80, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal h6 {
  font-size: 12px;
}

/* line 84, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .cancel-btn {
  margin-top: 12px;
}

/* line 88, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-pricing {
  width: 100%;
}

/* line 91, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-pricing p {
  margin: 0;
}

/* line 96, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-pricing-user {
  padding: 10px 30px;
  text-align: center;
  background: #f3f4f6;
  border-radius: 30px;
}

/* line 103, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-total {
  flex-grow: 1;
  justify-content: flex-end;
}

/* line 107, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-total i {
  margin-right: 5px;
  color: #2aa7ff;
}

/* line 112, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-total p {
  font-size: 18px;
  line-height: 18px;
}

/* line 118, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-yearly {
  justify-content: flex-end;
}

/* line 122, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-org-summary {
  margin: 30px 0;
  padding: 15px 15px;
  background: #f3f4f6;
  border-radius: 6px;
}

/* line 128, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm.modal .paid-addon-org-summary ul {
  margin: 0;
  padding-left: 15px;
}

/* line 136, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm-disable .modal-body > h6, .paid-addon-confirm-disable .modal-body-centered > h6 {
  margin-top: 20px;
}

/* line 140, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm-disable .paid-missing-features {
  margin-top: 12px;
  padding: 10px 15px;
  background: #f3f4f6;
  border-radius: 6px;
}

/* line 146, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm-disable .paid-missing-features ul {
  margin: 0;
  padding-left: 15px;
}

/* line 152, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-confirm-disable .custom-checkbox-wrapper {
  margin-top: 20px;
  font-weight: normal;
}

@media (max-width: 575.98px) {
  /* line 160, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-confirm.modal .paid-addon-org-summary {
    margin: 30px 0 0 0;
  }
  /* line 164, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-confirm.modal .paid-addon-pricing > div {
    width: 100%;
    justify-content: center;
  }
  /* line 169, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-confirm.modal .paid-addon-total,
.paid-addon-confirm.modal .paid-addon-yearly {
    margin-top: 10px;
    justify-content: unset;
  }
  /* line 175, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-confirm.modal .paid-addon-yearly {
    width: 100%;
    justify-content: center;
  }
}

@media (min-width: 0) {
  /* line 183, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-confirm-disable.modal .modal-footer a {
    width: auto;
  }
}

/* line 189, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .spinner {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

/* line 200, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation.cancellation-review-data-dialog .spinner {
  min-height: 55rem;
}

/* line 204, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation.cancellation-review-data-dialog .banner {
  min-height: 15.3rem;
  padding-top: 8px;
}

/* line 211, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation.cancellation-feedback-dialog .modal-body, .paid-addon-cancelation.cancellation-feedback-dialog .modal-body-centered {
  display: flex;
  flex-direction: column;
  min-height: 55rem;
  padding-top: 2.5rem;
}

/* line 218, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner {
  color: #1f2937;
  padding: 2rem 2rem 0 2rem;
  margin-top: 1.2rem;
  margin-bottom: 2.8rem;
  min-height: 14rem;
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/insights/cancellation_flow/banner_base_red-c264c3193dd3603b9da0204731224c0606a910f29852b2107f6bcdb195ddeda0.svg);
  background-repeat: no-repeat;
}

/* line 229, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner-lg {
  min-height: 16.5rem;
}

/* line 233, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner-blue {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/insights/cancellation_flow/banner_base_blue-12c4cbb85b43ed7390733eca4408102d3377f619caa2d7b6dd151eb64232bd12.svg);
}

/* line 237, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .addon-logo {
  height: 1.8rem;
}

/* line 241, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .title {
  font-weight: 700;
  font-size: 2.4rem;
  margin-bottom: 1.2rem;
}

/* line 247, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .info {
  font-family: "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #1f2937;
}

/* line 252, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .items {
  margin-bottom: 2rem;
}

/* line 256, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .item {
  color: #9b1c1c;
  line-height: 1.6rem;
  display: flex;
  align-items: center;
}

/* line 262, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .item i {
  color: #f98080;
  margin-right: 8px;
}

/* line 268, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .old-price {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 3.2rem;
  width: fit-content;
  position: relative;
}

/* line 275, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .old-price::before {
  content: '';
  width: 120%;
  height: 2px;
  background: #db5f19;
  position: absolute;
  transform: rotate(-39deg) translate(-1.2rem, 1rem);
  border-radius: 2rem;
}

/* line 286, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .old-price.old-price-quarterly::before {
  transform: rotate(-23deg) translate(-1.2rem, 1rem);
}

/* line 292, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .price {
  font-size: 3.6rem;
  line-height: 4rem;
  font-weight: 500;
  letter-spacing: -0.43px;
}

/* line 299, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .time-span {
  font-size: 1.2rem;
  font-weight: 300;
  margin-left: 4px;
}

/* line 305, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .free-extension {
  font-weight: 300;
}

/* line 309, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .annual-discount {
  font-size: 1.6rem;
  max-width: 12rem;
  font-weight: 300;
  line-height: 1.8rem;
}

/* line 316, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .time-limit {
  font-size: 2rem;
  font-weight: 300;
}

/* line 321, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .banner .highlight {
  color: #2f8af4;
}

/* line 327, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .trial .banner {
  min-height: 20rem;
}

/* line 331, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .trial .content {
  font-size: 1.6rem;
  color: #1f2937;
  justify-content: center;
  text-align: center;
}

/* line 339, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .trial .days {
  font-size: 3.2rem;
  font-weight: 400;
}

/* line 344, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .trial .hi-plus {
  font-size: 2.4rem;
}

/* line 348, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .trial .price {
  font-size: 3.6rem;
  font-weight: 400;
}

/* line 353, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .trial .old-price {
  font-size: 3.6rem;
  margin-right: 1.2rem;
}

/* line 358, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .trial .time-limit {
  font-size: 1.6rem;
}

/* line 363, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .annual-illustration {
  max-height: 12rem;
  width: fit-content;
}

/* line 368, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .list {
  padding-left: 2rem;
}

/* line 372, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation .list-title {
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
}

/* line 379, app/assets/stylesheets/controllers/paid_addons.scss */
.paid-addon-cancelation.final-offer-banner .banner {
  min-height: 19.8rem;
}

@media (max-width: 575.98px) {
  /* line 385, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-cancelation .banner {
    background-image: url(https://server-assets.hubstaff.com/b9e3417e06/insights/cancellation_flow/banner_base_red_mobile-89029c7d3cee0c877dfa04b93b1b3ff0e1d4aa6f734ea1f98dd70619eaf38f87.svg);
  }
  /* line 388, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-cancelation .banner-blue {
    background-image: url(https://server-assets.hubstaff.com/b9e3417e06/insights/cancellation_flow/banner_base_blue_mobile-52ea6cc0ced844949681e46e1f5e36d73648448b61bfbd33e90d76fec6d24987.svg);
  }
  /* line 393, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-cancelation .illustration {
    display: none;
  }
  /* line 397, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-cancelation .addon-logo {
    height: 2.4rem;
  }
  /* line 401, app/assets/stylesheets/controllers/paid_addons.scss */
  .paid-addon-cancelation .offer-30 {
    margin-top: 2rem;
  }
}

/* line 3, app/assets/stylesheets/controllers/payee_accounts.scss */
.pay-methods .pay-method {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 10, app/assets/stylesheets/controllers/payee_accounts.scss */
.pay-methods .pay-method:last-child {
  border-bottom: none;
}

/* line 13, app/assets/stylesheets/controllers/payee_accounts.scss */
.pay-methods .pay-method .action {
  height: 90px;
  position: relative;
  text-align: right;
  line-height: 90px;
}

/* line 20, app/assets/stylesheets/controllers/payee_accounts.scss */
.pay-methods .pay-method img {
  min-width: 130px;
}

/* line 29, app/assets/stylesheets/controllers/payee_accounts.scss */
.payee_account_user_organization_timesheets_enabled .checkbox input[type='checkbox'],
.payee_account_payroll_active .checkbox input[type='checkbox'],
.user_organization_timesheets_enabled .checkbox input[type='checkbox'] {
  margin-left: 0;
}

/* line 31, app/assets/stylesheets/controllers/payee_accounts.scss */
.payee_account_user_organization_timesheets_enabled .checkbox input[type='checkbox'] ~ label,
.payee_account_payroll_active .checkbox input[type='checkbox'] ~ label,
.user_organization_timesheets_enabled .checkbox input[type='checkbox'] ~ label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 34, app/assets/stylesheets/controllers/payee_accounts.scss */
.payee_account_user_organization_timesheets_enabled .checkbox input[type='checkbox']:disabled ~ label,
.payee_account_payroll_active .checkbox input[type='checkbox']:disabled ~ label,
.user_organization_timesheets_enabled .checkbox input[type='checkbox']:disabled ~ label {
  color: #9ca3af;
  cursor: not-allowed;
}

/* line 41, app/assets/stylesheets/controllers/payee_accounts.scss */
.payment-info-premium-upsell {
  border: 1px solid #d1d5db;
  border-radius: 3px;
  display: flex;
  align-items: center;
  padding: 20px 30px;
  margin: 25px 0;
}

/* line 48, app/assets/stylesheets/controllers/payee_accounts.scss */
.payment-info-premium-upsell .benefit {
  display: flex;
  align-items: center;
  padding-bottom: 7px;
}

/* line 52, app/assets/stylesheets/controllers/payee_accounts.scss */
.payment-info-premium-upsell .benefit .hi, .payment-info-premium-upsell .benefit .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .payment-info-premium-upsell .benefit .step-number, .payment-info-premium-upsell .benefit .toggling-dropdown > li.is-on > a:before, .payment-info-premium-upsell .benefit .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .payment-info-premium-upsell .benefit input:checked + label:before, .payment-info-premium-upsell .benefit .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-selection__choice__remove, .payment-info-premium-upsell .benefit .datepicker:before,
.payment-info-premium-upsell .benefit .hs_daterange_picker:before, .payment-info-premium-upsell .benefit .search-filter:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-selection:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .payment-info-premium-upsell .benefit b:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-date:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-week:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-paid:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-user:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-member:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-client:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-project:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-timesheet:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-task:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-team:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-job_site:before, .payment-info-premium-upsell .benefit .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .payment-info-premium-upsell .benefit .select2-results__option.is-work_break_policy:before, .payment-info-premium-upsell .benefit .vue-map-search:before {
  padding-right: 7px;
}

/* line 56, app/assets/stylesheets/controllers/payee_accounts.scss */
.payment-info-premium-upsell .btn, .payment-info-premium-upsell .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .payment-info-premium-upsell .nav-item {
  background: #ffac51;
  color: #ffffff;
  font-size: 12px;
  padding: 8px 18px;
}

/* line 61, app/assets/stylesheets/controllers/payee_accounts.scss */
.payment-info-premium-upsell .btn:hover, .payment-info-premium-upsell .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .payment-info-premium-upsell .nav-item:hover {
  background-color: #ffac51;
}

/* line 68, app/assets/stylesheets/controllers/payee_accounts.scss */
.member-select .new-member {
  margin: 5px 0;
  font-weight: 500;
  color: #2aa7ff;
}

/* line 73, app/assets/stylesheets/controllers/payee_accounts.scss */
.member-select .new-member-container {
  border-bottom: 1px solid #d1d5db;
}

/* line 78, app/assets/stylesheets/controllers/payee_accounts.scss */
.member-select .select2-results__option[aria-selected='true'] .hi, .member-select .select2-results__option[aria-selected='true'] .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .member-select .select2-results__option[aria-selected='true'] .step-number, .member-select .select2-results__option[aria-selected='true'] .toggling-dropdown > li.is-on > a:before, .member-select .select2-results__option[aria-selected='true'] .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .member-select .select2-results__option[aria-selected='true'] input:checked + label:before, .member-select .select2-results__option[aria-selected='true'] .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-selection__choice__remove, .member-select .select2-results__option[aria-selected='true'] .datepicker:before,
.member-select .select2-results__option[aria-selected='true'] .hs_daterange_picker:before, .member-select .select2-results__option[aria-selected='true'] .search-filter:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-selection:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .member-select .select2-results__option[aria-selected='true'] b:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-date:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-week:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-paid:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-user:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-member:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-client:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-project:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-timesheet:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-task:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-team:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-job_site:before, .member-select .select2-results__option[aria-selected='true'] .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .select2-results__option[aria-selected='true'] .select2-results__option.is-work_break_policy:before, .member-select .select2-results__option[aria-selected='true'] .vue-map-search:before {
  color: #ffffff;
}

/* line 81, app/assets/stylesheets/controllers/payee_accounts.scss */
.member-select .select2-results__option[aria-selected='true'] .new-member {
  color: #ffffff;
}

/* line 85, app/assets/stylesheets/controllers/payee_accounts.scss */
.member-select .select2-results__option .member-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}

/* line 91, app/assets/stylesheets/controllers/payee_accounts.scss */
.member-select .select2-results__option span {
  margin-left: 10px;
}

/* line 95, app/assets/stylesheets/controllers/payee_accounts.scss */
.member-select .actions {
  float: right;
}

/* line 97, app/assets/stylesheets/controllers/payee_accounts.scss */
.member-select .actions .hi, .member-select .actions .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .member-select .actions .step-number, .member-select .actions .toggling-dropdown > li.is-on > a:before, .member-select .actions .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .member-select .actions input:checked + label:before, .member-select .actions .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-selection__choice__remove, .member-select .actions .datepicker:before,
.member-select .actions .hs_daterange_picker:before, .member-select .actions .search-filter:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-selection:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .member-select .actions b:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-date:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-week:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-paid:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-user:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-member:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-client:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-project:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-timesheet:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-task:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-team:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-job_site:before, .member-select .actions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .member-select .actions .select2-results__option.is-work_break_policy:before, .member-select .actions .vue-map-search:before {
  margin: 0 7px;
}

/* line 103, app/assets/stylesheets/controllers/payee_accounts.scss */
.hi-default-payment-accounts {
  position: relative;
  top: 3.5px;
}

/* line 108, app/assets/stylesheets/controllers/payee_accounts.scss */
.hi-payroll-accounts {
  position: relative;
  top: 3.5px;
}

/* line 2, app/assets/stylesheets/controllers/payer_accounts.scss */
.payer-remote-members .col-sm-6 {
  margin: 10px 0;
}

/* line 6, app/assets/stylesheets/controllers/payer_accounts.scss */
.payer-remote-members .members-header {
  border-radius: 4px;
  background-color: #f3f4f6;
  padding: 13px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}

/* line 14, app/assets/stylesheets/controllers/payer_accounts.scss */
.payer-remote-members .members-header i {
  padding-right: 5px;
}

/* line 18, app/assets/stylesheets/controllers/payer_accounts.scss */
.payer-remote-members .members-header .hi-plus {
  color: #31c48d;
}

/* line 22, app/assets/stylesheets/controllers/payer_accounts.scss */
.payer-remote-members .members-header .hi-link {
  color: #2aa7ff;
}

/* line 28, app/assets/stylesheets/controllers/payer_accounts.scss */
#members-list-wrapper .select-all, #members-list-wrapper .select-none, #users-list-wrapper .select-all, #users-list-wrapper .select-none {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

/* line 35, app/assets/stylesheets/controllers/payer_accounts.scss */
#confirm-enable-auto-pay .blue-font {
  color: #2aa7ff;
}

/* line 1, app/assets/stylesheets/controllers/payroll.scss */
.payroll-logo {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

/* line 7, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .default-payment-account-btn {
  margin-bottom: 15px;
}

/* line 10, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts {
  margin: 15px 0;
  display: flex;
}

/* line 12, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts h4 {
  margin: 0 0 20px;
}

/* line 16, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account {
  display: flex;
  align-items: center;
  padding: 21px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-right: 30px;
  width: 360px;
}

/* line 24, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account:last-of-type {
  margin-right: 0;
}

/* line 27, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account .payment-info {
  padding-left: 15px;
}

/* line 29, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account .payment-info .email {
  color: #6b7280;
  font-size: 12px;
  line-height: 14px;
}

/* line 35, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account .dropdown {
  height: 14px;
  margin-left: auto;
}

/* line 39, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account .dropdown a i {
  color: #6b7280;
}

/* line 41, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account .dropdown .dropdown-menu {
  right: 0;
  left: auto;
}

/* line 46, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account .image-container {
  width: 35px;
}

/* line 48, app/assets/stylesheets/controllers/payroll.scss */
.default-payment-accounts .payment-accounts .payment-account .image-container img {
  max-width: 100%;
  max-height: 36px;
}

@media (max-width: 1199px) {
  /* line 16, app/assets/stylesheets/controllers/payroll.scss */
  .default-payment-accounts .payment-accounts .payment-account {
    width: 48%;
  }
}

@media (max-width: 640px) {
  /* line 16, app/assets/stylesheets/controllers/payroll.scss */
  .default-payment-accounts .payment-accounts .payment-account {
    margin-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }
  /* line 60, app/assets/stylesheets/controllers/payroll.scss */
  .default-payment-accounts .payment-accounts .payment-account:last-of-type {
    margin-bottom: 0;
  }
}

@media (max-width: 640px) {
  /* line 10, app/assets/stylesheets/controllers/payroll.scss */
  .default-payment-accounts .payment-accounts {
    flex-direction: column;
  }
}

/* line 71, app/assets/stylesheets/controllers/payroll.scss */
.payee-account {
  display: flex;
  align-items: center;
}

/* line 74, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .image-container {
  height: 26px;
}

/* line 77, app/assets/stylesheets/controllers/payroll.scss */
.payee-account img {
  height: auto;
  width: 32px;
}

/* line 81, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info {
  margin: 0 15px 0 9px;
}

/* line 83, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info .payee-gateway {
  display: flex;
  align-items: center;
}

/* line 86, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info .payee-gateway .gateway {
  font-size: 13px;
}

/* line 90, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info .payee-gateway .a-tooltip i {
  margin-top: 50%;
  transform: translateY(-5px);
  font-size: 12px;
  margin-left: 5px;
}

/* line 98, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info .payee {
  font-size: 11px;
}

/* line 101, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info.pending {
  opacity: 0.5;
}

/* line 104, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info.disabled {
  color: #f05252 !important;
}

/* line 107, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info.unverified {
  color: #ff9725 !important;
}

/* line 111, app/assets/stylesheets/controllers/payroll.scss */
.payee-account .payee-info.enabled .payee {
  color: #9ca3af;
}

/* line 118, app/assets/stylesheets/controllers/payroll.scss */
.payroll-image {
  height: 20px;
  width: 80px;
}

/* line 121, app/assets/stylesheets/controllers/payroll.scss */
.payroll-image img {
  max-height: 100%;
}

/* line 126, app/assets/stylesheets/controllers/payroll.scss */
.small-payment-info {
  color: #9ca3af;
  font-size: 11px;
}

/* line 133, app/assets/stylesheets/controllers/payroll.scss */
.payroll-timesheets .toggle-switch .btn, .payroll-timesheets .toggle-switch .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .payroll-timesheets .toggle-switch .nav-item {
  min-width: auto;
}

/* line 140, app/assets/stylesheets/controllers/payroll.scss */
.table-actions-dropdown.payment-accounts {
  display: inline-block;
  width: 205px;
}

/* line 143, app/assets/stylesheets/controllers/payroll.scss */
.table-actions-dropdown.payment-accounts ul {
  width: 205px;
}

/* line 147, app/assets/stylesheets/controllers/payroll.scss */
.table-actions-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}

@media (max-width: 768px) {
  /* line 155, app/assets/stylesheets/controllers/payroll.scss */
  #period-start-content a.label, #period-start-content a.timesheet-sync-status, #period-start-content a.timesheet-status, #period-start-content a.time_off_request_status, #period-start-content a.adjustment_type_label {
    margin-bottom: 5px;
  }
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
#projects .members:before, #projects .members:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
#projects .members:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
#projects .members {
  *zoom: 1;
}

/* line 9, app/assets/stylesheets/controllers/projects.scss */
#projects .thumbnail {
  min-height: 180px;
}

/* line 12, app/assets/stylesheets/controllers/projects.scss */
#projects .thumbnail h4 {
  margin-top: 0;
}

/* line 17, app/assets/stylesheets/controllers/projects.scss */
#projects #new-project p {
  color: #9ca3af;
}

/* line 21, app/assets/stylesheets/controllers/projects.scss */
#projects .project {
  color: #1f2937;
}

/* line 24, app/assets/stylesheets/controllers/projects.scss */
#projects .project p {
  color: #9ca3af;
}

/* line 28, app/assets/stylesheets/controllers/projects.scss */
#projects .project .members .avatar_speck {
  float: left;
  margin-right: 4px;
}

/* line 34, app/assets/stylesheets/controllers/projects.scss */
#projects .thumbnails .thumbnail.project {
  background: #e5e7eb;
  background: -moz-linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e7eb), color-stop(100%, #f9fafb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* IE10+ */
  background: linear-gradient(top, #e5e7eb 0%, #f9fafb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e7eb', endColorstr='#f9fafb');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e7eb', endColorstr='#f9fafb')";
}

/* line 53, app/assets/stylesheets/controllers/projects.scss */
.more-members-badge {
  display: inline-block;
  height: 25px;
  min-width: 25px;
  border-radius: 25px;
  background-color: #2aa7ff;
  font-size: 12px;
  text-align: center;
  color: #ffffff !important;
  vertical-align: middle;
  margin-left: 5px;
  padding: 4px 8px 0;
}

/* line 66, app/assets/stylesheets/controllers/projects.scss */
.more-members-badge.light {
  margin-left: 4px;
  color: #2aa7ff !important;
  background-color: rgba(42, 167, 255, 0.08);
}

/* line 72, app/assets/stylesheets/controllers/projects.scss */
.more-members-badge.empty {
  width: 23px;
  height: 23px;
  min-width: initial;
  padding: 0;
  margin-left: 0;
  background: none;
  border: 1px dotted #2aa7ff;
}

/* line 83, app/assets/stylesheets/controllers/projects.scss */
.progress.compact {
  height: 8px;
  margin-top: 10px;
}

/* line 88, app/assets/stylesheets/controllers/projects.scss */
.progress.disabled {
  background-color: #f3f4f6;
  cursor: not-allowed;
}

/* line 93, app/assets/stylesheets/controllers/projects.scss */
.height-3em {
  line-height: 3em;
}

/* line 97, app/assets/stylesheets/controllers/projects.scss */
.progress.large {
  height: 12px;
}

/* line 101, app/assets/stylesheets/controllers/projects.scss */
.archive_warning {
  position: relative;
  padding-left: 18px;
  line-height: 18px;
}

/* line 102, app/assets/stylesheets/controllers/projects.scss */
.archive_warning:before {
  color: #f05252;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
}

/* line 116, app/assets/stylesheets/controllers/projects.scss */
.app-table .projects-empty {
  padding: 15px;
}

/* line 121, app/assets/stylesheets/controllers/projects.scss */
#edit-user_project-modal .member-name {
  margin-top: 0.7rem;
  margin-left: 3rem;
}

/* line 128, app/assets/stylesheets/controllers/projects.scss */
#project-members-table .pay-bill-rate-tooltip {
  margin-top: 0.3rem;
}

/* line 133, app/assets/stylesheets/controllers/projects.scss */
.project-name-container {
  word-wrap: break-word;
}

/* line 137, app/assets/stylesheets/controllers/projects.scss */
#project-members-table label.custom-checkbox-wrapper {
  position: relative;
}

/* line 141, app/assets/stylesheets/controllers/projects.scss */
input.projects-membership-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 147, app/assets/stylesheets/controllers/projects.scss */
input.projects-membership-checkbox:hover {
  cursor: pointer;
}

/* line 2, app/assets/stylesheets/controllers/report_spam.scss */
#report-spam .modal-title.no-image {
  margin-top: 30px;
}

/* line 5, app/assets/stylesheets/controllers/report_spam.scss */
#report-spam .subhead {
  font-size: 13px;
  margin: 5px 0 20px;
}

/* line 9, app/assets/stylesheets/controllers/report_spam.scss */
#report-spam img.reported-image {
  margin: 55px 0 15px;
}

/* line 5, app/assets/stylesheets/controllers/reports.scss */
#report form {
  margin-bottom: 0;
}

/* line 9, app/assets/stylesheets/controllers/reports.scss */
#report form .pull-right .btn-download:first-of-type, #report form .time-span-popover .time_entry .btn-download:first-of-type, .time-span-popover #report form .time_entry .btn-download:first-of-type {
  margin-right: 1rem;
}

/* line 15, app/assets/stylesheets/controllers/reports.scss */
#report #groupBy-select-container .select2-selection__rendered {
  flex-wrap: unset;
}

/* line 20, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-premium-feature {
  max-width: 61.5rem;
}

/* line 23, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-premium-feature img {
  margin-bottom: -5rem;
}

@media only screen and (max-width: 600px) {
  /* line 23, app/assets/stylesheets/controllers/reports.scss */
  .scheduled-reports-premium-feature img {
    margin-bottom: -3rem;
  }
}

/* line 31, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-premium-feature .upgrade-plan-button {
  margin-top: 2rem;
}

/* line 37, app/assets/stylesheets/controllers/reports.scss */
.report-no-data img {
  height: 300px;
}

/* line 43, app/assets/stylesheets/controllers/reports.scss */
.form-group.year-selector .select2-selection__arrow > b {
  border: none;
  color: #2aa7ff;
  margin-top: -11px;
  margin-left: -10px;
  font-size: 16px;
}

/* line 57, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action,
.widget-id-manual_time_log span.action {
  min-width: 45px;
  margin: 0;
  background-color: #777777;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action[href]:hover, .manual_time_log span.action[href]:focus,
.widget-id-manual_time_log span.action[href]:hover,
.widget-id-manual_time_log span.action[href]:focus {
  background-color: #5e5e5e;
}

/* line 63, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action.action-add,
.widget-id-manual_time_log span.action.action-add {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action.action-add[href]:hover, .manual_time_log span.action.action-add[href]:focus,
.widget-id-manual_time_log span.action.action-add[href]:hover,
.widget-id-manual_time_log span.action.action-add[href]:focus {
  background-color: #279b70;
}

/* line 67, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action.action-edit,
.widget-id-manual_time_log span.action.action-edit {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action.action-edit[href]:hover, .manual_time_log span.action.action-edit[href]:focus,
.widget-id-manual_time_log span.action.action-edit[href]:hover,
.widget-id-manual_time_log span.action.action-edit[href]:focus {
  background-color: #0090f6;
}

/* line 71, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action.action-delete,
.widget-id-manual_time_log span.action.action-delete {
  background-color: #f05252;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action.action-delete[href]:hover, .manual_time_log span.action.action-delete[href]:focus,
.widget-id-manual_time_log span.action.action-delete[href]:hover,
.widget-id-manual_time_log span.action.action-delete[href]:focus {
  background-color: #ec2323;
}

/* line 75, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action.action-move,
.widget-id-manual_time_log span.action.action-move {
  background-color: #ffac51;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action.action-move[href]:hover, .manual_time_log span.action.action-move[href]:focus,
.widget-id-manual_time_log span.action.action-move[href]:hover,
.widget-id-manual_time_log span.action.action-move[href]:focus {
  background-color: #ff941e;
}

/* line 79, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action.action-override-add,
.widget-id-manual_time_log span.action.action-override-add {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action.action-override-add[href]:hover, .manual_time_log span.action.action-override-add[href]:focus,
.widget-id-manual_time_log span.action.action-override-add[href]:hover,
.widget-id-manual_time_log span.action.action-override-add[href]:focus {
  background-color: #279b70;
}

/* line 83, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action.action-override-edit,
.widget-id-manual_time_log span.action.action-override-edit {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action.action-override-edit[href]:hover, .manual_time_log span.action.action-override-edit[href]:focus,
.widget-id-manual_time_log span.action.action-override-edit[href]:hover,
.widget-id-manual_time_log span.action.action-override-edit[href]:focus {
  background-color: #0090f6;
}

/* line 87, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action.action-override-delete,
.widget-id-manual_time_log span.action.action-override-delete {
  background-color: #f05252;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action.action-override-delete[href]:hover, .manual_time_log span.action.action-override-delete[href]:focus,
.widget-id-manual_time_log span.action.action-override-delete[href]:hover,
.widget-id-manual_time_log span.action.action-override-delete[href]:focus {
  background-color: #ec2323;
}

/* line 91, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log span.action.action-override-move,
.widget-id-manual_time_log span.action.action-override-move {
  background-color: #ffac51;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.manual_time_log span.action.action-override-move[href]:hover, .manual_time_log span.action.action-override-move[href]:focus,
.widget-id-manual_time_log span.action.action-override-move[href]:hover,
.widget-id-manual_time_log span.action.action-override-move[href]:focus {
  background-color: #ff941e;
}

/* line 97, app/assets/stylesheets/controllers/reports.scss */
#report {
  position: relative;
}

/* line 101, app/assets/stylesheets/controllers/reports.scss */
#report table.manual_time_log td .cell-container {
  color: #374151;
}

/* line 105, app/assets/stylesheets/controllers/reports.scss */
#report table.manual_time_log td .reason {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 111, app/assets/stylesheets/controllers/reports.scss */
#report span.time-zone {
  color: #6b7280;
  font-size: 14px;
}

/* line 116, app/assets/stylesheets/controllers/reports.scss */
#report span.group-option-description {
  color: #6b7280;
  font-size: 14px;
  font-style: italic;
}

/* line 122, app/assets/stylesheets/controllers/reports.scss */
#report .progress-time-text {
  display: inline-block;
  margin: 0 10px;
}

/* line 126, app/assets/stylesheets/controllers/reports.scss */
#report .progress-time-text:first-child {
  margin-left: 0;
}

/* line 130, app/assets/stylesheets/controllers/reports.scss */
#report .progress-time-text .progress {
  margin: 0 0 3px;
}

/* line 138, app/assets/stylesheets/controllers/reports.scss */
#report .payment_report .note-cell:not(:empty),
#report .project_budgets_report .note-cell:not(:empty),
#report .client_budgets_report .note-cell:not(:empty) {
  min-width: 200px;
  max-width: 200px;
}

/* line 143, app/assets/stylesheets/controllers/reports.scss */
#report .payment_report .progress-time-text,
#report .project_budgets_report .progress-time-text,
#report .client_budgets_report .progress-time-text {
  display: inline-block;
  width: 85px;
  margin: 0 10px;
}

/* line 148, app/assets/stylesheets/controllers/reports.scss */
#report .payment_report .progress-time-text .progress,
#report .project_budgets_report .progress-time-text .progress,
#report .client_budgets_report .progress-time-text .progress {
  margin: 0px 0px 3px 3px;
}

/* line 154, app/assets/stylesheets/controllers/reports.scss */
#report .budget-percent {
  margin-left: 5px;
}

/* line 160, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody > tr > td {
  box-shadow: none;
}

/* line 166, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tr.grouping-header:before,
#report .rounded-design .reports-table > tbody.grouping-header:before {
  content: '';
  display: block;
  height: 40px;
}

/* line 172, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tr.grouping-header th,
#report .rounded-design .reports-table > tbody.grouping-header th {
  box-shadow: inset 0 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
}

/* line 175, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tr.grouping-header th:first-child,
#report .rounded-design .reports-table > tbody.grouping-header th:first-child {
  box-shadow: inset 1px 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
  border-top-left-radius: 15px;
}

/* line 180, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tr.grouping-header th:last-child,
#report .rounded-design .reports-table > tbody.grouping-header th:last-child {
  box-shadow: inset -1px 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
  border-top-right-radius: 15px;
}

/* line 190, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.tbody:not(.tbody-virtual) > tr:last-child > td:first-child {
  border-bottom-left-radius: 15px;
}

/* line 194, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.tbody:not(.tbody-virtual) > tr:last-child > td:last-child {
  border-bottom-right-radius: 15px;
}

/* line 203, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.thead + tbody.grouping-header:before {
  display: none;
}

/* line 211, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.ttotal.is-expanded td,
#report .rounded-design .reports-table > tbody.ttotal.is-expanded th {
  box-shadow: none !important;
}

/* line 216, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.ttotal.is-expanded th:first-child {
  box-shadow: inset 1px -1px 0 #e5e7eb !important;
  border-radius: 0;
}

/* line 221, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.ttotal.is-expanded td {
  box-shadow: inset 0px -1px 0 #e5e7eb !important;
}

/* line 224, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.ttotal.is-expanded td:last-child {
  border-radius: 0;
}

/* line 230, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.ttotal td,
#report .rounded-design .reports-table > tbody.ttotal th {
  box-shadow: inset 0 -1px 0 #e5e7eb;
}

/* line 235, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.ttotal th:first-child {
  border-bottom-left-radius: 15px;
  box-shadow: inset 1px -1px 0 #e5e7eb !important;
}

/* line 240, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .reports-table > tbody.ttotal td:last-child {
  border-bottom-right-radius: 15px;
  box-shadow: inset -1px -1px 0 #e5e7eb !important;
}

/* line 254, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > td,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > th, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > td,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > th {
  box-shadow: inset 0 1px 0 #e5e7eb;
}

/* line 258, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > th:first-child, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > td:first-child,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > th:first-child {
  box-shadow: inset 1px 1px 0 #e5e7eb;
}

/* line 262, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > td:last-child,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > th:last-child, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > td:last-child,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border > th:last-child {
  box-shadow: inset -1px 1px 0 #e5e7eb;
}

/* line 268, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > td,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > th, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > td,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > th {
  box-shadow: inset 0 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
}

/* line 272, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > th:first-child, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > td:first-child,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > th:first-child {
  box-shadow: inset 1px 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
}

/* line 276, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > td:last-child,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > th:last-child, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > td:last-child,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr.has-border:last-child > th:last-child {
  box-shadow: inset -1px 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
}

/* line 287, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr:not(.has-border):last-child > td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr:not(.has-border):last-child > th:first-child, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr:not(.has-border):last-child > td:first-child,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr:not(.has-border):last-child > th:first-child {
  box-shadow: inset 1px 0 0 #e5e7eb;
}

/* line 291, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr:not(.has-border):last-child > td:last-child,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr:not(.has-border):last-child > th:last-child, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr:not(.has-border):last-child > td:last-child,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header):not(.ttotal):not(.tbody-virtual) > tr:not(.has-border):last-child > th:last-child {
  box-shadow: inset -1px 0 0 #e5e7eb;
}

/* line 300, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header) td,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header) th, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header) td,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header) th {
  border: none !important;
  border-color: transparent;
  vertical-align: middle;
}

/* line 306, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header) td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header) th:first-child, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header) td:first-child,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header) th:first-child {
  box-shadow: inset 1px 0 0 #e5e7eb;
}

/* line 310, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header) td:last-child,
#report .rounded-design .table-wrapper.has-fixed-column tbody:not(.thead):not(.grouping-header) th:last-child, #report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header) td:last-child,
#report .rounded-design.work-sessions-table tbody:not(.thead):not(.grouping-header) th:last-child {
  box-shadow: inset -1px 0 0 #e5e7eb;
}

/* line 322, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .table-wrapper.has-fixed-column .time-and-activities-table tbody:not(.grouping-header) td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column .time-and-activities-table tbody:not(.grouping-header) th:first-child, #report .rounded-design .table-wrapper.has-fixed-column .work-breaks-report-table tbody:not(.grouping-header) td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column .work-breaks-report-table tbody:not(.grouping-header) th:first-child, #report .rounded-design.work-sessions-table .time-and-activities-table tbody:not(.grouping-header) td:first-child,
#report .rounded-design.work-sessions-table .time-and-activities-table tbody:not(.grouping-header) th:first-child, #report .rounded-design.work-sessions-table .work-breaks-report-table tbody:not(.grouping-header) td:first-child,
#report .rounded-design.work-sessions-table .work-breaks-report-table tbody:not(.grouping-header) th:first-child {
  min-width: 250px;
  max-width: 250px;
}

/* line 332, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .expand-rows-toggle {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  text-transform: uppercase;
}

/* line 339, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .expand-rows-toggle.is-expanded .hi-caret, #report .rounded-design .expand-rows-toggle.is-expanded .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow #report .rounded-design .expand-rows-toggle.is-expanded b:before {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 344, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .expand-rows-toggle .hi-caret, #report .rounded-design .expand-rows-toggle .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow #report .rounded-design .expand-rows-toggle b:before {
  color: #6b7280;
  font-size: 9px;
  margin-right: 7px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transform: translate3d(0, 0, 0) rotate(-90deg);
  -o-transform: translate3d(0, 0, 0) rotate(-90deg);
  -ms-transform: translate3d(0, 0, 0) rotate(-90deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(-90deg);
  transform: translate3d(0, 0, 0) rotate(-90deg);
}

/* line 354, app/assets/stylesheets/controllers/reports.scss */
#report .daily-report-table-popover-trigger {
  display: inline-flex;
}

/* line 357, app/assets/stylesheets/controllers/reports.scss */
#report .daily-report-table-popover-trigger > span {
  display: flex;
}

/* line 363, app/assets/stylesheets/controllers/reports.scss */
.daily-report-table-popover-container {
  font-size: 12px;
  font-weight: 400;
  line-height: 0.9rem;
}

/* line 369, app/assets/stylesheets/controllers/reports.scss */
.daily-report-table-popover-container .popper__arrow {
  margin-left: 0.438rem;
}

/* line 373, app/assets/stylesheets/controllers/reports.scss */
.daily-report-table-popover-container .color-box {
  width: 1rem;
  height: 1rem;
}

/* line 378, app/assets/stylesheets/controllers/reports.scss */
.daily-report-table-popover-container .daily-report-table-popover-row ~ .daily-report-table-popover-row {
  margin-top: 0.6rem;
}

/* line 389, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .report-table-virtual-list [role='group'] .grouping [role='listitem']:last-child table td {
  box-shadow: inset 0 -1px 0 #e5e7eb !important;
}

/* line 392, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .report-table-virtual-list [role='group'] .grouping [role='listitem']:last-child table td:first-child {
  box-shadow: inset 0 -1px 0 #e5e7eb, inset 1px 0 0 #e5e7eb !important;
  border-bottom-left-radius: 15px;
}

/* line 397, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .report-table-virtual-list [role='group'] .grouping [role='listitem']:last-child table td:last-child {
  box-shadow: inset 0 -1px 0 #e5e7eb, inset -1px 0 0 #e5e7eb !important;
  border-bottom-right-radius: 15px;
}

/* line 409, app/assets/stylesheets/controllers/reports.scss */
.reports-table {
  max-width: none;
}

/* line 412, app/assets/stylesheets/controllers/reports.scss */
.reports-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  min-width: 150px;
}

/* line 419, app/assets/stylesheets/controllers/reports.scss */
.reports-table th {
  font-weight: 500;
  max-width: 150px;
  min-width: 150px;
}

/* line 425, app/assets/stylesheets/controllers/reports.scss */
.reports-table .sticky-cell {
  max-width: 200px;
  min-width: 200px;
  white-space: nowrap;
}

/* line 431, app/assets/stylesheets/controllers/reports.scss */
.reports-table .without-corner-padding {
  padding: 15px 0 !important;
}

/* line 435, app/assets/stylesheets/controllers/reports.scss */
.reports-table .compact-list-cell > ul {
  padding: 0;
  font-size: 12px;
  white-space: normal;
  list-style-type: none;
}

/* line 442, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tr.grouping-header,
.reports-table > tbody.grouping-header {
  position: relative;
}

/* line 446, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tr.grouping-header td,
.reports-table > tr.grouping-header th,
.reports-table > tbody.grouping-header td,
.reports-table > tbody.grouping-header th {
  font-weight: 500;
  background-color: #f3f4f6;
  border: none;
  padding: 10px 15px;
  vertical-align: middle;
}

/* line 458, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody.thead > tr:first-child th,
.reports-table > tbody.thead > tr:first-child td {
  border: none;
}

/* line 464, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody.thead td,
.reports-table > tbody.thead th {
  padding: 15px;
}

/* line 471, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody.tbody td,
.reports-table > tbody.tbody th {
  padding: 15px;
  border-color: transparent;
  box-shadow: none;
  border: none;
}

/* line 479, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody.tbody td {
  font-size: 13px;
}

/* line 483, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody.tbody .text-clip-cell {
  text-overflow: clip;
}

/* line 487, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody.tbody .long-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 492, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody.tbody .long-text-cell {
  font-size: 12px;
}

/* line 495, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody.tbody .long-text-cell .popover {
  font-size: 12px;
  white-space: pre-line;
}

/* line 504, app/assets/stylesheets/controllers/reports.scss */
.reports-table tr.tfoot td,
.reports-table tr.tfoot th,
.reports-table > tbody.tfoot td,
.reports-table > tbody.tfoot th {
  font-size: 13px;
  font-weight: 500;
  padding: 15px 15px 30px;
  border-color: transparent;
  box-shadow: inset 0 1px 0 #e5e7eb;
}

/* line 514, app/assets/stylesheets/controllers/reports.scss */
.reports-table tr.tfoot:last-child td,
.reports-table tr.tfoot:last-child th,
.reports-table > tbody.tfoot:last-child td,
.reports-table > tbody.tfoot:last-child th {
  padding-bottom: 15px;
}

/* line 521, app/assets/stylesheets/controllers/reports.scss */
.reports-table > tbody + tbody {
  border: none;
}

/* line 527, app/assets/stylesheets/controllers/reports.scss */
.reports-table .row_stripe_one + .row_stripe_one td {
  border-top: none;
}

/* line 533, app/assets/stylesheets/controllers/reports.scss */
.reports-table .row_stripe_one tr.no-border th,
.reports-table .row_stripe_one tr.no-border td {
  border: none;
}

/* line 542, app/assets/stylesheets/controllers/reports.scss */
.reports-table .row_stripe_two + .row_stripe_two td {
  border-top: none;
}

/* line 549, app/assets/stylesheets/controllers/reports.scss */
.reports-data-summary {
  margin: 30px 0;
}

/* line 555, app/assets/stylesheets/controllers/reports.scss */
.app-and-urls-reports-table > tbody.tbody th,
.app-and-urls-reports-table > tbody.tbody td {
  padding: 5px 15px 5px 15px;
}

/* line 562, app/assets/stylesheets/controllers/reports.scss */
.app-and-urls-reports-table > tbody.tbody > .has-border:not(:first-child) td {
  border-top: 1px solid #e5e7eb;
}

/* line 570, app/assets/stylesheets/controllers/reports.scss */
.report-scheduled-reports-link {
  position: absolute;
  right: 0;
  top: -58px;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 991.98px) {
  /* line 570, app/assets/stylesheets/controllers/reports.scss */
  .report-scheduled-reports-link {
    padding-top: 0;
    position: static;
  }
}

@media (max-width: 575.98px) {
  /* line 583, app/assets/stylesheets/controllers/reports.scss */
  .page-header-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* line 591, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-components--report-picker {
  width: 100%;
}

@media (min-width: 576px) {
  /* line 591, app/assets/stylesheets/controllers/reports.scss */
  .scheduled-reports-components--report-picker {
    width: 220px;
  }
}

/* line 600, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-component .header {
  display: flex;
  flex-direction: column;
}

/* line 604, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-component .header .schedule-report-button {
  margin-top: 1rem;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

/* line 609, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-component .header .schedule-report-button .btn, .scheduled-reports-component .header .schedule-report-button .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .scheduled-reports-component .header .schedule-report-button .nav-item {
  width: 100%;
}

@media (min-width: 576px) {
  /* line 600, app/assets/stylesheets/controllers/reports.scss */
  .scheduled-reports-component .header {
    flex-direction: row;
  }
  /* line 617, app/assets/stylesheets/controllers/reports.scss */
  .scheduled-reports-component .header .schedule-report-button {
    margin-right: 1.5rem;
  }
}

/* line 623, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-component .gray {
  color: gray;
}

/* line 629, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-table .task-cell:not(:empty),
.time-and-activities-table .note-cell:not(:empty), .work-breaks-report-table .task-cell:not(:empty),
.work-breaks-report-table .note-cell:not(:empty) {
  min-width: 300px;
  max-width: 300px;
}

/* line 637, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-table > tbody.tbody > .has-border td, .work-breaks-report-table > tbody.tbody > .has-border td {
  box-shadow: inset 0 1px 0 #e5e7eb;
}

/* line 644, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-table .popover-container span, .work-breaks-report-table .popover-container span {
  margin-top: 0.5rem;
}

/* line 650, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-table .hover-underline-project:hover, .work-breaks-report-table .hover-underline-project:hover {
  cursor: pointer;
}

/* line 654, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-table .hover-underline-project .avatar_initial + div:hover, .work-breaks-report-table .hover-underline-project .avatar_initial + div:hover {
  text-decoration: underline;
}

/* line 659, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-table tr.ttotal:hover th, .work-breaks-report-table tr.ttotal:hover th {
  background-color: #f3f4f6;
}

/* line 665, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-table.group-by-user tbody.tbody tr.grouping-header th .ellipsis, .work-breaks-report-table.group-by-user tbody.tbody tr.grouping-header th .ellipsis {
  text-overflow: unset;
  overflow: visible;
  white-space: unset;
  width: auto;
  font-weight: 500;
}

/* line 678, app/assets/stylesheets/controllers/reports.scss */
.manual_time_log .task-cell:not(:empty),
.manual_time_log .reason-cell:not(:empty) {
  min-width: 300px;
  max-width: 300px;
}

/* line 686, app/assets/stylesheets/controllers/reports.scss */
.amounts-owned-table .project-cell:not(:empty) {
  min-width: 200px;
  max-width: 200px;
}

/* line 692, app/assets/stylesheets/controllers/reports.scss */
.amounts-owned-table .popover-container span {
  margin-top: 0.5rem;
}

/* line 699, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-table .scheduled-report-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 240px;
}

/* line 704, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-table .scheduled-report-name.inactive {
  opacity: 0.5;
}

/* line 709, app/assets/stylesheets/controllers/reports.scss */
.scheduled-reports-table .inactive {
  opacity: 0.5;
}

/* line 716, app/assets/stylesheets/controllers/reports.scss */
.schedule-report-dialog .data-filters .select2-container--disabled .select2-selection > * {
  opacity: 1;
}

/* line 721, app/assets/stylesheets/controllers/reports.scss */
.schedule-report-dialog .inactive-report-banner {
  display: flex;
  padding: 1.2rem 1.4rem;
  color: #e3a008;
  border-color: #e3a008;
  background-color: #fdfdea;
}

/* line 728, app/assets/stylesheets/controllers/reports.scss */
.schedule-report-dialog .inactive-report-banner .icon {
  padding-top: 1rem;
}

/* line 732, app/assets/stylesheets/controllers/reports.scss */
.schedule-report-dialog .inactive-report-banner .text {
  padding: 0 1.2rem;
}

/* line 736, app/assets/stylesheets/controllers/reports.scss */
.schedule-report-dialog .inactive-report-banner .link {
  white-space: nowrap;
  padding-top: 1rem;
}

/* line 743, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner {
  max-width: 170rem;
  margin-bottom: 1.5rem;
}

/* line 747, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 0 11px;
  top: 1rem;
  right: 1rem;
  background-image: linear-gradient(#f3f4f6, #ffffff);
  box-shadow: 0 1px 11px #f3f4f6;
  height: 3rem;
  width: 16.3rem;
  font-size: 10px;
}

/* line 761, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .header .description {
  margin-left: 1rem;
}

/* line 764, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .header .description:after {
  content: '';
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 3rem;
  right: 15.3rem;
  border-style: solid;
  border-width: 0 1rem 0.8rem 0;
  border-color: transparent #6b7280 transparent transparent;
}

/* line 778, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .header p {
  margin-bottom: 0;
  padding-right: 1rem;
  letter-spacing: 0.1px;
  border-right: 0.1rem solid #6b7280;
}

/* line 785, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .header i {
  margin-right: 0.5rem;
  font-size: 1.2rem;
  color: red;
}

/* line 792, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .content {
  border-radius: 0.8rem;
  border: 0.1rem solid;
  border-color: #2aa7ff;
  background-color: rgba(42, 167, 255, 0.08);
  padding: 2rem 3rem;
  display: flex;
  flex-direction: column;
}

/* line 802, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .content .additional-info .schedule-options {
  display: flex;
}

/* line 805, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .content .additional-info .schedule-options .icon {
  color: #2aa7ff;
  display: flex;
}

/* line 809, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .content .additional-info .schedule-options .icon:before {
  margin-right: 1rem;
  align-self: center;
}

/* line 815, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .content .additional-info .schedule-options .text {
  color: #6b7280;
  margin-right: 1rem;
  font-style: normal;
}

/* line 822, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .content .additional-info .title {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 829, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .content .additional-info .button {
  margin-top: 1.5rem;
}

/* line 833, app/assets/stylesheets/controllers/reports.scss */
.time-and-activities-banner .content .additional-info .btn, .time-and-activities-banner .content .additional-info .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .time-and-activities-banner .content .additional-info .nav-item {
  width: 19rem;
}

@media (min-width: 992px) {
  /* line 792, app/assets/stylesheets/controllers/reports.scss */
  .time-and-activities-banner .content {
    flex-direction: row;
  }
  /* line 841, app/assets/stylesheets/controllers/reports.scss */
  .time-and-activities-banner .content .main {
    margin-right: 17rem;
  }
  /* line 844, app/assets/stylesheets/controllers/reports.scss */
  .time-and-activities-banner .content .main .description {
    max-width: 110rem;
  }
  /* line 850, app/assets/stylesheets/controllers/reports.scss */
  .time-and-activities-banner .content .additional-info .title {
    margin-bottom: 1rem;
  }
  /* line 854, app/assets/stylesheets/controllers/reports.scss */
  .time-and-activities-banner .content .additional-info .schedule-options {
    display: flex;
    justify-content: space-between;
  }
}

/* line 863, app/assets/stylesheets/controllers/reports.scss */
.premium-promotion-banner {
  display: flex;
  position: relative;
  max-width: 170rem;
  margin-bottom: 1.5rem;
  border-radius: 0.8rem;
  border: 0.1rem solid;
  border-color: #e5e7eb;
  padding: 2rem;
  padding-right: 3rem;
  justify-content: space-between;
}

@media only screen and (max-width: 600px) {
  /* line 863, app/assets/stylesheets/controllers/reports.scss */
  .premium-promotion-banner {
    flex-direction: column;
  }
}

/* line 879, app/assets/stylesheets/controllers/reports.scss */
.premium-promotion-banner .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 885, app/assets/stylesheets/controllers/reports.scss */
.premium-promotion-banner .links {
  display: flex;
  flex-direction: row;
  justify-content: end;
}

@media only screen and (max-width: 600px) {
  /* line 885, app/assets/stylesheets/controllers/reports.scss */
  .premium-promotion-banner .links {
    margin-top: 1rem;
  }
}

/* line 895, app/assets/stylesheets/controllers/reports.scss */
.premium-promotion-banner .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

/* line 902, app/assets/stylesheets/controllers/reports.scss */
.none-scheduled-report {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 60rem;
  margin: 0 auto;
  text-align: center;
  color: #777777;
}

/* line 911, app/assets/stylesheets/controllers/reports.scss */
.none-scheduled-report .illustration {
  margin-bottom: 2rem;
}

/* line 915, app/assets/stylesheets/controllers/reports.scss */
.none-scheduled-report .header {
  font-size: 1.4rem;
  font-weight: 500;
}

/* line 921, app/assets/stylesheets/controllers/reports.scss */
.report-index {
  position: relative;
  width: 100%;
}

/* line 925, app/assets/stylesheets/controllers/reports.scss */
.report-index .hs-people {
  color: #2aa7ff;
  float: right;
  font-size: 10px;
  font-weight: 400;
  margin-right: 1rem;
  margin-top: 0.3rem;
}

/* line 933, app/assets/stylesheets/controllers/reports.scss */
.report-index .hs-people > .badge {
  background-color: #2aa7ff;
  font-size: 10px;
}

/* line 939, app/assets/stylesheets/controllers/reports.scss */
.report-index h2 {
  margin-top: 0;
  font-size: 18px;
}

/* line 945, app/assets/stylesheets/controllers/reports.scss */
.report-section {
  margin-bottom: 10px;
}

/* line 948, app/assets/stylesheets/controllers/reports.scss */
.report-section .title {
  position: relative;
  top: 1px;
}

/* line 953, app/assets/stylesheets/controllers/reports.scss */
.report-section .schedule-section {
  top: 2px !important;
}

/* line 957, app/assets/stylesheets/controllers/reports.scss */
.report-section h2 .hi, .report-section h2 .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .report-section h2 .step-number, .report-section h2 .toggling-dropdown > li.is-on > a:before, .report-section h2 .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .report-section h2 input:checked + label:before, .report-section h2 .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-selection__choice__remove, .report-section h2 .datepicker:before,
.report-section h2 .hs_daterange_picker:before, .report-section h2 .search-filter:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-selection:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .report-section h2 b:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-date:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-week:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-paid:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-user:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-member:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-client:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-project:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-timesheet:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-task:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-team:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-job_site:before, .report-section h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section h2 .select2-results__option.is-work_break_policy:before, .report-section h2 .vue-map-search:before {
  margin-right: 12px;
  color: #2f8af4;
  vertical-align: middle;
}

/* line 963, app/assets/stylesheets/controllers/reports.scss */
.report-section.payment h2 .hi, .report-section.payment h2 .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .report-section.payment h2 .step-number, .report-section.payment h2 .toggling-dropdown > li.is-on > a:before, .report-section.payment h2 .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .report-section.payment h2 input:checked + label:before, .report-section.payment h2 .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-selection__choice__remove, .report-section.payment h2 .datepicker:before,
.report-section.payment h2 .hs_daterange_picker:before, .report-section.payment h2 .search-filter:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-selection:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .report-section.payment h2 b:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-date:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-week:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-paid:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-user:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-member:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-client:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-project:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-timesheet:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-task:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-team:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-job_site:before, .report-section.payment h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.payment h2 .select2-results__option.is-work_break_policy:before, .report-section.payment h2 .vue-map-search:before {
  color: #ff9725;
}

/* line 967, app/assets/stylesheets/controllers/reports.scss */
.report-section.budgets-and-limits h2 .hi, .report-section.budgets-and-limits h2 .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .report-section.budgets-and-limits h2 .step-number, .report-section.budgets-and-limits h2 .toggling-dropdown > li.is-on > a:before, .report-section.budgets-and-limits h2 .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .report-section.budgets-and-limits h2 input:checked + label:before, .report-section.budgets-and-limits h2 .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-selection__choice__remove, .report-section.budgets-and-limits h2 .datepicker:before,
.report-section.budgets-and-limits h2 .hs_daterange_picker:before, .report-section.budgets-and-limits h2 .search-filter:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-selection:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .report-section.budgets-and-limits h2 b:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-date:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-week:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-paid:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-user:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-member:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-client:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-project:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-timesheet:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-task:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-team:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-job_site:before, .report-section.budgets-and-limits h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.budgets-and-limits h2 .select2-results__option.is-work_break_policy:before, .report-section.budgets-and-limits h2 .vue-map-search:before {
  color: #31c48d;
}

/* line 971, app/assets/stylesheets/controllers/reports.scss */
.report-section.time-off h2 .hi, .report-section.time-off h2 .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .report-section.time-off h2 .step-number, .report-section.time-off h2 .toggling-dropdown > li.is-on > a:before, .report-section.time-off h2 .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .report-section.time-off h2 input:checked + label:before, .report-section.time-off h2 .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-selection__choice__remove, .report-section.time-off h2 .datepicker:before,
.report-section.time-off h2 .hs_daterange_picker:before, .report-section.time-off h2 .search-filter:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-selection:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .report-section.time-off h2 b:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-date:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-week:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-paid:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-user:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-member:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-client:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-project:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-timesheet:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-task:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-team:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-job_site:before, .report-section.time-off h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.time-off h2 .select2-results__option.is-work_break_policy:before, .report-section.time-off h2 .vue-map-search:before {
  color: #5145cd;
}

/* line 975, app/assets/stylesheets/controllers/reports.scss */
.report-section.invoice h2 .hi, .report-section.invoice h2 .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .report-section.invoice h2 .step-number, .report-section.invoice h2 .toggling-dropdown > li.is-on > a:before, .report-section.invoice h2 .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .report-section.invoice h2 input:checked + label:before, .report-section.invoice h2 .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-selection__choice__remove, .report-section.invoice h2 .datepicker:before,
.report-section.invoice h2 .hs_daterange_picker:before, .report-section.invoice h2 .search-filter:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-selection:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .report-section.invoice h2 b:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-date:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-week:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-paid:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-user:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-member:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-client:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-project:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-timesheet:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-task:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-team:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-job_site:before, .report-section.invoice h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.invoice h2 .select2-results__option.is-work_break_policy:before, .report-section.invoice h2 .vue-map-search:before {
  color: #f05252;
}

/* line 979, app/assets/stylesheets/controllers/reports.scss */
.report-section.schedule h2 .hi, .report-section.schedule h2 .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .report-section.schedule h2 .step-number, .report-section.schedule h2 .toggling-dropdown > li.is-on > a:before, .report-section.schedule h2 .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .report-section.schedule h2 input:checked + label:before, .report-section.schedule h2 .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-selection__choice__remove, .report-section.schedule h2 .datepicker:before,
.report-section.schedule h2 .hs_daterange_picker:before, .report-section.schedule h2 .search-filter:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-selection:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .report-section.schedule h2 b:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-date:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-week:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-paid:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-user:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-member:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-client:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-project:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-timesheet:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-task:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-team:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-job_site:before, .report-section.schedule h2 .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .report-section.schedule h2 .select2-results__option.is-work_break_policy:before, .report-section.schedule h2 .vue-map-search:before {
  color: #8b1dff;
}

/* line 985, app/assets/stylesheets/controllers/reports.scss */
.weekly-limits-table .percentage-cell,
.daily-limits-table .percentage-cell {
  min-width: 160px;
  max-width: 160px;
}

/* line 992, app/assets/stylesheets/controllers/reports.scss */
.attendance-report-table .shift-cell {
  min-width: 270px;
  max-width: 270px;
}

/* line 998, app/assets/stylesheets/controllers/reports.scss */
.report-note-popover {
  font-size: 12px;
  white-space: pre-line;
}

/* line 1005, app/assets/stylesheets/controllers/reports.scss */
.schedule-report-dialog .hint,
.send-report-dialog .hint {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 12px;
}

/* line 1012, app/assets/stylesheets/controllers/reports.scss */
.schedule-report-dialog .active-filters-label,
.send-report-dialog .active-filters-label {
  margin-top: 25px;
  display: block;
}

@media (min-width: 768px) {
  /* line 1019, app/assets/stylesheets/controllers/reports.scss */
  .reports-data-summary {
    margin-top: 0;
  }
}

@media (min-width: 576px) {
  /* line 1026, app/assets/stylesheets/controllers/reports.scss */
  .schedule-report-dialog .active-filters-label {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 25px;
    margin: 0;
  }
}

/* line 1037, app/assets/stylesheets/controllers/reports.scss */
.attention:before {
  color: #faca15;
  margin: -2px 3px 0 -15px;
  -webkit-animation: shake-vertical 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) both, fade-out 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) both;
  animation: shake-vertical 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) both, fade-out 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) both;
}

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
  0%,
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
30%,
50%,
70% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  20%,
40%,
60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  80% {
    -webkit-transform: translateY(2.4px);
    transform: translateY(2.4px);
  }
  90% {
    -webkit-transform: translateY(-2.4px);
    transform: translateY(-2.4px);
  }
}

@keyframes shake-vertical {
  0%,
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
30%,
50%,
70% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  20%,
40%,
60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  80% {
    -webkit-transform: translateY(2.4px);
    transform: translateY(2.4px);
  }
  90% {
    -webkit-transform: translateY(-2.4px);
    transform: translateY(-2.4px);
  }
}

/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media (max-width: 480px) {
  /* line 1154, app/assets/stylesheets/controllers/reports.scss */
  #report .rounded-design .table-wrapper.has-fixed-column .time-and-activities-table tbody:not(.grouping-header) td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column .time-and-activities-table tbody:not(.grouping-header) th:first-child, #report .rounded-design .table-wrapper.has-fixed-column .work-breaks-report-table tbody:not(.grouping-header) td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column .work-breaks-report-table tbody:not(.grouping-header) th:first-child {
    min-width: 150px;
    max-width: 150px;
  }
  /* line 1164, app/assets/stylesheets/controllers/reports.scss */
  #report .rounded-design .table-wrapper.has-fixed-column .time-and-activities-table tbody.grouping-header td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column .time-and-activities-table tbody.grouping-header th:first-child, #report .rounded-design .table-wrapper.has-fixed-column .work-breaks-report-table tbody.grouping-header td:first-child,
#report .rounded-design .table-wrapper.has-fixed-column .work-breaks-report-table tbody.grouping-header th:first-child {
    min-width: 150px;
    max-width: 150px;
  }
}

@media print {
  /* line 1179, app/assets/stylesheets/controllers/reports.scss */
  .vue-sidebar-wrapper,
.dropdown-menu,
.avatar_initial,
.avatar,
.custom-app-tabs-wrapper,
.web-timer-topbar,
.web-timer-widget,
.page-header-actions,
.datepicker,
.report-rollup-chart-toggle,
#groupBy-select-container {
    display: none !important;
  }
  /* line 1193, app/assets/stylesheets/controllers/reports.scss */
  .container-fluid {
    padding: 0;
  }
  /* line 1197, app/assets/stylesheets/controllers/reports.scss */
  .page-heading {
    margin: 0;
  }
  /* line 1201, app/assets/stylesheets/controllers/reports.scss */
  .reports-data-summary {
    margin: 10px 0;
  }
  /* line 1204, app/assets/stylesheets/controllers/reports.scss */
  .reports-data-summary h4,
.reports-data-summary .report-chart {
    display: none !important;
  }
  /* line 1210, app/assets/stylesheets/controllers/reports.scss */
  .report-rollup-data {
    border: none;
    display: inline-block;
  }
  /* line 1214, app/assets/stylesheets/controllers/reports.scss */
  .report-rollup-data li {
    display: inline-block;
    width: auto;
    border: none !important;
    margin: 0;
    padding-left: 0;
  }
  /* line 1223, app/assets/stylesheets/controllers/reports.scss */
  .page-header-wrapper .section-title {
    font-size: 18px;
  }
  /* line 1227, app/assets/stylesheets/controllers/reports.scss */
  .table-wrapper {
    margin: 5px 0;
  }
  /* line 1232, app/assets/stylesheets/controllers/reports.scss */
  .daily-reports-table .thead,
.daily-reports-table .tbody,
.daily-reports-table .tfoot {
    font-size: 12px;
  }
  /* line 1237, app/assets/stylesheets/controllers/reports.scss */
  .daily-reports-table .thead th,
.daily-reports-table .thead td,
.daily-reports-table .tbody th,
.daily-reports-table .tbody td,
.daily-reports-table .tfoot th,
.daily-reports-table .tfoot td {
    padding: 0 0 10px 0 !important;
  }
  /* line 1244, app/assets/stylesheets/controllers/reports.scss */
  .table-wrapper .table .tbody .long-text-cell {
    white-space: inherit;
  }
}

/* line 1251, app/assets/stylesheets/controllers/reports.scss */
.daily-reports-table .popover-container span {
  margin-top: 0.5rem;
}

/* line 1257, app/assets/stylesheets/controllers/reports.scss */
.report-icon-avatar {
  position: relative;
}

/* line 1260, app/assets/stylesheets/controllers/reports.scss */
.report-icon-avatar .report-icon-avatar-icon {
  color: #2aa7ff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 38px;
  display: inline-block;
  text-align: center;
  font-size: 30px;
  width: 32px;
  height: 32px;
}

/* line 1274, app/assets/stylesheets/controllers/reports.scss */
.report-icon-avatar .report-icon-avatar-icon.hi-gift {
  top: -3px;
}

/* line 1281, app/assets/stylesheets/controllers/reports.scss */
.csv-download-dialog label.custom-checkbox-wrapper {
  font-weight: 400;
}

/* line 1287, app/assets/stylesheets/controllers/reports.scss */
body.scrollable-reports {
  overflow-x: hidden;
}

/* line 1291, app/assets/stylesheets/controllers/reports.scss */
body.filters-opened {
  overflow-y: scroll;
}

/* line 1297, app/assets/stylesheets/controllers/reports.scss */
#report .chart-stacked {
  position: relative;
}

/* line 1300, app/assets/stylesheets/controllers/reports.scss */
#report .chart-stacked .svg-wrapper {
  padding-top: 1rem;
  overflow-x: auto;
  min-width: 100%;
}

/* line 1305, app/assets/stylesheets/controllers/reports.scss */
#report .chart-stacked .svg-wrapper .chart-svg {
  width: auto;
}

/* line 1311, app/assets/stylesheets/controllers/reports.scss */
#report .report-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  /* line 1311, app/assets/stylesheets/controllers/reports.scss */
  #report .report-header {
    flex-direction: row;
    align-items: center;
  }
}

/* line 1324, app/assets/stylesheets/controllers/reports.scss */
#report .chart-legend > .chart-legend-line-tracked i.shape {
  background: #2aa7ff;
}

/* line 1328, app/assets/stylesheets/controllers/reports.scss */
#report .chart-legend > .chart-legend-line-manual i.shape {
  background: #a7d9fc;
}

/* line 1332, app/assets/stylesheets/controllers/reports.scss */
#report .chart-legend > .chart-legend-line-break i.shape {
  background: #d1d5db;
}

/* line 1336, app/assets/stylesheets/controllers/reports.scss */
#report .chart-legend > .chart-legend-line-overtime i.shape {
  background: #b977ff;
}

/* line 1340, app/assets/stylesheets/controllers/reports.scss */
#report .chart-legend > .chart-legend-line-holidays i.shape {
  background: #0e9f6e;
}

/* line 1344, app/assets/stylesheets/controllers/reports.scss */
#report .chart-legend > .chart-legend-line-time-off i.shape {
  background: #bcf0da;
}

/* line 1348, app/assets/stylesheets/controllers/reports.scss */
#report .chart-legend > .chart-legend-line-time-off-holiday i.shape {
  background: #bcf0da;
}

/* line 1352, app/assets/stylesheets/controllers/reports.scss */
#report .chart-legend > .chart-legend-line-idle i.shape {
  background: #f98080;
}

/* line 1360, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table td.reports-table-virtual-td, #work-breaks-report-table td.reports-table-virtual-td {
  padding: 0;
}

/* line 1364, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table > tr.reports-table-virtual-row > td > .report-table-virtual-list > [role='group'] > .grouping, #work-breaks-report-table > tr.reports-table-virtual-row > td > .report-table-virtual-list > [role='group'] > .grouping {
  padding-bottom: 3rem;
}

/* line 1368, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table > tr.reports-table-virtual-row > td > .report-table-virtual-list > [role='group'] > .grouping:last-child, #work-breaks-report-table > tr.reports-table-virtual-row > td > .report-table-virtual-list > [role='group'] > .grouping:last-child {
  padding-bottom: 12px;
}

/* line 1375, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table .grouping-header th,
#report .table-wrapper #time-and-activities-table .virtual-reports-table .grouping-header td, #work-breaks-report-table .virtual-reports-table .grouping-header th,
#work-breaks-report-table .virtual-reports-table .grouping-header td {
  padding: 10px 15px;
  background-color: #f3f4f6 !important;
  box-shadow: inset 0 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
}

/* line 1381, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table .grouping-header th:first-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table .grouping-header td:first-child, #work-breaks-report-table .virtual-reports-table .grouping-header th:first-child,
#work-breaks-report-table .virtual-reports-table .grouping-header td:first-child {
  box-shadow: inset 1px 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
  border-top-left-radius: 15px;
}

/* line 1386, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table .grouping-header th:last-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table .grouping-header td:last-child, #work-breaks-report-table .virtual-reports-table .grouping-header th:last-child,
#work-breaks-report-table .virtual-reports-table .grouping-header td:last-child {
  box-shadow: inset -1px 1px 0 #e5e7eb, inset 0 -1px 0 #e5e7eb;
  border-top-right-radius: 15px;
}

/* line 1395, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual th,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual td,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.reports-table-virtual-row th,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.reports-table-virtual-row td, #work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual th,
#work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual td,
#work-breaks-report-table .virtual-reports-table tr.reports-table-virtual-row th,
#work-breaks-report-table .virtual-reports-table tr.reports-table-virtual-row td {
  box-shadow: inset 0 -1px 0 #e5e7eb !important;
}

/* line 1399, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual th:first-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual td:first-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.reports-table-virtual-row th:first-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.reports-table-virtual-row td:first-child, #work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual th:first-child,
#work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual td:first-child,
#work-breaks-report-table .virtual-reports-table tr.reports-table-virtual-row th:first-child,
#work-breaks-report-table .virtual-reports-table tr.reports-table-virtual-row td:first-child {
  box-shadow: inset 1px -1px 0 #e5e7eb !important;
}

/* line 1403, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual th:last-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual td:last-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.reports-table-virtual-row th:last-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.reports-table-virtual-row td:last-child, #work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual th:last-child,
#work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual td:last-child,
#work-breaks-report-table .virtual-reports-table tr.reports-table-virtual-row th:last-child,
#work-breaks-report-table .virtual-reports-table tr.reports-table-virtual-row td:last-child {
  box-shadow: inset -1px -1px 0 #e5e7eb !important;
}

/* line 1408, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual th .grouping .table-nested,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual td .grouping .table-nested,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.reports-table-virtual-row th .grouping .table-nested,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.reports-table-virtual-row td .grouping .table-nested, #work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual th .grouping .table-nested,
#work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual td .grouping .table-nested,
#work-breaks-report-table .virtual-reports-table tr.reports-table-virtual-row th .grouping .table-nested,
#work-breaks-report-table .virtual-reports-table tr.reports-table-virtual-row td .grouping .table-nested {
  height: 66px;
}

/* line 1418, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual:not(.is-expanded) th:first-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual:not(.is-expanded) td:first-child, #work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual:not(.is-expanded) th:first-child,
#work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual:not(.is-expanded) td:first-child {
  border-bottom-left-radius: 15px;
}

/* line 1422, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual:not(.is-expanded) th:last-child,
#report .table-wrapper #time-and-activities-table .virtual-reports-table tr.ttotal.within-virtual:not(.is-expanded) td:last-child, #work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual:not(.is-expanded) th:last-child,
#work-breaks-report-table .virtual-reports-table tr.ttotal.within-virtual:not(.is-expanded) td:last-child {
  border-bottom-right-radius: 15px;
}

/* line 1432, app/assets/stylesheets/controllers/reports.scss */
.amounts-owned-table .reports-table-virtual-row .grouping, .attendance-report-table .reports-table-virtual-row .grouping, .manual-time-logs-table .reports-table-virtual-row .grouping {
  min-height: 66px;
}

/* line 1439, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper .work-sessions .reports-table {
  margin-bottom: 12px;
}

/* line 1444, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper .work-sessions .reports-table tbody.grouping-header th:first-child {
  box-shadow: inset 1px 1px 0 #e5e7eb;
}

/* line 1448, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper .work-sessions .reports-table tbody.grouping-header th {
  box-shadow: inset 0 1px 0 #e5e7eb;
}

/* line 1452, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper .work-sessions .reports-table tbody.grouping-header th:last-child {
  box-shadow: inset -1px 1px 0 #e5e7eb;
}

/* line 1458, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper .work-sessions .reports-table tbody tr:not(.has-border):last-child td {
  box-shadow: inset 0 -1px 0 #e5e7eb;
}

/* line 1462, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper .work-sessions .reports-table tbody tr:not(.has-border):last-child td:first-child {
  box-shadow: inset 0 -1px 0 #e5e7eb, inset 1px 0 0 #e5e7eb !important;
}

/* line 1466, app/assets/stylesheets/controllers/reports.scss */
#report .table-wrapper .work-sessions .reports-table tbody tr:not(.has-border):last-child td:last-child {
  box-shadow: inset 0 -1px 0 #e5e7eb, inset -1px 0 0 #e5e7eb !important;
}

/* line 1475, app/assets/stylesheets/controllers/reports.scss */
.time-off-balances-report-table .time-off-balances-outer {
  padding: 0;
}

/* line 1482, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .timesheets-report-table .grouping-header th:first-child,
#report .rounded-design .expenses-report-table .grouping-header th:first-child {
  border-top-left-radius: 15px;
  box-shadow: inset 1px 1px 0 #e5e7eb, inset -1px -1px 0 #e5e7eb !important;
}

/* line 1488, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .timesheets-report-table > tbody.ttotal td.totals-row,
#report .rounded-design .expenses-report-table > tbody.ttotal td.totals-row {
  box-shadow: inset 1px -1px 0 #e5e7eb !important;
}

/* line 1491, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .timesheets-report-table > tbody.ttotal:not(.is-expanded) td.totals-row,
#report .rounded-design .expenses-report-table > tbody.ttotal:not(.is-expanded) td.totals-row {
  border-bottom-left-radius: 15px !important;
}

/* line 1496, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .timesheets-report-table td,
#report .rounded-design .expenses-report-table td {
  box-shadow: inset 0 -1px 0 #e5e7eb !important;
}

/* line 1499, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .timesheets-report-table td:first-child,
#report .rounded-design .expenses-report-table td:first-child {
  box-shadow: inset 1px -1px 0 #e5e7eb !important;
}

/* line 1503, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .timesheets-report-table td:last-child,
#report .rounded-design .expenses-report-table td:last-child {
  box-shadow: inset -1px -1px 0 #e5e7eb !important;
}

/* line 1507, app/assets/stylesheets/controllers/reports.scss */
#report .rounded-design .timesheets-report-table td.totals-row,
#report .rounded-design .expenses-report-table td.totals-row {
  font-weight: 500;
}

/* line 2, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select .custom-field {
  margin: 0 0 0 10px;
}

/* line 11, app/assets/stylesheets/settings/_editable_enum.scss */
.enum-select .custom-input input[type=number], .enum-select .custom-field input[type=number],
.editable-select-wrapper.global .custom-input input[type=number],
.editable-select-wrapper.global .custom-field input[type=number],
.editable-select-wrapper.local .custom-input input[type=number],
.editable-select-wrapper.local .custom-field input[type=number] {
  border-radius: 6px 0px 0px 6px;
}

/* line 17, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.global {
  max-width: 450px;
  padding-left: 0px;
}

/* line 21, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.global .apply_to_all {
  min-width: 125px;
}

/* line 25, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.global input[type=number] {
  min-width: 60px;
}

/* line 29, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.global .help-block {
  justify-content: center;
  padding: 0;
}

@media (max-width: 768px) {
  /* line 35, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.global .md-error {
    display: none;
  }
  /* line 37, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.global .editable-select div:first-child {
    padding-left: 12px;
  }
  /* line 38, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.global .editable-select div {
    margin-bottom: 20px;
  }
  /* line 39, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.global .editable-select .apply_to_all {
    width: 100%;
  }
  /* line 40, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.global .editable-select .help-block {
    margin: 0;
  }
}

@media (min-width: 768px) {
  /* line 45, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.global .sd-error {
    display: none;
  }
  /* line 47, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.global .editable-select .custom-field {
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 992px) {
  /* line 55, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.global .help-block {
    position: relative;
    left: 35px;
  }
}

/* line 62, app/assets/stylesheets/settings/_editable_enum.scss */
.client-idle-timeout-select {
  width: 100%;
}

@media (min-width: 992px) {
  /* line 62, app/assets/stylesheets/settings/_editable_enum.scss */
  .client-idle-timeout-select {
    margin-right: 5px;
  }
}

/* line 70, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.local {
  position: relative;
  top: 5px;
  right: 25px;
  min-height: 55px;
}

/* line 76, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.local .setting_select {
  position: relative;
  top: 12px;
  left: 10px;
  min-width: 125px;
}

@media (max-width: 768px) {
  /* line 76, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.local .setting_select {
    margin-bottom: 10px;
  }
}

/* line 85, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.local .custom-field {
  position: relative;
  top: 12px;
}

/* line 89, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.local .custom-field input[type=number] {
  min-width: 83px;
}

@media (max-width: 768px) {
  /* line 85, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.local .custom-field {
    margin-bottom: 15px;
  }
}

/* line 96, app/assets/stylesheets/settings/_editable_enum.scss */
.editable-select-wrapper.local .help-block {
  display: block;
  position: relative;
  width: 140px;
  top: 12px;
}

@media (min-width: 768px) and (max-width: 824px) {
  /* line 96, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.local .help-block {
    left: 25px;
  }
}

@media (min-width: 825px) and (max-width: 1068px) {
  /* line 96, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.local .help-block {
    left: 10px;
  }
}

@media (max-width: 768px) {
  /* line 96, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.local .help-block {
    right: 15px;
  }
}

@media (min-width: 992px) {
  /* line 96, app/assets/stylesheets/settings/_editable_enum.scss */
  .editable-select-wrapper.local .help-block {
    left: 10px;
  }
}

@media (max-width: 768px) {
  /* line 111, app/assets/stylesheets/settings/_editable_enum.scss */
  tbody .client-idle-timeout-select, tbody .custom-field {
    position: relative;
    top: 20px !important;
  }
}

/* line 3, app/assets/stylesheets/controllers/settings.scss */
.disabled-setting {
  color: #777777 !important;
  cursor: not-allowed;
  border-radius: 6px;
}

/* line 8, app/assets/stylesheets/controllers/settings.scss */
.disabled-setting:hover {
  background-color: #eeeeee;
}

/* line 13, app/assets/stylesheets/controllers/settings.scss */
.setting_wrapper {
  margin-bottom: 15px;
}

/* line 17, app/assets/stylesheets/controllers/settings.scss */
.setting_wrapper .alert.alert-info i.hi, .setting_wrapper .alert.alert-info .is-first.is-last.is-complete .v-step-number-wrapper i.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .setting_wrapper .alert.alert-info i.step-number {
  margin-right: 5px;
  margin-top: 1px;
}

/* line 23, app/assets/stylesheets/controllers/settings.scss */
.setting_wrapper h5.setting-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-flex;
  margin: 0 0 5px;
}

/* line 29, app/assets/stylesheets/controllers/settings.scss */
.setting_wrapper h5.setting-title .setting-hint {
  margin-left: 5px;
  color: #1f2937;
}

/* line 33, app/assets/stylesheets/controllers/settings.scss */
.setting_wrapper h5.setting-title .setting-hint .hi, .setting_wrapper h5.setting-title .setting-hint .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .setting_wrapper h5.setting-title .setting-hint .step-number, .setting_wrapper h5.setting-title .setting-hint .toggling-dropdown > li.is-on > a:before, .setting_wrapper h5.setting-title .setting-hint .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .setting_wrapper h5.setting-title .setting-hint input:checked + label:before, .setting_wrapper h5.setting-title .setting-hint .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-selection__choice__remove, .setting_wrapper h5.setting-title .setting-hint .datepicker:before,
.setting_wrapper h5.setting-title .setting-hint .hs_daterange_picker:before, .setting_wrapper h5.setting-title .setting-hint .search-filter:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-selection:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .setting_wrapper h5.setting-title .setting-hint b:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-date:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-week:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-paid:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-user:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-member:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-client:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-project:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-timesheet:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-task:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-team:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-job_site:before, .setting_wrapper h5.setting-title .setting-hint .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .setting_wrapper h5.setting-title .setting-hint .select2-results__option.is-work_break_policy:before, .setting_wrapper h5.setting-title .setting-hint .vue-map-search:before {
  font-size: 14px;
  vertical-align: unset;
}

/* line 41, app/assets/stylesheets/controllers/settings.scss */
.setting_wrapper .setting-sub-title .setting-hint {
  color: #1f2937;
  margin-left: 5px;
}

/* line 47, app/assets/stylesheets/controllers/settings.scss */
.setting_wrapper .setting-description {
  color: #777777;
  white-space: pre-line;
}

@media (max-width: 768px) {
  /* line 54, app/assets/stylesheets/controllers/settings.scss */
  .setting_wrapper {
    margin-top: 15px;
  }
  /* line 57, app/assets/stylesheets/controllers/settings.scss */
  .setting_wrapper .btn-group-spaced {
    display: block;
  }
  /* line 60, app/assets/stylesheets/controllers/settings.scss */
  .setting_wrapper .btn-group-spaced .label, .setting_wrapper .btn-group-spaced .timesheet-sync-status, .setting_wrapper .btn-group-spaced .timesheet-status, .setting_wrapper .btn-group-spaced .time_off_request_status, .setting_wrapper .btn-group-spaced .adjustment_type_label, .setting_wrapper .btn-group-spaced .manual_time_log span.action, .manual_time_log .setting_wrapper .btn-group-spaced span.action,
.setting_wrapper .btn-group-spaced .widget-id-manual_time_log span.action,
.widget-id-manual_time_log .setting_wrapper .btn-group-spaced span.action {
    margin-bottom: 8px;
  }
}

/* line 67, app/assets/stylesheets/controllers/settings.scss */
.setting_wrapper .info-banner {
  color: var(--z-primary-700);
  border-color: var(--z-primary-700);
  background-color: var(--z-primary-50);
}

/* line 73, app/assets/stylesheets/controllers/settings.scss */
#organization_payment_delay {
  width: 80px;
}

/* line 78, app/assets/stylesheets/controllers/settings.scss */
.settings-link-wrapper .settings-link {
  justify-content: flex-end;
}

/* line 81, app/assets/stylesheets/controllers/settings.scss */
.settings-link-wrapper .settings-link i {
  margin-right: 5px;
  margin-left: 8px;
  text-align: right;
}

/* line 120, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px;
  display: block;
  flex-basis: 265px;
  color: inherit;
  font-weight: 500;
  margin: 0 30px 30px 0;
  box-shadow: none;
  transition: box-shadow 0.2s;
}

/* line 16, app/assets/stylesheets/components/_ui_card.scss */
.settings-section-item:hover {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

/* line 21, app/assets/stylesheets/components/_ui_card.scss */
.settings-section-item:last-of-type {
  margin-right: 0;
}

/* line 25, app/assets/stylesheets/components/_ui_card.scss */
.settings-section-item h3 {
  margin-top: 0;
  font-size: 14px;
}

/* line 30, app/assets/stylesheets/components/_ui_card.scss */
.settings-section-item p {
  color: #6b7280;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: normal;
}

@media (max-width: 767.98px) {
  /* line 38, app/assets/stylesheets/components/_ui_card.scss */
  .settings-section-item:not(.settings-section-item) {
    flex: 1 1 auto;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom-width: 0;
  }
  /* line 45, app/assets/stylesheets/components/_ui_card.scss */
  .settings-section-item:not(.settings-section-item):first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  /* line 50, app/assets/stylesheets/components/_ui_card.scss */
  .settings-section-item:not(.settings-section-item):last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-width: 1px;
  }
}

/* line 123, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item i {
  margin-right: 9px;
}

/* line 127, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item:last-of-type {
  margin-right: 30px;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.organization i {
  color: #f05252 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.projects i {
  color: #ffac51 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.timer_apps i {
  color: #8b1dff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.quickbooks i {
  color: #0e9f6e !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.product_links i {
  color: #2aa7ff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.activity i {
  color: #2aa7ff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.timesheets i {
  color: #8b1dff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.overtime i {
  color: #8b1dff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.invoices i {
  color: #f05252 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.schedules i {
  color: #ffac51 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.calendar i {
  color: #ffac51 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.time_off i {
  color: #0e9f6e !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.job_sites i {
  color: #2aa7ff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.payments i {
  color: #5145cd !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.billing i {
  color: #8b1dff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.change_plan i {
  color: #ffac51 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.change_card i {
  color: #f05252 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.billing_history i {
  color: #2aa7ff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.achievements i {
  color: #f05252 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.integrations i {
  color: #8b1dff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.map i {
  color: #2aa7ff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.work_breaks i {
  color: #ffac51 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.addons i {
  color: #0e9f6e !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.security i {
  color: #2aa7ff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.insights i {
  color: #8b1dff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.members i {
  color: #2aa7ff !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.smart_notifications i {
  color: #ff9725 !important;
}

/* line 133, app/assets/stylesheets/controllers/settings.scss */
.settings-section-item.role_permissions i {
  color: #362f78 !important;
}

@media (max-width: 767.98px) {
  /* line 140, app/assets/stylesheets/controllers/settings.scss */
  .settings-section-item, .settings-section-item:last-of-type {
    margin: 0;
    flex: 1 1 240px;
  }
}

/* line 149, app/assets/stylesheets/controllers/settings.scss */
.settings-index .setting-section {
  margin-bottom: 30px;
}

/* line 152, app/assets/stylesheets/controllers/settings.scss */
.settings-index .setting-section > h4 {
  display: flex;
  align-items: center;
}

/* line 156, app/assets/stylesheets/controllers/settings.scss */
.settings-index .setting-section > h4 > i {
  margin-right: 10px;
}

/* line 162, app/assets/stylesheets/controllers/settings.scss */
.settings-index .setting-section.general .hi-group-by, .settings-index .setting-section.general .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .settings-index .setting-section.general .select2-selection:before {
  color: #8b1dff;
}

/* line 168, app/assets/stylesheets/controllers/settings.scss */
.settings-index .setting-section.features .hi-star-empty {
  color: #ffac51;
}

/* line 174, app/assets/stylesheets/controllers/settings.scss */
.settings-index .setting-section.billing .hi-card {
  color: #f05252;
}

/* line 180, app/assets/stylesheets/controllers/settings.scss */
.settings-index .setting-section.integrations .hi-cubes {
  color: #8b1dff;
}

/* line 185, app/assets/stylesheets/controllers/settings.scss */
.settings-index .setting-section .badge-new {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 5px;
  background-color: #8b1dff;
}

/* line 194, app/assets/stylesheets/controllers/settings.scss */
.settings-index .settings-section-pages {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767.98px) {
  /* line 194, app/assets/stylesheets/controllers/settings.scss */
  .settings-index .settings-section-pages {
    gap: 30px;
  }
}

/* line 204, app/assets/stylesheets/controllers/settings.scss */
.upgrade-banner {
  border: 1px solid #d1d5db;
  border-radius: 9px;
}

/* line 208, app/assets/stylesheets/controllers/settings.scss */
.upgrade-banner .description {
  font-size: 13px;
}

/* line 212, app/assets/stylesheets/controllers/settings.scss */
.upgrade-banner .btn-upgrade {
  margin-top: 20px;
}

/* line 216, app/assets/stylesheets/controllers/settings.scss */
.upgrade-banner .feature-title {
  font-size: 13px;
}

/* line 220, app/assets/stylesheets/controllers/settings.scss */
.upgrade-banner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 225, app/assets/stylesheets/controllers/settings.scss */
.upgrade-banner ul li {
  padding-top: 12px;
}

@media (min-width: 576px) {
  /* line 231, app/assets/stylesheets/controllers/settings.scss */
  .upgrade-banner ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
}

/* line 237, app/assets/stylesheets/controllers/settings.scss */
.achievement-org-settings {
  display: flex;
  flex-wrap: wrap;
}

/* line 241, app/assets/stylesheets/controllers/settings.scss */
.achievement-org-settings .global.setting_bool {
  top: 15px;
}

/* line 245, app/assets/stylesheets/controllers/settings.scss */
.achievement-org-settings .form-group {
  padding-left: 15px;
  width: 160px;
}

/* line 252, app/assets/stylesheets/controllers/settings.scss */
.achievement-member-settings input {
  max-width: 70px;
  min-width: 70px !important;
}

@media (max-width: 575.98px) {
  /* line 252, app/assets/stylesheets/controllers/settings.scss */
  .achievement-member-settings input {
    min-width: 50px !important;
  }
}

/* line 262, app/assets/stylesheets/controllers/settings.scss */
.disabled-option-tooltip .disabled-option-tooltip-arrow {
  border-right-color: #1f2937 !important;
  border-left-color: #1f2937 !important;
}

/* line 267, app/assets/stylesheets/controllers/settings.scss */
.disabled-option-tooltip .disabled-option-tooltip-inner {
  padding: 7px;
  max-width: 250px !important;
  text-align: left;
  background-color: #1f2937;
}

/* line 277, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .settings-filters .dropdown-menu {
  width: 100%;
}

/* line 281, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .settings-filters .dropdown-toggle {
  justify-content: start;
}

/* line 284, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .settings-filters .dropdown-toggle > div {
  width: 100%;
  justify-content: space-between;
}

/* line 290, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .settings-filters .job-type-dropdown .dropdown-toggle {
  width: 268px;
}

@media (max-width: 575.98px) {
  /* line 276, app/assets/stylesheets/controllers/settings.scss */
  .settings-insights .settings-filters {
    flex-direction: column;
  }
  /* line 297, app/assets/stylesheets/controllers/settings.scss */
  .settings-insights .settings-filters > div,
.settings-insights .settings-filters .dropdown,
.settings-insights .settings-filters .dropdown-toggle,
.settings-insights .settings-filters .job-type-dropdown .dropdown-toggle {
    width: 100%;
  }
}

/* line 307, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .settings-insights-tools-list .toggle-multiple-options, .settings-insights .settings-insights-tools-list .app-tabs-switch > .nav.nav-tabs {
  margin-bottom: 1rem;
}

/* line 311, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .settings-insights-tools-list .position-relative {
  position: relative;
}

/* line 315, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .settings-insights-tools-list .default-label {
  bottom: -2rem;
  font-weight: normal;
  position: absolute;
}

/* line 321, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .settings-insights-tools-list .default-label-small {
  font-weight: normal;
}

/* line 326, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .suspicious-info {
  color: #0168dd;
}

/* line 329, app/assets/stylesheets/controllers/settings.scss */
.settings-insights .suspicious-info img {
  margin-right: 0.5rem;
}

/* line 335, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications {
  max-width: 1060px;
}

/* line 340, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications > * {
  font-size: 16px;
}

/* line 344, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-title {
  display: flex;
  align-items: center;
  gap: 2rem;
  overflow: hidden;
}

/* line 350, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-title .view-all {
  cursor: pointer;
  color: #2aa7ff;
  font-weight: 500;
}

/* line 357, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  height: 188px;
}

@media only screen and (max-width: 1365px) {
  /* line 365, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications .recommended-notifications-cards .card:nth-child(3) {
    display: none;
  }
}

@media only screen and (max-width: 1095px) {
  /* line 371, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications .recommended-notifications-cards .card:nth-child(2) {
    display: none;
  }
}

/* line 376, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards-scrollable {
  overflow-x: scroll;
  flex-wrap: nowrap;
  height: 210px;
}

/* line 381, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards-scrollable .card:nth-child(2),
.settings-smart-notifications .recommended-notifications-cards-scrollable .card:nth-child(3) {
  display: unset;
}

/* line 387, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards-expanded {
  height: 396px;
}

/* line 390, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards-expanded .card:nth-child(2),
.settings-smart-notifications .recommended-notifications-cards-expanded .card:nth-child(3) {
  display: unset;
}

/* line 396, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card {
  width: 25rem;
  flex-shrink: 0;
}

/* line 400, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .view-all {
  font-size: 14px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  height: 13rem;
  cursor: pointer;
  transition: all 0.3s;
}

/* line 409, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .view-all:hover {
  box-shadow: 0px 10px 15px -3px #0000001a;
}

/* line 413, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .view-all .icon {
  color: #2f8af4;
}

/* line 420, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .info-wrapper:hover .card-info {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #1f2e54;
  color: white;
  text-align: center;
}

/* line 429, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .info-wrapper:hover .card-info p {
  text-align: left;
}

/* line 433, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .info-wrapper:hover .card-info .btn, .settings-smart-notifications .recommended-notifications-cards .card .info-wrapper:hover .card-info .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .settings-smart-notifications .recommended-notifications-cards .card .info-wrapper:hover .card-info .nav-item {
  background: inherit;
  color: white;
  align-self: center;
}

/* line 440, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .info-wrapper:hover .card-image {
  display: none;
}

/* line 446, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .card-image {
  border-radius: 6px;
}

/* line 450, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card .card-info {
  height: 13rem;
  display: none;
  border-radius: 6px;
  padding: 1.5rem;
}

/* line 457, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card-label {
  margin-top: 1rem;
  color: #1f2937;
}

/* line 462, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card-triggers {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 2.2rem;
  font-size: 12px;
  color: #6b7280;
}

/* line 470, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .recommended-notifications-cards .card-triggers .trigger img {
  margin-right: 0.5rem;
}

/* line 478, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications {
  margin-top: 5rem;
}

/* line 481, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications .min-width {
  min-width: 150px;
}

/* line 485, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications .max-width {
  min-width: 150px;
  width: 150px;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 494, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 500, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications .app-table {
  overflow-x: auto;
}

/* line 505, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications table td {
  text-transform: capitalize;
}

/* line 508, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications table td .channel {
  display: flex;
  gap: 2.5rem;
  align-items: center;
}

/* line 513, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications table td .channel i {
  cursor: pointer;
  color: #6b7280;
}

/* line 518, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications table td .channel i.hi-edit-xs {
  margin-left: auto;
}

/* line 522, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications table td .channel i.hi-delete-xs.disabled {
  pointer-events: none;
}

/* line 529, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications-no-data {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #6b7280;
  text-align: justify;
}

/* line 540, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications-no-data h5 {
  color: #1f2937;
}

/* line 544, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications-no-data img {
  width: 11rem;
}

/* line 548, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications-no-data .wrapper {
  width: 25rem;
}

/* line 551, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications .notifications-no-data .wrapper .btn, .settings-smart-notifications .notifications-no-data .wrapper .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .settings-smart-notifications .notifications-no-data .wrapper .nav-item {
  width: 100%;
}

/* line 559, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog abbr {
  margin-left: 0.2rem;
}

/* line 563, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .hint {
  font-style: italic;
  margin-bottom: 2rem;
}

/* line 568, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog hr {
  width: calc(100% + 60px);
  margin: 20px -30px;
}

/* line 573, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .divider {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  font-weight: 500;
  font-size: 1.8rem;
  color: #6b7280;
}

/* line 584, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .info-banner {
  color: #2aa7ff;
}

@media only screen and (max-width: 600px) {
  /* line 588, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications-dialog .metric-input-group {
    flex-wrap: wrap;
  }
}

/* line 594, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .metric-wrapper {
  min-width: 180px;
  flex-shrink: 0;
}

@media only screen and (max-width: 600px) {
  /* line 594, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications-dialog .metric-wrapper {
    width: 100%;
  }
}

/* line 603, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .set-value-of {
  white-space: nowrap;
}

@media only screen and (max-width: 600px) {
  /* line 603, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications-dialog .set-value-of {
    width: 100%;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 400px) {
  /* line 603, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications-dialog .set-value-of {
    flex-direction: column;
  }
  /* line 614, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications-dialog .set-value-of .condition-value-wrapper,
.settings-smart-notifications-dialog .set-value-of .condition-group {
    width: 100%;
  }
  /* line 618, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications-dialog .set-value-of .condition-value-wrapper label,
.settings-smart-notifications-dialog .set-value-of .condition-group label {
    display: none;
  }
}

/* line 625, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .condition {
  min-width: 12rem;
}

/* line 629, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .condition-value-wrapper {
  flex-grow: 1;
  min-width: 10rem;
}

/* line 635, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .time_unit .select2-container--bootstrap.select2-container--bootstrap {
  width: 120px !important;
  min-width: 0;
}

/* line 641, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings {
  margin-top: 2rem;
}

/* line 644, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings .copy {
  color: #2aa7ff;
  font-weight: 500;
  cursor: pointer;
}

/* line 650, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings .settings {
  margin: 1.5rem 0;
}

/* line 653, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings .settings,
.settings-smart-notifications-dialog .advanced-settings .settings i {
  color: #6b7280;
}

/* line 658, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings .settings .description {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

/* line 665, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings .settings .inputs {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 670, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings .settings .inputs .input-number {
  width: 9rem;
}

/* line 676, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings .custom-checkbox-wrapper {
  margin-top: 1.5rem;
  font-weight: 400;
  color: #6b7280;
}

/* line 681, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .advanced-settings .custom-checkbox-wrapper input:checked + .custom-checkbox-box {
  background: #2aa7ff;
}

/* line 687, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .warning-banner {
  margin-top: 3rem;
  padding: 14px;
  display: flex;
  align-items: center;
  background: #fdfdea;
  border: 1px solid #faca15;
  border-radius: 6px;
  color: #c04601;
}

/* line 697, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .warning-banner i {
  color: #c04601;
  margin-right: 1rem;
}

/* line 703, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .action-buttons {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

@media only screen and (max-width: 480px) {
  /* line 703, app/assets/stylesheets/controllers/settings.scss */
  .settings-smart-notifications-dialog .action-buttons {
    flex-direction: column;
  }
}

/* line 714, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .dialog-warning {
  display: flex;
  align-items: center;
  margin-top: 4rem;
  padding: 1.2rem 1.6rem;
  color: #c04601;
  background: #fdfdea;
}

/* line 722, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .dialog-warning .hi-info-filled {
  padding-top: 0;
}

/* line 726, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .dialog-warning .link {
  margin-left: auto;
  font-weight: bold;
}

/* line 733, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .has-error .form-control,
.settings-smart-notifications-dialog .has-error .control-label,
.settings-smart-notifications-dialog .has-error #attendance-schedule-form .toggle-switch-wrapper .inline-control-label,
#attendance-schedule-form .toggle-switch-wrapper .settings-smart-notifications-dialog .has-error .inline-control-label,
.settings-smart-notifications-dialog .has-error .help-block {
  border-color: #f05252;
}

/* line 740, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .metric-input-group .condition-value input {
  min-width: 70px;
}

/* line 745, app/assets/stylesheets/controllers/settings.scss */
.settings-smart-notifications-dialog .metric-input-group .help-block,
.settings-smart-notifications-dialog .recipients .help-block {
  position: absolute;
}

/* line 754, app/assets/stylesheets/controllers/settings.scss */
.select2-results .sn-custom-tag-text {
  display: none;
}

/* line 758, app/assets/stylesheets/controllers/settings.scss */
.select2-results .select2-results__option[aria-selected='false'] .sn-custom-tag-text {
  display: unset;
}

/* line 761, app/assets/stylesheets/controllers/settings.scss */
.select2-results .select2-results__option[aria-selected='false'] .sn-custom-template-result.new-option {
  color: #2aa7ff;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  padding: 8px;
  border: 1px solid #2aa7ff;
}

/* line 773, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-insights-dialog {
  font-size: 1.6rem;
  font-weight: 400;
}

/* line 777, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-insights-dialog .list-intro {
  font-weight: 500;
}

/* line 781, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-insights-dialog ul {
  font-size: 1.4rem;
}

/* line 787, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .modify-time-radio-options {
  max-width: 20rem;
  margin-bottom: 1.5rem;
}

/* line 792, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .checkbox-text {
  font-weight: 400;
}

/* line 796, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests label.global-manual-time-approval.toggle-switch-wrapper {
  max-width: 29rem;
}

/* line 800, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .require-approval-global {
  margin-left: 0.5rem;
}

/* line 804, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .require-approval-column {
  margin-top: 0.2rem;
}

/* line 808, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .premium-promotion-banner {
  background-color: #f9fafb;
  border-color: #f9fafb;
}

/* line 812, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .premium-promotion-banner .lock-and-text {
  display: flex;
  gap: 1.5rem;
}

/* line 816, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .premium-promotion-banner .lock-and-text .lock {
  color: #2aa7ff;
}

/* line 819, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .premium-promotion-banner .lock-and-text .lock i {
  vertical-align: bottom;
}

/* line 824, app/assets/stylesheets/controllers/settings.scss */
#modify-time-and-manual-requests .premium-promotion-banner .lock-and-text .text p {
  margin-bottom: 0;
}

/* line 832, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-dialog .action-buttons {
  display: flex;
  justify-content: flex-end;
}

/* line 838, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-dialog.smart-notifications-templates-dialog {
  z-index: 1049;
  font-size: 14px;
}

/* line 842, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-dialog.smart-notifications-templates-dialog .modal-body, .smart-notifications-dialog.smart-notifications-templates-dialog .modal-body-centered {
  padding-top: 8px;
}

/* line 846, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-dialog.smart-notifications-templates-dialog .template-thumbnail {
  width: 14rem;
  padding: 1.5rem 0;
  min-width: 14rem;
}

/* line 852, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-dialog.smart-notifications-templates-dialog .template-button {
  width: 6.2rem;
  padding: 1.5rem 0;
}

/* line 856, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-dialog.smart-notifications-templates-dialog .template-button .btn, .smart-notifications-dialog.smart-notifications-templates-dialog .template-button .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .smart-notifications-dialog.smart-notifications-templates-dialog .template-button .nav-item {
  font-size: 1.2rem;
  min-width: unset;
}

/* line 860, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-dialog.smart-notifications-templates-dialog .template-button .btn:hover, .smart-notifications-dialog.smart-notifications-templates-dialog .template-button .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .smart-notifications-dialog.smart-notifications-templates-dialog .template-button .nav-item:hover {
  transition: background-color 0.1s linear;
  background-color: #e5e7eb;
}

@media (max-width: 767.98px) {
  /* line 868, app/assets/stylesheets/controllers/settings.scss */
  .smart-notifications-dialog.smart-notifications-templates-dialog .wrapper {
    width: 100%;
    overflow: auto;
  }
  /* line 873, app/assets/stylesheets/controllers/settings.scss */
  .smart-notifications-dialog.smart-notifications-templates-dialog .hide-sm {
    display: none;
  }
}

/* line 881, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-type-dialog .notification-type-cards {
  display: flex;
  gap: 2rem;
}

/* line 885, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-type-dialog .notification-type-cards .card {
  width: calc(50% - 1rem);
  flex-shrink: 0;
  text-align: center;
  font-size: 14px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  height: 13rem;
  cursor: pointer;
  transition: all 0.3s;
}

/* line 898, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-type-dialog .notification-type-cards .card:hover {
  box-shadow: 0px 10px 15px -3px #0000001a;
}

/* line 902, app/assets/stylesheets/controllers/settings.scss */
.smart-notifications-type-dialog .notification-type-cards .card .icon {
  color: #2f8af4;
}

@media (max-width: 575.98px) {
  /* line 881, app/assets/stylesheets/controllers/settings.scss */
  .smart-notifications-type-dialog .notification-type-cards {
    flex-direction: column;
  }
  /* line 910, app/assets/stylesheets/controllers/settings.scss */
  .smart-notifications-type-dialog .notification-type-cards .card {
    width: 100%;
  }
}

/* line 919, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .require-timesheet-approval {
  color: inherit;
}

/* line 922, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .require-timesheet-approval:hover {
  color: inherit;
}

/* line 927, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .sort-desc {
  transform: rotate(90deg);
  font-size: 0.6rem;
  margin-top: 0.6rem;
  margin-left: 0.4rem;
}

/* line 934, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .sort-asc {
  transform: rotate(-90deg);
  font-size: 0.6rem;
  margin-top: 0.6rem;
  margin-left: 0.4rem;
}

/* line 941, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .no-data-image {
  margin: 5rem auto 1rem;
}

/* line 945, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .premium-promotion-banner {
  background-color: #f9fafb;
  border-color: #f9fafb;
}

/* line 949, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .premium-promotion-banner .lock-and-text {
  display: flex;
  gap: 1.5rem;
}

/* line 953, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .premium-promotion-banner .lock-and-text .lock {
  color: #2aa7ff;
}

/* line 956, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .premium-promotion-banner .lock-and-text .lock i {
  vertical-align: bottom;
}

/* line 961, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .premium-promotion-banner .lock-and-text .text p {
  margin-bottom: 0;
}

/* line 968, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-setting .table span.select2 {
  max-width: 21rem;
}

/* line 975, app/assets/stylesheets/controllers/settings.scss */
#timesheet-approvals-settings-confirmation .button_to {
  display: inline-block;
  margin-left: 1rem;
}

/* line 982, app/assets/stylesheets/controllers/settings.scss */
#timesheet-modify-time-allowed-settings-confirmation .button_to {
  display: flex;
  margin-left: 0;
  margin-top: 1rem;
}

@media (min-width: 576px) {
  /* line 989, app/assets/stylesheets/controllers/settings.scss */
  #timesheet-modify-time-allowed-settings-confirmation .button_to {
    display: inline-block;
    margin-left: 1rem;
    margin-top: 0;
  }
}

/* line 998, app/assets/stylesheets/controllers/settings.scss */
.custom-checkbox-wrapper.v2 {
  margin-top: 1.5rem;
  font-weight: 400;
  color: #6b7280;
}

/* line 1003, app/assets/stylesheets/controllers/settings.scss */
.custom-checkbox-wrapper.v2 input:checked + .custom-checkbox-box {
  background: #2aa7ff;
}

/* line 1, app/assets/stylesheets/controllers/tasks.scss */
.task-label {
  border-left: 1px solid #000000;
  height: 16px;
  margin: 3px 0 0 18px;
  padding: 0 0 23px 16px;
}

/* line 6, app/assets/stylesheets/controllers/tasks.scss */
.task-label .task-label-logo {
  display: flex;
  align-items: center;
  margin-top: 0.45rem;
}

/* line 11, app/assets/stylesheets/controllers/tasks.scss */
.task-label .tasks-logo {
  height: 16px;
  max-width: 100%;
  margin-top: 0.7rem;
}

/* line 18, app/assets/stylesheets/controllers/tasks.scss */
.task-completed {
  color: #6b7280;
  text-decoration: line-through;
}

/* line 24, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons {
  margin: 40px auto 0;
  width: 428px;
}

/* line 28, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .double-column .add-to-dos {
  display: none;
}

/* line 32, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .add-to-dos {
  transform: translateY(-130%);
}

/* line 35, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .single-column {
  margin: 0 auto;
}

/* line 38, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .btn, .no-to-dos .to-do-buttons .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .no-to-dos .to-do-buttons .nav-item {
  min-width: 189px;
}

/* line 41, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .to-do-features {
  width: 189px;
  flex-direction: column;
  text-align: left;
}

/* line 45, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .to-do-features .subtext {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding-left: 0;
}

/* line 54, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .to-do-features.to-dos .feature:before {
  background: #2aa7ff;
}

/* line 61, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .to-do-features.tasks .feature:before {
  background: #31c48d;
}

/* line 66, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .to-do-features .feature {
  font-size: 13px;
  padding: 0 0 2px 30px;
}

/* line 69, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .to-do-features .feature:before {
  content: '';
  height: 6px;
  width: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -2px;
}

/* line 80, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .to-do-features .feature-link {
  color: #31c48d;
  font-size: 13px;
  margin-left: 43px;
}

/* line 84, app/assets/stylesheets/controllers/tasks.scss */
.no-to-dos .to-do-buttons .to-do-features .feature-link:hover {
  color: #2cb07e;
}

@media (max-width: 575.98px) {
  /* line 41, app/assets/stylesheets/controllers/tasks.scss */
  .no-to-dos .to-do-buttons .to-do-features {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
}

@media (max-width: 575.98px) {
  /* line 24, app/assets/stylesheets/controllers/tasks.scss */
  .no-to-dos .to-do-buttons {
    flex-direction: column;
    max-width: 100%;
  }
}

/* line 102, app/assets/stylesheets/controllers/tasks.scss */
.dropdown-toggle.integrations {
  justify-content: space-between;
  font-size: 13px;
  font-weight: 400;
  padding-left: 20px;
  padding-right: 20px;
  width: 178px;
}

/* line 109, app/assets/stylesheets/controllers/tasks.scss */
.dropdown-toggle.integrations i {
  color: #9ca3af;
}

/* line 112, app/assets/stylesheets/controllers/tasks.scss */
.dropdown-toggle.integrations + .dropdown-menu {
  font-size: 13px;
  width: 178px;
}

/* line 116, app/assets/stylesheets/controllers/tasks.scss */
.dropdown-toggle.integrations + .dropdown-menu li a {
  padding: 6px 15px;
}

/* line 118, app/assets/stylesheets/controllers/tasks.scss */
.dropdown-toggle.integrations + .dropdown-menu li a.view-all {
  color: #2f8af4;
}

/* line 127, app/assets/stylesheets/controllers/tasks.scss */
.basic-filters {
  margin-bottom: 1rem;
}

@media (max-width: 575.98px) {
  /* line 130, app/assets/stylesheets/controllers/tasks.scss */
  .basic-filters .tasks-header-actions {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  /* line 135, app/assets/stylesheets/controllers/tasks.scss */
  .basic-filters .tasks-header-actions a {
    flex-grow: 1;
  }
}

/* line 142, app/assets/stylesheets/controllers/tasks.scss */
.basic-filters .tasks-header-actions li a {
  float: none;
}

/* line 144, app/assets/stylesheets/controllers/tasks.scss */
.basic-filters .tasks-header-actions li a:last-child, .basic-filters .tasks-header-actions li a.is-last {
  margin-right: inherit;
}

@media (max-width: 575.98px) {
  /* line 152, app/assets/stylesheets/controllers/tasks.scss */
  .basic-filters .duplicate-project {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

/* line 162, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page > .main-wrapper > .content-wrapper {
  padding-bottom: 0;
}

/* line 166, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .container-fluid {
  padding-left: 0;
  padding-right: 0;
  min-width: 340px;
}

/* line 172, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .proxied {
  margin-left: 0;
  margin-right: 0;
}

/* line 177, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .tasks-section {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
}

/* line 184, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .task-section-shadowed::before {
  content: '';
  background: linear-gradient(0deg, rgba(243, 244, 246, 0) 0%, #f3f4f6 60%, #f3f4f6 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  z-index: 2000;
}

/* line 196, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .content-section {
  padding: 0 30px;
}

/* line 198, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .tasks-iframe {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* line 204, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .basic-filters > .row {
  margin: 0;
  position: relative;
  z-index: 1200;
}

/* line 209, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .basic-filters > .row div {
  padding: 0;
}

/* line 214, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page .paid-addon-purchase {
  align-items: flex-start;
  overflow: auto;
  padding: 8px 0;
}

/* line 220, app/assets/stylesheets/controllers/tasks.scss */
.tasks-iframe-page iframe {
  position: relative;
  flex: 1;
}

/* line 228, app/assets/stylesheets/controllers/tasks.scss */
.tasks-page > .main-wrapper > .content-wrapper {
  background-color: #f3f4f6;
}

/* line 232, app/assets/stylesheets/controllers/tasks.scss */
.tasks-page .toggle-multiple-options.project-options, .tasks-page .app-tabs-switch > .project-options.nav.nav-tabs {
  min-width: 300px;
  position: absolute;
  top: -56px;
}

/* line 238, app/assets/stylesheets/controllers/tasks.scss */
.tasks-page .toggle-options-container {
  position: relative;
}

@media (max-width: 1048px) {
  /* line 244, app/assets/stylesheets/controllers/tasks.scss */
  .tasks-page .toggle-options-container {
    margin-bottom: 20px;
  }
  /* line 247, app/assets/stylesheets/controllers/tasks.scss */
  .tasks-page .toggle-options-container .toggle-multiple-options.project-options, .tasks-page .toggle-options-container .app-tabs-switch > .project-options.nav.nav-tabs {
    position: relative;
    top: 0;
  }
}

/* line 1, app/assets/stylesheets/controllers/team_payments.scss */
.team-payment-logo {
  line-height: 80px;
}

/* line 5, app/assets/stylesheets/controllers/team_payments.scss */
.export-type-name {
  display: block;
  color: #374151;
  text-align: center;
  font-weight: 500;
  margin-top: 5px;
  font-size: 11px;
}

/* line 14, app/assets/stylesheets/controllers/team_payments.scss */
.export-type-thumb {
  text-align: center;
  display: block;
  padding: 15px 0;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  width: 80px;
}

/* line 21, app/assets/stylesheets/controllers/team_payments.scss */
.export-type-thumb:hover {
  background-color: #f3f4f6;
}

/* line 24, app/assets/stylesheets/controllers/team_payments.scss */
.export-type-thumb.active {
  border: 1px solid #2aa7ff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 29, app/assets/stylesheets/controllers/team_payments.scss */
.export-type-thumb img {
  max-width: 35px;
}

@media (max-width: 768px) {
  /* line 35, app/assets/stylesheets/controllers/team_payments.scss */
  .export-type-thumb {
    margin-bottom: 20px;
  }
}

/* line 41, app/assets/stylesheets/controllers/team_payments.scss */
#team_payments .timesheets-datepicker,
#team_payments .members {
  width: 300px;
}

/* line 49, app/assets/stylesheets/controllers/team_payments.scss */
#payment-wizard-modal .step-line,
#export-payment-modal .step-line {
  z-index: 0;
}

/* line 53, app/assets/stylesheets/controllers/team_payments.scss */
#payment-wizard-modal .step-segment,
#export-payment-modal .step-segment {
  z-index: 3;
}

/* line 60, app/assets/stylesheets/controllers/team_payments.scss */
#export-payment-modal #export_payment .btn-export-payment {
  display: inline;
}

/* line 66, app/assets/stylesheets/controllers/team_payments.scss */
#export-payment-modal #send_payment .send-payment-description {
  font-size: 13px;
  color: #6b7280;
}

/* line 71, app/assets/stylesheets/controllers/team_payments.scss */
#export-payment-modal .payment-method {
  min-height: 110px;
}

/* line 74, app/assets/stylesheets/controllers/team_payments.scss */
#export-payment-modal .export-thumb-description {
  font-size: 11px;
  width: 80px;
  margin: 5px 0 0 0;
  color: #6b7280;
  text-align: center;
}

/* line 83, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  z-index: 667;
}

/* line 92, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list li {
  min-width: 25px;
  margin-right: 5px;
}

/* line 95, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list li .avatar {
  margin: 0;
}

/* line 99, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list .more-users {
  display: block;
  cursor: default;
  color: #ffffff;
  background: #2aa7ff;
  font-size: 12px;
  height: 25px;
  min-width: 25px;
  line-height: 25px;
  border-radius: 12.5px;
  padding: 0 4px 0 3px;
  margin-right: 15px;
  text-align: center;
}

/* line 113, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list .popover-content {
  padding-right: 0;
}

/* line 116, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list .popover-content .scrollable-content {
  position: relative;
}

/* line 119, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list .popover-content .scrollable-content:after {
  content: '';
  position: absolute;
  z-index: 9999;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.001) 0%, white 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.001) 0%, white 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.001) 0%, white 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.001) 0%, white 100%);
}

/* line 130, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list .popover-content .scrollable-content-inner {
  max-height: 400px;
  min-width: 200px;
  overflow-y: auto;
  padding: 0 20px 15px 0;
}

/* line 136, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list .popover-content .scrollable-content-inner div {
  margin: 5px 0;
  line-height: 1.2;
  display: flex;
}

/* line 142, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list .popover-content img {
  margin-right: 5px;
}

/* line 145, app/assets/stylesheets/controllers/team_payments.scss */
.payee-list .popover-content span {
  margin-top: 0.5rem;
}

/* line 152, app/assets/stylesheets/controllers/team_payments.scss */
.payment-label i {
  padding-left: 5px;
}

/* line 155, app/assets/stylesheets/controllers/team_payments.scss */
.payment-label.pending {
  background-color: #777777;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.payment-label.pending[href]:hover, .payment-label.pending[href]:focus {
  background-color: #5e5e5e;
}

/* line 158, app/assets/stylesheets/controllers/team_payments.scss */
.payment-label.paid {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.payment-label.paid[href]:hover, .payment-label.paid[href]:focus {
  background-color: #279b70;
}

/* line 161, app/assets/stylesheets/controllers/team_payments.scss */
.payment-label.error {
  background-color: #f05252;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.payment-label.error[href]:hover, .payment-label.error[href]:focus {
  background-color: #ec2323;
}

/* line 164, app/assets/stylesheets/controllers/team_payments.scss */
.payment-label.partial_paid {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.payment-label.partial_paid[href]:hover, .payment-label.partial_paid[href]:focus {
  background-color: #0090f6;
}

/* line 167, app/assets/stylesheets/controllers/team_payments.scss */
.payment-label.processing {
  background-color: #ffac51;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.payment-label.processing[href]:hover, .payment-label.processing[href]:focus {
  background-color: #ff941e;
}

/* line 170, app/assets/stylesheets/controllers/team_payments.scss */
.payment-label.exported {
  background-color: #777777;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.payment-label.exported[href]:hover, .payment-label.exported[href]:focus {
  background-color: #5e5e5e;
}

/* line 173, app/assets/stylesheets/controllers/team_payments.scss */
.payment-label.draft {
  background-color: rgba(31, 46, 84, 0.08);
  color: #1f2e54;
}

/* line 198, app/assets/stylesheets/helpers/_mixins.scss */
.payment-label.draft i.fa {
  color: #3a579f;
}

/* line 202, app/assets/stylesheets/helpers/_mixins.scss */
.payment-label.draft[href] {
  color: #1f2e54;
}

/* line 205, app/assets/stylesheets/helpers/_mixins.scss */
.payment-label.draft[href]:hover, .payment-label.draft[href]:focus {
  color: #1f2e54;
  background-color: rgba(31, 46, 84, 0.08);
}

/* line 178, app/assets/stylesheets/controllers/team_payments.scss */
.team-payment-details {
  min-height: 45px;
}

/* line 183, app/assets/stylesheets/controllers/team_payments.scss */
.notes-table time {
  padding-right: 5px;
}

/* line 187, app/assets/stylesheets/controllers/team_payments.scss */
.notes-table .btn-danger {
  min-width: 75px;
}

/* line 192, app/assets/stylesheets/controllers/team_payments.scss */
#create-payment-button {
  margin-left: 1em;
}

/* line 196, app/assets/stylesheets/controllers/team_payments.scss */
.checkbox-wrapper {
  width: 1em;
}

/* line 200, app/assets/stylesheets/controllers/team_payments.scss */
.toggle-switch-align {
  align-items: unset;
}

/* line 205, app/assets/stylesheets/controllers/team_payments.scss */
.vue-payments-report .total {
  margin-left: 3.1rem;
}

/* line 208, app/assets/stylesheets/controllers/team_payments.scss */
.vue-payments-report .total a {
  color: #1f2937;
}

/* line 215, app/assets/stylesheets/controllers/team_payments.scss */
#adjustments-preview #toggle-adjustments-summary-button {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 222, app/assets/stylesheets/controllers/team_payments.scss */
#adjustments-preview #toggle-adjustments-summary-button i {
  font-size: 10px;
  transition: transform 0.3s ease;
}

/* line 226, app/assets/stylesheets/controllers/team_payments.scss */
#adjustments-preview #toggle-adjustments-summary-button i:hover, #adjustments-preview #toggle-adjustments-summary-button i:active {
  color: #2aa7ff;
}

/* line 231, app/assets/stylesheets/controllers/team_payments.scss */
#adjustments-preview #toggle-adjustments-summary-button i.open {
  transform: rotate(-90deg);
}

/* line 237, app/assets/stylesheets/controllers/team_payments.scss */
#adjustments-preview #adjustments-summary {
  display: none;
}

/* line 240, app/assets/stylesheets/controllers/team_payments.scss */
#adjustments-preview #adjustments-summary .total-line {
  font-weight: bold;
}

/* line 246, app/assets/stylesheets/controllers/team_payments.scss */
#team_payments label.custom-checkbox-wrapper {
  position: relative;
}

/* line 250, app/assets/stylesheets/controllers/team_payments.scss */
#team_payments input.team-payments-timesheet-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 256, app/assets/stylesheets/controllers/team_payments.scss */
#team_payments input.team-payments-timesheet-checkbox:hover {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/controllers/teams.scss */
.team-top-nav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

/* line 5, app/assets/stylesheets/controllers/teams.scss */
.team-top-nav i {
  font-size: 14px;
  margin-right: 5px;
}

/* line 9, app/assets/stylesheets/controllers/teams.scss */
.team-top-nav .text {
  color: #374151;
}

/* line 14, app/assets/stylesheets/controllers/teams.scss */
.team-actions-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

/* line 21, app/assets/stylesheets/controllers/teams.scss */
.no-resources-info {
  display: flex;
  align-items: center;
}

/* line 24, app/assets/stylesheets/controllers/teams.scss */
.no-resources-info .vue-team-wizard-button {
  margin-left: 4px;
}

/* line 26, app/assets/stylesheets/controllers/teams.scss */
.no-resources-info .vue-team-wizard-button .btn.btn-primary.modal-launcher, .no-resources-info .vue-team-wizard-button .app-tabs-switch > .nav.nav-tabs .btn-primary.modal-launcher.nav-item, .app-tabs-switch > .nav.nav-tabs .no-resources-info .vue-team-wizard-button .btn-primary.modal-launcher.nav-item {
  background: none;
  border: none;
  color: #2aa7ff;
  font-size: 16px;
  font-weight: 400;
  min-width: auto;
  padding: 0;
}

/* line 34, app/assets/stylesheets/controllers/teams.scss */
.no-resources-info .vue-team-wizard-button .btn.btn-primary.modal-launcher:hover, .no-resources-info .vue-team-wizard-button .app-tabs-switch > .nav.nav-tabs .btn-primary.modal-launcher.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .no-resources-info .vue-team-wizard-button .btn-primary.modal-launcher.nav-item:hover {
  color: #2f8af4;
}

/* line 37, app/assets/stylesheets/controllers/teams.scss */
.no-resources-info .vue-team-wizard-button .btn.btn-primary.modal-launcher:active, .no-resources-info .vue-team-wizard-button .app-tabs-switch > .nav.nav-tabs .btn-primary.modal-launcher.nav-item:active, .app-tabs-switch > .nav.nav-tabs .no-resources-info .vue-team-wizard-button .btn-primary.modal-launcher.nav-item:active {
  box-shadow: none;
}

/* line 41, app/assets/stylesheets/controllers/teams.scss */
.no-resources-info .vue-team-wizard-button .modal-content {
  text-align: left;
  font-size: 14px;
  line-height: 1.45;
}

/* line 50, app/assets/stylesheets/controllers/teams.scss */
.th-settings a {
  height: 16px;
  margin-left: 5px;
}

/* line 53, app/assets/stylesheets/controllers/teams.scss */
.th-settings a i {
  font-size: 16px;
}

/* line 60, app/assets/stylesheets/controllers/teams.scss */
#lead-settings-dialog .settings-switch {
  margin-bottom: 30px;
}

/* line 62, app/assets/stylesheets/controllers/teams.scss */
#lead-settings-dialog .settings-switch .info {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 10px;
}

/* line 67, app/assets/stylesheets/controllers/teams.scss */
#lead-settings-dialog .settings-switch:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  /* line 75, app/assets/stylesheets/controllers/teams.scss */
  .team-actions-wrapper .nav-tabs {
    margin-bottom: 0;
  }
}

/* line 82, app/assets/stylesheets/controllers/teams.scss */
.teams-table .avatar-speck.avatar_initial {
  line-height: 26px;
}

/* line 88, app/assets/stylesheets/controllers/teams.scss */
.team-page-wrapper a.team-lead {
  align-items: center;
  display: inline-flex;
  align-items: baseline;
  color: #374151;
  cursor: default;
  white-space: pre;
  max-width: max-content;
}

/* line 99, app/assets/stylesheets/controllers/teams.scss */
.teams-search {
  display: flex;
  margin-bottom: 20px;
}

/* line 103, app/assets/stylesheets/controllers/teams.scss */
.teams-search form {
  display: flex;
}

/* line 106, app/assets/stylesheets/controllers/teams.scss */
.teams-search form input {
  width: 326px;
}

/* line 112, app/assets/stylesheets/controllers/teams.scss */
.table-wrapper label.custom-checkbox-wrapper {
  position: relative;
}

/* line 116, app/assets/stylesheets/controllers/teams.scss */
input.projects-teams-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 122, app/assets/stylesheets/controllers/teams.scss */
input.projects-teams-checkbox:hover {
  cursor: pointer;
}

/* line 126, app/assets/stylesheets/controllers/teams.scss */
.team-page-wrapper label.custom-checkbox-wrapper {
  position: relative;
}

/* line 130, app/assets/stylesheets/controllers/teams.scss */
.team-page-wrapper input.team-member-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 136, app/assets/stylesheets/controllers/teams.scss */
.team-page-wrapper input.team-member-checkbox:hover {
  cursor: pointer;
}

/* line 140, app/assets/stylesheets/controllers/teams.scss */
.team-projects-container label.custom-checkbox-wrapper {
  position: relative;
}

/* line 144, app/assets/stylesheets/controllers/teams.scss */
.team-projects-container input.team-projects-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 150, app/assets/stylesheets/controllers/teams.scss */
.team-projects-container input.team-projects-checkbox:hover {
  cursor: pointer;
}

/* line 154, app/assets/stylesheets/controllers/teams.scss */
.team-invites-container label.custom-checkbox-wrapper {
  position: relative;
}

/* line 158, app/assets/stylesheets/controllers/teams.scss */
.team-invites-container input.team-invites-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 164, app/assets/stylesheets/controllers/teams.scss */
.team-invites-container input.team-invites-checkbox:hover {
  cursor: pointer;
}

/* line 168, app/assets/stylesheets/controllers/teams.scss */
.teams-table-wrapper label.custom-checkbox-wrapper {
  position: relative;
}

/* line 172, app/assets/stylesheets/controllers/teams.scss */
.teams-table-wrapper input.teams-team-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 178, app/assets/stylesheets/controllers/teams.scss */
.teams-table-wrapper input.teams-team-checkbox:hover {
  cursor: pointer;
}

/* line 4, app/assets/stylesheets/controllers/time_entries.scss */
.collision_check .alert {
  margin-bottom: 0;
}

/* line 9, app/assets/stylesheets/controllers/time_entries.scss */
.input-duration {
  width: 80px;
  height: 32px;
  border-radius: 2px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

/* line 17, app/assets/stylesheets/controllers/time_entries.scss */
.input-duration[disabled] {
  background-color: #f3f4f6;
  border: none;
  cursor: default;
}

/* line 24, app/assets/stylesheets/controllers/time_entries.scss */
.cell-max-width {
  max-width: 24vw;
}

@media (max-width: 1445px) {
  /* line 24, app/assets/stylesheets/controllers/time_entries.scss */
  .cell-max-width {
    max-width: 10vw;
  }
}

@media (max-width: 991.98px) {
  /* line 24, app/assets/stylesheets/controllers/time_entries.scss */
  .cell-max-width {
    max-width: 12vw;
  }
}

@media (max-width: 767.98px) {
  /* line 24, app/assets/stylesheets/controllers/time_entries.scss */
  .cell-max-width {
    max-width: 25vw;
  }
}

/* line 40, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-popover-content {
  min-width: 235px;
  padding-bottom: 5px;
}

/* line 45, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-members {
  width: 100%;
  max-width: 300px;
}

/* line 50, app/assets/stylesheets/controllers/time_entries.scss */
.popover-time-entry {
  font-size: 13px;
  margin: 6px 0;
}

/* line 56, app/assets/stylesheets/controllers/time_entries.scss */
.timesheet .time-mismatch-note a {
  float: none;
}

/* line 61, app/assets/stylesheets/controllers/time_entries.scss */
.timesheet .selections .time_zone {
  width: 1px;
  white-space: nowrap;
}

/* line 69, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-timeline .new-pill:hover {
  cursor: pointer;
}

/* line 74, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-timeline .popover input {
  width: 75px;
  padding: 6px;
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-timeline .popover input:hover {
  border-color: transparent;
}

@media (max-width: 992px) {
  /* line 74, app/assets/stylesheets/controllers/time_entries.scss */
  .time-entries-timeline .popover input {
    width: 55px;
    padding: 3px;
  }
}

/* line 89, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-timeline .popover .popover-content {
  padding: 0;
}

/* line 93, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-timeline .popover .form-group {
  margin-bottom: 0;
}

/* line 100, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-timeline--chart:focus,
.time-entries-timeline--chart rect:focus,
.time-entries-timeline--chart line:focus,
.time-entries-timeline--chart g:focus {
  outline: none;
}

/* line 109, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-day-header .total-time {
  float: right;
  font-weight: 400;
  color: #6b7280;
  font-size: 13px;
  margin-top: 2px;
}

/* line 118, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-event .fc-title {
  line-height: 1;
}

/* line 122, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-event:hover {
  cursor: pointer;
}

/* line 128, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-short:hover, #timesheet-calendar .fc-short.has-popover {
  opacity: 0.95;
  z-index: 999 !important;
  bottom: auto !important;
  width: auto !important;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  right: auto !important;
}

/* line 138, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-short:hover .fc-time span, #timesheet-calendar .fc-short.has-popover .fc-time span {
  display: block;
}

/* line 143, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-short:hover .fc-title,
#timesheet-calendar .fc-short:hover .fc-org, #timesheet-calendar .fc-short.has-popover .fc-title,
#timesheet-calendar .fc-short.has-popover .fc-org {
  display: block;
}

/* line 150, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-short .fc-time:after, #timesheet-calendar .fc-short .fc-time:before {
  display: none;
}

/* line 156, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-short .fc-org {
  display: none;
}

/* line 160, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet-calendar .fc-short .fc-content {
  padding: 5px 8px 4px;
}

/* line 166, app/assets/stylesheets/controllers/time_entries.scss */
.popover.fc-event-container {
  position: absolute;
  z-index: 778;
  min-width: 400px;
}

@media (max-width: 575.98px) {
  /* line 166, app/assets/stylesheets/controllers/time_entries.scss */
  .popover.fc-event-container {
    min-width: 90%;
  }
  /* line 172, app/assets/stylesheets/controllers/time_entries.scss */
  .popover.fc-event-container .popper__arrow {
    display: none;
  }
  /* line 178, app/assets/stylesheets/controllers/time_entries.scss */
  .popover.fc-event-container[x-placement^='left'] {
    left: 0px !important;
  }
  /* line 182, app/assets/stylesheets/controllers/time_entries.scss */
  .popover.fc-event-container[x-placement^='right'] {
    right: 0px !important;
  }
}

/* line 187, app/assets/stylesheets/controllers/time_entries.scss */
.popover.fc-event-container .popover-content {
  padding: 30px 20px 20px;
}

/* line 190, app/assets/stylesheets/controllers/time_entries.scss */
.popover.fc-event-container .popover-content .manual-time {
  margin-left: 5px;
  border-radius: 10px;
  background-color: #f3f4f6;
  padding: 5px;
  font-size: 0.8em;
}

/* line 199, app/assets/stylesheets/controllers/time_entries.scss */
.popover.fc-event-container .close {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* line 205, app/assets/stylesheets/controllers/time_entries.scss */
.popover.fc-event-container .table {
  table-layout: fixed;
}

/* line 208, app/assets/stylesheets/controllers/time_entries.scss */
.popover.fc-event-container .table td {
  font-size: 13px;
  vertical-align: baseline;
}

/* line 209, app/assets/stylesheets/controllers/time_entries.scss */
.popover.fc-event-container .table td:first-child {
  width: 60px;
}

/* line 219, app/assets/stylesheets/controllers/time_entries.scss */
.timesheet-event-popover-head {
  display: flex;
  justify-content: space-between;
}

/* line 223, app/assets/stylesheets/controllers/time_entries.scss */
.timesheet-event-popover-head .popover-head-left {
  display: flex;
  align-items: center;
}

/* line 230, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .switcher {
  cursor: pointer;
}

/* line 233, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .switcher:hover {
  color: #2aa7ff;
}

/* line 240, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .switcher-wrapper.has-error .name.switcher {
  color: #f05252;
}

/* line 245, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .switcher-wrapper .name {
  cursor: pointer;
}

/* line 249, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .switcher-wrapper .select2-selection {
  display: none;
}

/* line 253, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .switcher-wrapper .selector {
  height: 0;
  position: absolute;
  min-width: 220px;
}

/* line 259, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .switcher-wrapper .select2-container {
  min-width: 220px;
}

/* line 265, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entries-for-date .reasons-header {
  min-width: 29.5rem;
  width: 29.5rem;
}

/* line 270, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entries-for-date .project-header {
  min-width: 24rem;
  width: 24rem;
}

/* line 275, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entries-for-date tbody {
  position: relative;
}

/* line 279, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entries-for-date .z-index-unset {
  z-index: unset;
}

/* line 284, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-data {
  min-width: 220px;
}

/* line 288, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .table.has-batch-actions .reasons-table td:first-child {
  width: auto;
}

/* line 293, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-row .project-cell-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

/* line 298, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-row .reasons-table {
  font-size: 13px;
}

/* line 301, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-row .reasons-table td {
  padding: 6px 0;
  vertical-align: baseline;
}

/* line 305, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-row .reasons-table td.pr-5 {
  padding-right: 0.5rem;
}

/* line 310, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-row .reasons-table .text-overflow {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 315, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-row .reasons-table .note {
  margin-bottom: 5px;
}

/* line 321, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-row .duration-status > div {
  position: relative;
}

/* line 326, app/assets/stylesheets/controllers/time_entries.scss */
#timesheet .time-entry-row .screen-count-pill {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
  color: #2aa7ff;
  font-size: 12px;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  user-select: none;
  width: 87px;
}

/* line 343, app/assets/stylesheets/controllers/time_entries.scss */
.overtime-popover {
  line-height: 1;
}

/* line 346, app/assets/stylesheets/controllers/time_entries.scss */
.overtime-popover-row {
  left: -18px;
}

/* line 357, app/assets/stylesheets/controllers/time_entries.scss */
.popover.time_span .popover-content {
  padding: 16px;
}

/* line 363, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .alert.alert-danger {
  margin: 10px 0;
}

/* line 367, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .vue-app-date-picker,
.time-span-popover .datepicker,
.time-span-popover .time_entry_duration {
  width: 125px;
  max-width: 100%;
}

/* line 379, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .datepicker:before,
.time-span-popover .time_entry_duration:before {
  font-size: 14px;
  top: 14px;
  right: 0;
}

/* line 391, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .time_entry {
  width: 100px;
  margin-left: 8px;
}

/* line 398, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .has-error {
  font-size: 12px;
}

/* line 401, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .has-error .form-group {
  margin-bottom: 5px;
}

/* line 405, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .has-error.form-group {
  margin-bottom: 0;
}

/* line 410, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .collision_check {
  overflow-y: scroll;
  max-height: 280px;
}

/* line 416, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .time_entry_note.has-error .help-block {
  margin-top: 5px;
}

/* line 421, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .curtain {
  border-radius: 8px;
}

/* line 424, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .curtain .spinner-wrapper {
  top: 50%;
}

/* line 435, app/assets/stylesheets/controllers/time_entries.scss */
#require-reason-modal .modal-dialog.modal-sm {
  width: 615px;
}

/* line 442, app/assets/stylesheets/controllers/time_entries.scss */
.inline-switcher.select2-container .select2-dropdown.select2-dropdown--above .top-extension {
  padding: 0px 15px 10px 0px;
  color: grey;
}

/* line 449, app/assets/stylesheets/controllers/time_entries.scss */
.inline-switcher.select2-container .select2-dropdown.select2-dropdown--below .top-extension {
  display: none;
}

/* line 456, app/assets/stylesheets/controllers/time_entries.scss */
.switcher-wrapper .select2-container .top-extension {
  display: block;
  position: absolute;
  top: -35px;
  z-index: 9001;
  padding: 12px 15px 5px;
  width: 100%;
  background-color: white;
  border: 1px solid #2aa7ff;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: grey;
}

/* line 478, app/assets/stylesheets/controllers/time_entries.scss */
.inline-switcher.select2-container .select2-dropdown,
.switcher-wrapper .select2-container .select2-dropdown {
  padding: 15px;
}

/* line 484, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-loading .initial-state-default-text {
  background-color: #d1d5db;
  color: transparent !important;
}

/* line 488, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-loading .initial-state-dark-text {
  background-color: #d1d5db;
  color: transparent !important;
}

/* line 492, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-loading .initial-state-default-text {
  background-color: #d1d5db;
  color: transparent !important;
}

/* line 496, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-loading .initial-state-blue-text {
  background-color: #d1d5db;
  color: transparent !important;
  background-color: #2aa7ff;
}

/* line 501, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-loading .avatar.avatar_initial {
  background-color: #d1d5db !important;
  background-image: none;
  color: transparent !important;
}

/* line 507, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-loading .initial-state-green {
  background-color: #31c48d;
  color: transparent !important;
}

/* line 513, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-copy-btn {
  color: #9ca3af;
  min-height: 20px;
  height: 20px;
}

/* line 521, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-copy-btn:hover i,
.time-entries-copy-btn:focus i {
  color: #2aa7ff !important;
}

/* line 526, app/assets/stylesheets/controllers/time_entries.scss */
.control-label-btn {
  cursor: pointer;
}

/* line 529, app/assets/stylesheets/controllers/time_entries.scss */
.control-label-btn a {
  padding-left: 8px;
}

/* line 533, app/assets/stylesheets/controllers/time_entries.scss */
.control-label-btn i {
  color: #2aa7ff;
}

/* line 539, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker .date-picker-wrapper {
  min-height: 55px;
}

@media (max-width: 854px) and (min-width: 767px) {
  /* line 546, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .weekly-range-input {
    padding-right: 40px;
  }
}

@media (max-width: 767.98px) {
  /* line 555, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries-form-dialog .from-hour-select .app-time-picker-trigger {
    top: 26px;
  }
  /* line 559, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries-form-dialog .from-hour-select .meridiem-toggle {
    top: 24px;
  }
  /* line 564, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries-form-dialog .organizations {
    text-align: right;
  }
}

/* line 571, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-form-dialog .add-time-warning {
  border: 0.1rem solid #2AA7FF;
  border-radius: 0.3rem;
  padding: 1rem;
  color: #374151;
}

/* line 577, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-form-dialog .add-time-warning .icon {
  padding: 2rem 0.4rem 0 0rem;
}

/* line 580, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-form-dialog .add-time-warning .icon .hi-info-filled {
  margin-right: 0.5rem;
  color: #2AA7FF;
}

/* line 587, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-form-dialog .work-order-warning {
  border: 0.1rem solid #f05252;
  border-radius: 0.3rem;
  padding: 1rem;
  color: #374151;
}

/* line 593, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-form-dialog .work-order-warning .icon {
  padding: 2rem 0.4rem 0 0rem;
}

/* line 596, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-form-dialog .work-order-warning .icon .hi-important, .vue-time-entries-form-dialog .work-order-warning .icon .archive_warning:before {
  margin-right: 0.5rem;
  color: #f05252;
}

/* line 603, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-form-dialog .vue-time-entries-collisions .collisions-alert-table .table tr th.collision-warning-message {
  font-weight: normal;
  padding-right: 1rem;
}

/* line 609, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions {
  margin-bottom: 10px;
  border: 1px solid #f05252;
  border-radius: 3px;
  overflow: hidden;
}

/* line 615, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .hi.hi-important.hi-16, .vue-time-entries-collisions .is-first.is-last.is-complete .v-step-number-wrapper .hi-important.hi-16.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .vue-time-entries-collisions .hi-important.hi-16.step-number, .vue-time-entries-collisions .toggling-dropdown > li.is-on > a.hi-important.hi-16:before, .vue-time-entries-collisions .rounded-checkbox-wrapper input:checked + label.hi-important.hi-16:before, .rounded-checkbox-wrapper .vue-time-entries-collisions input:checked + label.hi-important.hi-16:before, .vue-time-entries-collisions .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-selection__choice__remove, .vue-time-entries-collisions .hi-important.hi-16.datepicker:before,
.vue-time-entries-collisions .hi-important.hi-16.hs_daterange_picker:before, .vue-time-entries-collisions .hi-important.hi-16.search-filter:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-selection:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-important.hi-16:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .vue-time-entries-collisions b.hi-important.hi-16:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-date:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-week:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-paid:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-user:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-member:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-client:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-project:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-timesheet:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-task:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-team:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-job_site:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-important.hi-16.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-important.hi-16.select2-results__option.is-work_break_policy:before, .vue-time-entries-collisions .hi-important.hi-16.vue-map-search:before, .vue-time-entries-collisions .hi.hi-16.archive_warning:before, .vue-time-entries-collisions .is-first.is-last.is-complete .v-step-number-wrapper .hi-16.archive_warning.step-number:before, .is-first.is-last.is-complete .v-step-number-wrapper .vue-time-entries-collisions .hi-16.archive_warning.step-number:before, .vue-time-entries-collisions .toggling-dropdown > li.is-on > a.hi-16.archive_warning:before, .vue-time-entries-collisions .rounded-checkbox-wrapper input:checked + label.hi-16.archive_warning:before, .rounded-checkbox-wrapper .vue-time-entries-collisions input:checked + label.hi-16.archive_warning:before, .vue-time-entries-collisions .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-selection__choice__remove.archive_warning:before, .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-selection__choice__remove.archive_warning:before, .vue-time-entries-collisions .hi-16.datepicker.archive_warning:before,
.vue-time-entries-collisions .hi-16.hs_daterange_picker.archive_warning:before, .vue-time-entries-collisions .hi-16.search-filter.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-selection.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-selection.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-16.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .vue-time-entries-collisions b.hi-16.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-date.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-date.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-week.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-week.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-paid.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-paid.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-user.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-user.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-member.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-member.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-client.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-client.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-project.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-project.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-timesheet.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-timesheet.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-task.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-task.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-team.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-team.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-job_site.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-job_site.archive_warning:before, .vue-time-entries-collisions .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-16.select2-results__option.is-work_break_policy.archive_warning:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .vue-time-entries-collisions .hi-16.select2-results__option.is-work_break_policy.archive_warning:before, .vue-time-entries-collisions .hi-16.vue-map-search.archive_warning:before {
  position: relative;
  width: 1.2rem;
}

/* line 620, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .table-wrapper {
  margin-top: 0px;
  z-index: unset;
}

/* line 625, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .collisions-alert-table {
  margin-bottom: 0px;
}

/* line 628, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .collisions-alert-table .hi-important, .vue-time-entries-collisions .collisions-alert-table .archive_warning:before {
  color: #f05252;
}

/* line 632, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .collisions-alert-table th {
  border-bottom: none;
}

/* line 635, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .collisions-alert-table th.editing-without-collisions {
  vertical-align: middle;
}

/* line 639, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .collisions-alert-table th span {
  white-space: normal;
}

/* line 646, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .table tbody {
  color: #f05252;
}

/* line 651, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .table tr th:first-child,
.vue-time-entries-collisions .table tr th:nth-child(4) {
  border-bottom: none;
}

/* line 656, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .table tr td {
  box-shadow: none;
}

/* line 660, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .table tr th:first-child,
.vue-time-entries-collisions .table tr td:first-child,
.vue-time-entries-collisions .table tr th:nth-child(2),
.vue-time-entries-collisions .table tr td:nth-child(2) {
  padding-right: 0px;
}

/* line 667, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .table tr th:nth-child(2),
.vue-time-entries-collisions .table tr td:nth-child(2) {
  padding-left: 6px;
}

/* line 672, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .table tr th:nth-child(3),
.vue-time-entries-collisions .table tr td:nth-child(3) {
  padding-left: 0px;
}

/* line 678, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-collisions .table tr.not_accessible {
  color: #6b7280;
}

/* line 685, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-for-date span.date {
  margin-right: 5px;
}

/* line 689, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-for-date .time-entries-view-notes-btn {
  color: #9ca3af;
  margin-right: 20px;
}

/* line 693, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-for-date .time-entries-view-notes-btn:hover, .time-entries-for-date .time-entries-view-notes-btn:focus {
  color: #2aa7ff;
}

/* line 697, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-for-date .time-entries-view-notes-btn:hover i, .time-entries-for-date .time-entries-view-notes-btn:focus i {
  color: #2aa7ff;
}

/* line 702, app/assets/stylesheets/controllers/time_entries.scss */
.time-entries-for-date .time-entries-view-notes-btn span {
  margin-left: 10px;
  margin-right: 25px;
}

/* line 711, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .vue-app-datetime-range-picker .datepicker {
  z-index: 1081;
}

/* line 715, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .vue-app-datetime-range-picker .datepicker-container {
  min-height: 10px;
}

/* line 719, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .vue-app-datetime-range-picker .datepicker {
  color: #1f2937;
}

/* line 724, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .form-group.help.time-zone {
  border: 1px solid #ffac51;
  border-radius: 3px;
  padding: 10px;
  color: #374151;
}

/* line 730, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .form-group.help.time-zone .hi-important, .app-dialog .form-group.help.time-zone .archive_warning:before {
  margin-right: 5px;
  color: #ffac51;
}

/* line 737, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .has-error .help-block {
  font-size: 12px;
}

/* line 742, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .time-entry-info {
  padding-top: 18px;
  padding-bottom: 18px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  margin-right: 0px;
  margin-left: 0px;
}

/* line 750, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .time-entry-info .project {
  padding-top: 5px;
}

/* line 754, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .time-entry-info .name {
  word-break: break-word;
}

/* line 759, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .time-entry-lock {
  border: 1px solid #f05252;
  border-radius: 3px;
  margin-right: 0;
  margin-left: 0;
}

/* line 765, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .time-entry-lock .hi, .app-dialog .time-entry-lock .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .app-dialog .time-entry-lock .step-number, .app-dialog .time-entry-lock .toggling-dropdown > li.is-on > a:before, .app-dialog .time-entry-lock .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .app-dialog .time-entry-lock input:checked + label:before, .app-dialog .time-entry-lock .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-selection__choice__remove, .app-dialog .time-entry-lock .datepicker:before,
.app-dialog .time-entry-lock .hs_daterange_picker:before, .app-dialog .time-entry-lock .search-filter:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-selection:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .app-dialog .time-entry-lock b:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-date:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-week:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-paid:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-user:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-member:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-client:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-project:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-timesheet:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-task:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-team:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-job_site:before, .app-dialog .time-entry-lock .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .time-entry-lock .select2-results__option.is-work_break_policy:before, .app-dialog .time-entry-lock .vue-map-search:before {
  line-height: 1.7;
}

/* line 769, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .time-entry-lock .custom-checkbox-wrapper .custom-checkbox-box {
  margin-right: 5px;
}

/* line 774, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .lock-content {
  padding: 9px;
}

/* line 778, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .lock-confirmation {
  padding: 12px;
  background-color: #e5e7eb;
  font-size: 13px;
}

/* line 783, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .lock-confirmation label {
  font-weight: normal;
}

/* line 789, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .vue-app-datetime-range-picker .datepicker-container {
  min-height: 40px;
}

/* line 793, app/assets/stylesheets/controllers/time_entries.scss */
.app-dialog .vue-app-datetime-range-picker .datepicker {
  color: #1f2937;
}

@media (min-width: 768px) {
  /* line 799, app/assets/stylesheets/controllers/time_entries.scss */
  .app-dialog .from-hour-select {
    position: relative;
  }
  /* line 802, app/assets/stylesheets/controllers/time_entries.scss */
  .app-dialog .from-hour-select:before {
    content: 'FROM';
    display: block;
    position: absolute;
    left: -40px;
    top: 13px;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 11px;
  }
}

/* line 818, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker .datepicker-container {
  margin-right: 30px;
  padding-right: 0px;
}

/* line 823, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker .badge-next-day {
  position: absolute;
  z-index: 1;
  right: 0px;
  top: -13px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 833, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .to-hour-select:before {
  left: -7px;
  top: 7px;
}

/* line 839, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .datepicker-container {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
}

/* line 846, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .from-hour-select .vue-app-time-input {
  float: left !important;
}

/* line 852, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .to-hour-select .vue-app-time-input {
  float: right !important;
}

@media (max-width: 767.98px) {
  /* line 858, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .from-hour-select,
.vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .to-hour-select {
    padding-right: 0;
    padding-left: 0;
  }
}

/* line 865, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .vue-app-time-input {
  margin-left: 0;
  margin-bottom: 0;
}

/* line 870, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .vue-app-date-picker {
  width: 100%;
  max-width: 100%;
}

/* line 874, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-datetime-range-picker.vue-app-datetime-range-picker-popover .vue-app-date-picker .datepicker {
  width: 100%;
  max-width: 100%;
}

/* line 883, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries .tick {
  cursor: default;
}

/* line 887, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries .add-time-btn {
  min-width: 95px;
}

@media (min-width: 768px) {
  /* line 893, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .selections .vue-app-time-zone-dropdown {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  /* line 899, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .selections .members {
    float: none;
    margin-left: 0;
  }
  /* line 903, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .selections .members .member-filter {
    padding-left: 0;
  }
}

/* line 911, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries .dropdown .tooltip, .vue-time-entries .dropdown .vue-tooltip {
  min-width: 140px;
}

/* line 917, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries.daily .weekly-range-input {
  min-width: 300px;
}

@media (min-width: 576px) {
  /* line 923, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .total-container {
    min-height: 48px;
  }
}

/* line 928, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries .time-entry-data {
  min-width: 140px !important;
}

@media (max-width: 991.98px) {
  /* line 933, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .page-heading {
    margin-bottom: 15px;
  }
  /* line 937, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .toggle-multiple-options, .vue-time-entries .app-tabs-switch > .nav.nav-tabs {
    margin-bottom: 30px;
  }
  /* line 942, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .vue-time-entries-header .page-heading {
    text-align: center;
  }
}

/* line 948, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries .desktop-member-filter {
  max-width: 250px;
}

@media (min-width: 576px) {
  /* line 953, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .mobile-member-filter {
    display: none;
  }
}

@media (max-width: 575.98px) {
  /* line 959, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries .desktop-member-filter {
    display: none;
  }
}

/* line 965, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries .datepicker-wrapper a {
  margin-right: 0px;
}

@media (max-width: 575.98px) {
  /* line 972, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries-copy-preview-popover {
    display: none;
  }
}

/* line 979, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .checkbox,
.app-dialog .checkbox {
  display: flex;
}

/* line 982, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .checkbox label,
.app-dialog .checkbox label {
  padding-left: 0px;
}

/* line 986, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .checkbox .hi.hi-info, .time-span-popover .checkbox .is-first.is-last.is-complete .v-step-number-wrapper .hi-info.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .time-span-popover .checkbox .hi-info.step-number, .time-span-popover .checkbox .toggling-dropdown > li.is-on > a.hi-info:before, .time-span-popover .checkbox .rounded-checkbox-wrapper input:checked + label.hi-info:before, .rounded-checkbox-wrapper .time-span-popover .checkbox input:checked + label.hi-info:before, .time-span-popover .checkbox .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-selection__choice__remove, .time-span-popover .checkbox .hi-info.datepicker:before,
.time-span-popover .checkbox .hi-info.hs_daterange_picker:before, .time-span-popover .checkbox .hi-info.search-filter:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-selection:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-info:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .time-span-popover .checkbox b.hi-info:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-date:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-week:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-paid:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-user:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-member:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-client:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-project:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-timesheet:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-task:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-team:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-job_site:before, .time-span-popover .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .time-span-popover .checkbox .hi-info.select2-results__option.is-work_break_policy:before, .time-span-popover .checkbox .hi-info.vue-map-search:before,
.app-dialog .checkbox .hi.hi-info,
.app-dialog .checkbox .is-first.is-last.is-complete .v-step-number-wrapper .hi-info.step-number,
.is-first.is-last.is-complete .v-step-number-wrapper .app-dialog .checkbox .hi-info.step-number,
.app-dialog .checkbox .toggling-dropdown > li.is-on > a.hi-info:before,
.app-dialog .checkbox .rounded-checkbox-wrapper input:checked + label.hi-info:before,
.rounded-checkbox-wrapper .app-dialog .checkbox input:checked + label.hi-info:before,
.app-dialog .checkbox .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-selection__choice__remove,
.select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-selection__choice__remove,
.app-dialog .checkbox .hi-info.datepicker:before,
.app-dialog .checkbox .hi-info.hs_daterange_picker:before,
.app-dialog .checkbox .hi-info.search-filter:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-selection:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-selection:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-info:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .app-dialog .checkbox b.hi-info:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-date:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-date:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-week:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-week:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-paid:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-paid:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-user:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-user:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-member:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-member:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-client:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-client:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-project:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-project:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-timesheet:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-timesheet:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-task:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-task:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-team:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-team:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-job_site:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-job_site:before,
.app-dialog .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-work_break_policy:before,
.groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .app-dialog .checkbox .hi-info.select2-results__option.is-work_break_policy:before,
.app-dialog .checkbox .hi-info.vue-map-search:before {
  padding-top: 3px;
}

/* line 996, app/assets/stylesheets/controllers/time_entries.scss */
.time-span-popover .time_entry_billable .custom-checkbox-wrapper .custom-checkbox-box + span {
  white-space: nowrap;
}

/* line 1006, app/assets/stylesheets/controllers/time_entries.scss */
.legacy-billable .checkbox label {
  padding-left: 20px;
}

/* line 1010, app/assets/stylesheets/controllers/time_entries.scss */
.legacy-billable .checkbox .hi.hi-info, .legacy-billable .checkbox .is-first.is-last.is-complete .v-step-number-wrapper .hi-info.step-number, .is-first.is-last.is-complete .v-step-number-wrapper .legacy-billable .checkbox .hi-info.step-number, .legacy-billable .checkbox .toggling-dropdown > li.is-on > a.hi-info:before, .legacy-billable .checkbox .rounded-checkbox-wrapper input:checked + label.hi-info:before, .rounded-checkbox-wrapper .legacy-billable .checkbox input:checked + label.hi-info:before, .legacy-billable .checkbox .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-selection__choice__remove, .legacy-billable .checkbox .hi-info.datepicker:before,
.legacy-billable .checkbox .hi-info.hs_daterange_picker:before, .legacy-billable .checkbox .hi-info.search-filter:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-selection:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b.hi-info:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .legacy-billable .checkbox b.hi-info:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-date:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-week:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-paid:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-user:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-member:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-client:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-project:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-timesheet:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-task:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-team:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-job_site:before, .legacy-billable .checkbox .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .hi-info.select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .legacy-billable .checkbox .hi-info.select2-results__option.is-work_break_policy:before, .legacy-billable .checkbox .hi-info.vue-map-search:before {
  padding-left: 3px;
}

/* line 1017, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .time-entries-weekly-duration {
  cursor: pointer;
}

/* line 1020, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .time-entries-weekly-duration:hover, .vue-time-entries-weekly .time-entries-weekly-duration:focus {
  transition: 0.25s;
  color: #2aa7ff;
}

/* line 1027, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .weekly-table-total {
  color: #31c48d;
  border-bottom: none !important;
}

/* line 1032, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .table td {
  box-shadow: none;
}

/* line 1035, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .table td.is-today {
  background-color: #f3f4f6;
}

/* line 1040, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .app-time-grid-header-table-data.fc-day-header {
  border-left: 1px #e5e7eb solid;
}

/* line 1044, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .fc-widget-header,
.vue-time-entries-weekly .vue-time-entries-weekly-table-row-table-data {
  border: 1px solid #e5e7eb;
}

/* line 1049, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .row-header,
.vue-time-entries-weekly .row-footer {
  border-right: 1px solid #e5e7eb;
  border-left: 1px solid #e5e7eb;
}

/* line 1055, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .table-data-end {
  border-top: 1px solid #e5e7eb;
}

/* line 1059, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .avatar.avatar_initial {
  min-width: 32px;
}

/* line 1063, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .total {
  padding-top: 13px;
}

/* line 1069, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .vue-time-entries-weekly-table-row-table-data:not(.archived) .time-entries-weekly-duration:hover {
  transition: 0.25s;
  color: #2aa7ff;
}

/* line 1075, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .vue-time-entries-weekly-table-row-table-data:last-child:not([colspan]) {
  cursor: auto;
  text-align: center !important;
}

/* line 1080, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .vue-time-entries-weekly-table-row-table-data.is-empty {
  cursor: pointer;
}

/* line 1085, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .vue-time-entries-weekly-table-row-table-data.is-empty:hover .hi-plus-circle, .vue-time-entries-weekly .vue-time-entries-weekly-table-row-table-data.is-empty:focus .hi-plus-circle {
  transition: 0.25s;
  display: inline-block;
  color: #2aa7ff;
}

/* line 1092, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .vue-time-entries-weekly-table-row-table-data.is-empty .hi-plus-circle {
  color: transparent;
}

/* line 1097, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly .vue-time-entries-weekly-table-row-table-data.disabled {
  cursor: auto;
}

/* line 1104, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly-list-popover .action {
  cursor: pointer;
}

/* line 1108, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly-list-popover .h5 {
  padding-left: 18px;
}

/* line 1112, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly-list-popover .btn-container {
  padding-right: 30px;
  padding-left: 30px;
}

/* line 1117, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-weekly-list-popover .popover-time-entries {
  max-height: 300px;
  overflow-y: scroll;
  padding-right: 18px;
  padding-left: 18px;
  margin-bottom: 15px;
}

/* line 1127, app/assets/stylesheets/controllers/time_entries.scss */
.vue-time-entries-calendar .fc-axis {
  min-width: 34px;
}

/* line 1133, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-time-zone-dropdown a {
  color: #1f2937;
  width: 100%;
}

/* line 1138, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-time-zone-dropdown a .row .text-lighter {
  font-size: 10px;
}

/* line 1145, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-time-zone-dropdown.open .hi-caret, .vue-app-time-zone-dropdown.open .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .vue-app-time-zone-dropdown.open b:before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 1150, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-time-zone-dropdown .hi-caret, .vue-app-time-zone-dropdown .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .vue-app-time-zone-dropdown b:before {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transform: translate3d(0, 0, 0) rotate(-360deg);
  -o-transform: translate3d(0, 0, 0) rotate(-360deg);
  -ms-transform: translate3d(0, 0, 0) rotate(-360deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
  transform: translate3d(0, 0, 0) rotate(-360deg);
}

/* line 1155, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-time-zone-dropdown p {
  color: #374151;
}

/* line 1159, app/assets/stylesheets/controllers/time_entries.scss */
.vue-app-time-zone-dropdown a::before {
  margin-right: 0px !important;
}

@media (max-width: 767.98px) {
  /* line 1166, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries-edit-time-span-popover .badge-next-day {
    top: 84px;
  }
  /* line 1172, app/assets/stylesheets/controllers/time_entries.scss */
  .vue-time-entries-edit-time-span-popover _::-webkit-full-page-media,
.vue-time-entries-edit-time-span-popover _:future,
.vue-time-entries-edit-time-span-popover :root,
.vue-time-entries-edit-time-span-popover .badge-next-day {
    top: 68px;
  }
}

/* line 1181, app/assets/stylesheets/controllers/time_entries.scss */
.d-inline-block {
  display: inline-block;
}

/* input fields without label above */
/* line 2, app/assets/stylesheets/controllers/time_off_policies.scss */
.form-group .suffix-label {
  line-height: 40px;
  vertical-align: middle;
  padding-left: 0;
}

/* line 8, app/assets/stylesheets/controllers/time_off_policies.scss */
.holiday_date {
  width: 100%;
}

/* line 12, app/assets/stylesheets/controllers/time_off_policies.scss */
.accrual-policy-change-notice {
  background-color: #e5e7eb;
  color: #6b7280;
  border-radius: 5px;
  padding: 1ex 1em;
  margin: -1ex 1em 1em 1em;
}

/* line 21, app/assets/stylesheets/controllers/time_off_policies.scss */
.adjustment_type_label {
  padding: 6px 12px;
  background-color: #777777;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.adjustment_type_label[href]:hover, .adjustment_type_label[href]:focus {
  background-color: #5e5e5e;
}

/* line 26, app/assets/stylesheets/controllers/time_off_policies.scss */
.adjustment_type_label.adjustment_type-accrual, .adjustment_type_label.adjustment_type-starting_balance, .adjustment_type_label.adjustment_type-starting_balance_no_rollover, .adjustment_type_label.adjustment_type-annual_accrual, .adjustment_type_label.adjustment_type-joined_date_accrual {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.adjustment_type_label.adjustment_type-accrual[href]:hover, .adjustment_type_label.adjustment_type-accrual[href]:focus, .adjustment_type_label.adjustment_type-starting_balance[href]:hover, .adjustment_type_label.adjustment_type-starting_balance[href]:focus, .adjustment_type_label.adjustment_type-starting_balance_no_rollover[href]:hover, .adjustment_type_label.adjustment_type-starting_balance_no_rollover[href]:focus, .adjustment_type_label.adjustment_type-annual_accrual[href]:hover, .adjustment_type_label.adjustment_type-annual_accrual[href]:focus, .adjustment_type_label.adjustment_type-joined_date_accrual[href]:hover, .adjustment_type_label.adjustment_type-joined_date_accrual[href]:focus {
  background-color: #0090f6;
}

/* line 34, app/assets/stylesheets/controllers/time_off_policies.scss */
.adjustment_type_label.adjustment_type-time_off {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.adjustment_type_label.adjustment_type-time_off[href]:hover, .adjustment_type_label.adjustment_type-time_off[href]:focus {
  background-color: #279b70;
}

/* line 38, app/assets/stylesheets/controllers/time_off_policies.scss */
.adjustment_type_label.adjustment_type-manual_adjustment {
  background-color: #777777;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.adjustment_type_label.adjustment_type-manual_adjustment[href]:hover, .adjustment_type_label.adjustment_type-manual_adjustment[href]:focus {
  background-color: #5e5e5e;
}

/* line 44, app/assets/stylesheets/controllers/time_off_policies.scss */
#hours_worked_box .hours-accrued-wrapper {
  flex-direction: column;
}

@media (min-width: 576px) {
  /* line 44, app/assets/stylesheets/controllers/time_off_policies.scss */
  #hours_worked_box .hours-accrued-wrapper {
    flex-direction: row;
  }
}

/* line 52, app/assets/stylesheets/controllers/time_off_policies.scss */
#hours_worked_box span.accrued-label {
  white-space: nowrap;
}

/* line 57, app/assets/stylesheets/controllers/time_off_policies.scss */
#hours_worked_box .time_off_policy_hours_per input#time_off_policy_hours_per,
#hours_worked_box .time_off_policy_hours_worked input#time_off_policy_hours_worked {
  width: 80px;
}

/* line 62, app/assets/stylesheets/controllers/time_off_policies.scss */
.hours-per-help-block {
  width: 53%;
}

/* line 67, app/assets/stylesheets/controllers/time_off_policies.scss */
.time-off-balances-edit-dialog .vertical-scroll-table {
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0 0 15px 0;
}

/* line 2, app/assets/stylesheets/controllers/time_off_requests.scss */
.balance-sheet hr {
  margin-top: 10px;
  margin-bottom: 20px;
}

/* line 8, app/assets/stylesheets/controllers/time_off_requests.scss */
.time_off_request_status {
  padding: 6px 12px;
}

/* line 12, app/assets/stylesheets/controllers/time_off_requests.scss */
.time_off_request_status.time_off-submitted {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.time_off_request_status.time_off-submitted[href]:hover, .time_off_request_status.time_off-submitted[href]:focus {
  background-color: #0090f6;
}

/* line 16, app/assets/stylesheets/controllers/time_off_requests.scss */
.time_off_request_status.time_off-approved {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.time_off_request_status.time_off-approved[href]:hover, .time_off_request_status.time_off-approved[href]:focus {
  background-color: #279b70;
}

/* line 20, app/assets/stylesheets/controllers/time_off_requests.scss */
.time_off_request_status.time_off-denied {
  background-color: #f05252;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.time_off_request_status.time_off-denied[href]:hover, .time_off_request_status.time_off-denied[href]:focus {
  background-color: #ec2323;
}

/* line 24, app/assets/stylesheets/controllers/time_off_requests.scss */
.time_off_request_status.time_off-partial-paid {
  background-color: #ffac51;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.time_off_request_status.time_off-partial-paid[href]:hover, .time_off_request_status.time_off-partial-paid[href]:focus {
  background-color: #ff941e;
}

/* line 29, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions {
  display: flex;
  flex-direction: column;
}

/* line 33, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .disable-div {
  pointer-events: none;
}

/* line 37, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .select-filters {
  display: flex;
  flex-direction: column;
  width: auto;
}

/* line 42, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .select-filters .date-filters {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: auto;
}

/* line 48, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .select-filters .date-filters .all-dates-toggle {
  width: 100%;
  display: flex;
  justify-content: start;
  margin-bottom: 1rem;
}

/* line 56, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .select-filters .date-filters .datepicker a {
  width: 100%;
}

/* line 59, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .select-filters .date-filters .datepicker a input {
  width: 100%;
}

/* line 66, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .select-filters .member-select {
  margin-top: 2rem;
}

/* line 70, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .select-filters .filters {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}

/* line 77, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .actions {
  display: flex;
  margin-top: 2rem;
}

/* line 81, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-actions .actions .request-button {
  width: 100%;
}

/* line 89, app/assets/stylesheets/controllers/time_off_requests.scss */
.time_off_requests table td .cell-container {
  color: #374151;
}

/* line 93, app/assets/stylesheets/controllers/time_off_requests.scss */
.time_off_requests table td .requested-on {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 100, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-table {
  border-left: 1px solid #e5e5e5;
}

/* line 105, app/assets/stylesheets/controllers/time_off_requests.scss */
.form-group.all-day-checkbox {
  position: relative;
}

/* line 110, app/assets/stylesheets/controllers/time_off_requests.scss */
.form-group .time_off_request_stops_at_date.datepicker.has-error .form-control {
  border-color: #f05252;
}

/* line 113, app/assets/stylesheets/controllers/time_off_requests.scss */
.form-group .time_off_request_stops_at_date.datepicker .help-block {
  font-size: 14px;
}

/* line 122, app/assets/stylesheets/controllers/time_off_requests.scss */
#status-time-off-request-modal .tz_message,
.time-off-request-modal .tz_message {
  font-size: 12px;
  color: #6b7280;
  margin-top: 5px;
}

/* line 128, app/assets/stylesheets/controllers/time_off_requests.scss */
#status-time-off-request-modal .review,
.time-off-request-modal .review {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* for IE 11 */
}

/* line 133, app/assets/stylesheets/controllers/time_off_requests.scss */
#status-time-off-request-modal label.remove-shifts,
.time-off-request-modal label.remove-shifts {
  font-weight: normal;
}

/* line 139, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-activites .time-off-activity {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 20px 10px;
}

/* line 148, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-fields-wrapper .form-group {
  margin: 0;
  width: 100%;
}

/* line 152, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-fields-wrapper .time_editor {
  width: 140px;
  margin-left: 12px;
}

/* line 156, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-fields-wrapper .time_editor input {
  padding: 10px;
}

/* line 161, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-request-fields-wrapper .datepicker:before {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  top: 12px;
}

/* line 168, app/assets/stylesheets/controllers/time_off_requests.scss */
.date-time-field-pair {
  display: flex;
}

/* line 171, app/assets/stylesheets/controllers/time_off_requests.scss */
.date-time-field-pair input {
  transition: all 0.4s ease;
}

/* line 174, app/assets/stylesheets/controllers/time_off_requests.scss */
.date-time-field-pair input.highlight {
  border-color: #2aa7ff;
}

@media (min-width: 992px) {
  /* line 182, app/assets/stylesheets/controllers/time_off_requests.scss */
  #status-time-off-request-modal .fieldset-wrapper,
#time-off-request-modal .fieldset-wrapper {
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  /* line 188, app/assets/stylesheets/controllers/time_off_requests.scss */
  #status-time-off-request-modal .hours_details,
#time-off-request-modal .hours_details {
    padding-left: 30px;
    border-left: 1px solid #e5e5e5;
  }
}

/* line 197, app/assets/stylesheets/controllers/time_off_requests.scss */
#time_off_requests .container-wrapper .text-center {
  max-width: 290px;
}

/* line 203, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-balances-table .add {
  color: #31c48d;
}

/* line 206, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-balances-table .subtract {
  color: #f05252;
}

/* line 210, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-balances-table > tbody + tbody {
  border: none;
}

/* line 214, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-balances-table tbody td,
.time-off-balances-table tbody th {
  min-width: 0 !important;
}

/* line 219, app/assets/stylesheets/controllers/time_off_requests.scss */
.time-off-balances-table tbody th {
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (min-width: 992px) {
  /* line 227, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-fields-wrapper {
    display: flex;
  }
  /* line 231, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-to-label {
    margin: 14px 12px 0;
  }
  /* line 236, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-activity .type {
    width: 30%;
  }
  /* line 242, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .select-filters {
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
  }
  /* line 247, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .select-filters .time-off-policy-selector {
    width: 21rem;
    margin-top: 0.1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  /* line 255, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .select-filters .date-filters .all-dates-toggle {
    justify-content: flex-end;
  }
  /* line 260, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .select-filters .date-filters .datepicker a {
    width: 29rem;
  }
  /* line 263, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .select-filters .date-filters .datepicker a input {
    width: 29rem;
  }
  /* line 270, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .select-filters .member-select {
    margin-top: 0;
    width: 21rem;
  }
  /* line 275, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .select-filters .filters {
    display: flex;
    flex-direction: row;
    margin-top: unset;
  }
  /* line 282, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .actions {
    justify-content: flex-end;
  }
  /* line 285, app/assets/stylesheets/controllers/time_off_requests.scss */
  .time-off-request-actions .actions .request-button {
    width: auto;
  }
}

/* line 292, app/assets/stylesheets/controllers/time_off_requests.scss */
#time_off_requests label.custom-checkbox-wrapper {
  position: relative;
}

/* line 296, app/assets/stylesheets/controllers/time_off_requests.scss */
#time_off_requests input.request-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 302, app/assets/stylesheets/controllers/time_off_requests.scss */
#time_off_requests input.request-checkbox:hover {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-status {
  padding: 5px 10px;
}

/* line 5, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-status.open {
  background-color: #ffac51;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-status.open[href]:hover, .timesheet-status.open[href]:focus {
  background-color: #ff941e;
}

/* line 8, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-status.submitted {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-status.submitted[href]:hover, .timesheet-status.submitted[href]:focus {
  background-color: #0090f6;
}

/* line 11, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-status.approved {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-status.approved[href]:hover, .timesheet-status.approved[href]:focus {
  background-color: #279b70;
}

/* line 14, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-status.denied {
  background-color: #f05252;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-status.denied[href]:hover, .timesheet-status.denied[href]:focus {
  background-color: #ec2323;
}

/* line 17, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-status.in-transition {
  background-color: grey;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-status.in-transition[href]:hover, .timesheet-status.in-transition[href]:focus {
  background-color: #676767;
}

/* line 22, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-sync-status {
  padding: 5px 10px;
}

/* line 26, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-sync-status.open {
  background-color: #ffac51;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-sync-status.open[href]:hover, .timesheet-sync-status.open[href]:focus {
  background-color: #ff941e;
}

/* line 29, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-sync-status.pending {
  background-color: #2aa7ff;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-sync-status.pending[href]:hover, .timesheet-sync-status.pending[href]:focus {
  background-color: #0090f6;
}

/* line 32, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-sync-status.synced {
  background-color: #31c48d;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-sync-status.synced[href]:hover, .timesheet-sync-status.synced[href]:focus {
  background-color: #279b70;
}

/* line 35, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-sync-status.error {
  background-color: #f05252;
}

/* line 7, ../usr/local/bundle/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_labels.scss */
.timesheet-sync-status.error[href]:hover, .timesheet-sync-status.error[href]:focus {
  background-color: #ec2323;
}

/* line 42, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .header .page-heading {
  margin: 0;
}

/* line 46, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .approvals-nav {
  margin-top: 48px;
}

/* line 48, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .approvals-nav .nav-tabs {
  margin-bottom: 0;
}

/* line 52, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .no-payroll {
  margin-top: 70px;
}

/* line 55, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .timesheets-datepicker,
.timesheet_approvals .member-selector .members {
  width: 358px;
}

/* line 59, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .table-wrapper {
  margin-top: 1px;
}

/* line 62, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .timesheet-activity {
  color: #ffffff;
  border-radius: 44px;
  display: inline-block;
  font-size: 12px;
  padding: 5px 10px;
}

/* line 69, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .batch-actions-container {
  height: 40px;
  margin-top: 20px;
}

/* line 73, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .timesheet-no-data {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* line 77, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .timesheet-no-data img {
  height: 300px;
}

/* line 82, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet_approvals .a-tooltip.cursor-auto {
  cursor: auto;
}

/* line 88, app/assets/stylesheets/controllers/timesheets.scss */
#timesheets-setup-modal label.custom-checkbox-wrapper {
  font-weight: normal;
}

/* line 92, app/assets/stylesheets/controllers/timesheets.scss */
#timesheets-setup-modal .members-tooltip {
  vertical-align: baseline;
  margin-left: 0.7rem;
  color: #6b7280;
}

/* line 98, app/assets/stylesheets/controllers/timesheets.scss */
#timesheets-setup-modal .hi-warning {
  margin-top: 1.3rem;
  color: #ff9725;
}

/* line 103, app/assets/stylesheets/controllers/timesheets.scss */
#timesheets-setup-modal .number-of-members-with-different-period {
  color: #2aa7ff;
}

/* line 107, app/assets/stylesheets/controllers/timesheets.scss */
#timesheets-setup-modal input:checked + .custom-checkbox-box {
  background-color: #2aa7ff;
}

/* line 112, app/assets/stylesheets/controllers/timesheets.scss */
.nav-flex-wrap {
  flex-wrap: wrap;
}

/* line 116, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-page-wrapper {
  display: flex;
  flex-direction: column;
}

/* line 119, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-page-wrapper .submitted-on {
  color: #6b7280;
}

/* line 122, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-page-wrapper .data {
  color: #374151;
  font-weight: 500;
  margin: 3px 0 5px;
}

/* line 127, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-page-wrapper .data-blank {
  color: #6b7280;
}

/* line 130, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-page-wrapper .time-range {
  color: #6b7280;
  font-size: 14px;
}

/* line 134, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-page-wrapper .timesheet-activity {
  color: #ffffff;
  border-radius: 44px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  padding: 3px 10px;
}

/* line 142, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-page-wrapper span.total-time {
  font-size: 14px;
  color: #6b7280;
  font-weight: normal;
  margin-left: 18px;
}

/* line 149, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-page-wrapper .timesheet-row .duration,
.timesheet-page-wrapper .timesheet-row time {
  color: #374151;
}

@media (max-width: 1199.98px) {
  /* line 158, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-head-wrapper h3 {
    font-size: 22px;
  }
}

@media (max-width: 1023.98px) {
  /* line 164, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-head-wrapper h3 {
    font-size: 20px;
  }
  /* line 168, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-head-wrapper .btn, .timesheet-head-wrapper .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .timesheet-head-wrapper .nav-item {
    padding: 9px 10px;
    min-width: auto;
  }
}

@media (max-width: 767.98px) {
  /* line 175, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-head-wrapper .timesheet-link i {
    margin: 0;
  }
  /* line 179, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-head-wrapper .timesheet-link span {
    display: none;
  }
}

/* line 185, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}

/* line 189, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-header {
  min-height: 30px;
  border-bottom: 1px solid #e5e7eb;
  background-color: #f9fafb;
}

/* line 195, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-avatar .avatar {
  margin-right: 0px;
}

/* line 199, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-user {
  font-size: 16px;
}

/* line 204, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-actions .btn, .timesheet-panel .timesheet-panel-actions .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .timesheet-panel .timesheet-panel-actions .nav-item {
  min-width: auto;
}

/* line 209, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-payment-record {
  display: flex;
  align-items: center;
  height: 30px;
  border: 1px solid #d1d5db;
  border-radius: 20px;
  padding: 4px 12px;
}

/* line 218, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-meta {
  gap: 20px;
}

/* line 221, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-meta .data-wrapper {
  padding: 10px;
}

/* line 225, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-meta .data-heading {
  color: #374151;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
}

/* line 231, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-meta .data-heading .data {
  margin: 0;
}

/* line 236, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-meta .data-blank {
  color: #6b7280;
}

/* line 240, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-meta .data-value {
  height: 16px;
  line-height: 16px;
  color: #6b7280;
  font-size: 12px;
}

/* line 247, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-panel .timesheet-panel-meta .timesheet-activity {
  padding: 0px 6px;
}

@media (max-width: 1439.98px) {
  /* line 253, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-meta {
    gap: 5px;
  }
}

@media (max-width: 1199.98px) {
  /* line 259, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-body {
    flex-direction: column;
  }
  /* line 263, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-meta {
    width: 100%;
    flex-wrap: wrap;
    gap: 0;
  }
  /* line 268, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-meta .data-wrapper {
    flex-basis: 20%;
  }
  /* line 272, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-meta .data-wrapper:last-of-type {
    flex-grow: 1;
  }
  /* line 278, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-meta:first-of-type .data-wrapper {
    border-bottom: 1px solid #e5e7eb;
  }
}

@media (max-width: 767.98px) {
  /* line 285, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .btn-sm, .timesheet-panel .btn-group-sm > .btn, .timesheet-panel .app-tabs-switch > .nav.nav-tabs .btn-group-sm > .nav-item, .app-tabs-switch > .nav.nav-tabs .timesheet-panel .btn-group-sm > .nav-item {
    padding: 5px 10px;
  }
  /* line 289, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-header {
    flex-wrap: wrap;
  }
  /* line 293, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-actions:has(.btn, .app-tabs-switch > .nav.nav-tabs .nav-item) {
    margin-top: 10px;
    flex-basis: 100%;
  }
  /* line 297, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-actions:has(.btn, .app-tabs-switch > .nav.nav-tabs .nav-item) :last-child {
    margin-left: auto;
  }
  /* line 303, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-panel .timesheet-panel-meta .data-wrapper {
    flex-basis: 33.33%;
  }
}

/* line 310, app/assets/stylesheets/controllers/timesheets.scss */
.text-warning-orange {
  color: #ff9725;
}

/* line 314, app/assets/stylesheets/controllers/timesheets.scss */
.timesheets-nav {
  order: 0;
  display: flex;
  justify-content: space-between;
}

/* line 320, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-filters-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 326, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-filters-wrapper .pay-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

/* line 332, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-filters-wrapper .pay-button .btn, .timesheet-filters-wrapper .pay-button .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .timesheet-filters-wrapper .pay-button .nav-item {
  width: 100%;
}

/* line 337, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-filters-wrapper .filters {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}

/* line 343, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-filters-wrapper .filters .select {
  width: 100%;
  margin-top: 10px;
}

/* line 351, app/assets/stylesheets/controllers/timesheets.scss */
.timesheets-deny-modal .table-wrapper {
  border-bottom: 1px solid #d1d5db;
  margin: 0 0 27px;
}

/* line 356, app/assets/stylesheets/controllers/timesheets.scss */
.timesheets-deny-modal .info-table {
  font-weight: 500;
  margin: 0 0 27px;
}

/* line 361, app/assets/stylesheets/controllers/timesheets.scss */
.timesheets-deny-modal .info-table th {
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  color: #6b7280;
  padding: 0 0 4px;
}

/* line 370, app/assets/stylesheets/controllers/timesheets.scss */
.timesheets-deny-modal .info-table td {
  padding: 0 32px 0 0;
  font-size: 14px;
  line-height: 16px;
  color: #1f2937;
}

/* line 379, app/assets/stylesheets/controllers/timesheets.scss */
.timesheet-table .screen-count-pill {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
  color: #2aa7ff;
  font-size: 12px;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  user-select: none;
  width: 87px;
}

@media (min-width: 576px) {
  /* line 396, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-status,
.timesheet-sync-status {
    align-self: flex-end;
    margin: 0 0 0 10px;
  }
  /* line 401, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-filters-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
  }
  /* line 406, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-filters-wrapper .pay-button {
    width: auto;
  }
  /* line 409, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-filters-wrapper .pay-button .btn, .timesheet-filters-wrapper .pay-button .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .timesheet-filters-wrapper .pay-button .nav-item {
    width: auto;
  }
  /* line 414, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-filters-wrapper .filters {
    flex-direction: row;
    justify-content: end;
    width: auto;
  }
  /* line 419, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-filters-wrapper .filters .select {
    margin-right: 15px;
    width: auto;
  }
  /* line 423, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-filters-wrapper .filters .select:last-child {
    margin-right: 0;
  }
  /* line 427, app/assets/stylesheets/controllers/timesheets.scss */
  .timesheet-filters-wrapper .filters .select .select2-container--bootstrap.select2-container--bootstrap {
    max-width: 165px;
  }
}

/* line 436, app/assets/stylesheets/controllers/timesheets.scss */
.TheTimesheetScreensDialog .header {
  display: flex;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #d1d5db;
}

/* line 441, app/assets/stylesheets/controllers/timesheets.scss */
.TheTimesheetScreensDialog .header-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 448, app/assets/stylesheets/controllers/timesheets.scss */
.TheTimesheetScreensDialog .date-range-title {
  color: #6b7280;
  font-weight: 500;
}

/* line 453, app/assets/stylesheets/controllers/timesheets.scss */
.TheTimesheetScreensDialog .date-range-period {
  display: flex;
  align-items: center;
}

/* line 458, app/assets/stylesheets/controllers/timesheets.scss */
.TheTimesheetScreensDialog .view-all-screens {
  margin-top: 3rem;
}

/* line 462, app/assets/stylesheets/controllers/timesheets.scss */
.TheTimesheetScreensDialog .activities {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}

@media (max-width: 1199px) {
  /* line 469, app/assets/stylesheets/controllers/timesheets.scss */
  .TheTimesheetScreensDialog .header {
    flex-direction: column;
  }
}

/* line 475, app/assets/stylesheets/controllers/timesheets.scss */
#timesheets.timesheet_approvals label.custom-checkbox-wrapper,
#timesheets.timesheet-page-wrapper label.custom-checkbox-wrapper {
  position: relative;
}

/* line 480, app/assets/stylesheets/controllers/timesheets.scss */
input.timesheet-checkbox {
  display: block;
  opacity: 0;
  position: absolute;
}

/* line 486, app/assets/stylesheets/controllers/timesheets.scss */
input.timesheet-checkbox:hover {
  cursor: pointer;
}

/* line 491, app/assets/stylesheets/controllers/timesheets.scss */
.TimesheetDatesHeader ul.nav.nav-tabs li a {
  text-transform: none;
}

/* line 495, app/assets/stylesheets/controllers/timesheets.scss */
.TimesheetDatesHeader ul.nav.nav-tabs {
  padding-top: 2.6rem;
  margin: 0;
  display: flex;
  justify-content: end;
}

/* line 502, app/assets/stylesheets/controllers/timesheets.scss */
.TimesheetDatesHeader .buttons {
  display: flex;
  justify-content: end;
}

/* line 507, app/assets/stylesheets/controllers/timesheets.scss */
.TimesheetDatesHeader .pill:last-child {
  margin-right: 0;
}

/* line 511, app/assets/stylesheets/controllers/timesheets.scss */
.TimesheetDatesHeader .pill {
  margin-right: 1.6rem;
  margin-top: 3rem;
  border-radius: 2rem;
  padding: 0.7rem 1.6rem;
  width: 75px;
  font-weight: 400;
  color: #6b7280;
  box-shadow: none;
}

/* line 522, app/assets/stylesheets/controllers/timesheets.scss */
.TimesheetDatesHeader .pill:hover {
  background-color: #f3f4f6;
}

/* line 526, app/assets/stylesheets/controllers/timesheets.scss */
.TimesheetDatesHeader .pill.active {
  border: 1px solid #0168dd;
  background-color: #d4edff !important;
  color: #0168dd !important;
  font-weight: 500;
}

/* line 533, app/assets/stylesheets/controllers/timesheets.scss */
.TimesheetDatesHeader .pill[disabled='disabled'] {
  background-color: #f9fafb;
  border: 1px solid #d1d5db;
  color: #6b7280;
}

@media (max-width: 1199px) {
  /* line 540, app/assets/stylesheets/controllers/timesheets.scss */
  .TimesheetDatesHeader ul.nav.nav-tabs {
    justify-content: start;
  }
  /* line 544, app/assets/stylesheets/controllers/timesheets.scss */
  .TimesheetDatesHeader .buttons {
    justify-content: start;
    flex-wrap: wrap;
  }
  /* line 549, app/assets/stylesheets/controllers/timesheets.scss */
  .TimesheetDatesHeader .pill {
    margin-top: 20px;
  }
}

/* line 555, app/assets/stylesheets/controllers/timesheets.scss */
body:has(.main-wrapper .timesheet_approvals) #teleport-target .dropdown-menu {
  width: fit-content;
}

/* line 558, app/assets/stylesheets/controllers/timesheets.scss */
body:has(.main-wrapper .timesheet_approvals) #teleport-target .dropdown-menu li .payroll-cta {
  color: #2aa7ff;
}

/* line 563, app/assets/stylesheets/controllers/timesheets.scss */
body.timesheets-index-wired #review-prompt {
  background-color: white;
  padding: 30px 30px 0 30px;
  margin: -30px -30px 10px -30px;
}

@media (max-width: 991px) {
  /* line 563, app/assets/stylesheets/controllers/timesheets.scss */
  body.timesheets-index-wired #review-prompt {
    padding: 15px 15px 0 15px;
    margin: -30px -15px 10px -15px;
  }
}

/* line 575, app/assets/stylesheets/controllers/timesheets.scss */
#settings_timesheets_modify_time_rules .list {
  border: 0.1rem solid #4B5563;
  border-radius: 8px;
  padding: 1rem;
  padding-left: 2.5rem;
  background-color: #F9FAFB;
}

/* line 582, app/assets/stylesheets/controllers/timesheets.scss */
#settings_timesheets_modify_time_rules .list li {
  font-size: 1.2rem;
}

/* line 2, app/assets/stylesheets/controllers/unsubscribe.scss */
.logo-left-unsubscribe img {
  width: 220px;
  margin: 0 auto 2rem;
  padding-right: 4rem;
  display: block;
}

/* line 10, app/assets/stylesheets/controllers/unsubscribe.scss */
.unsubscribe-notifications {
  margin: 0 auto;
}

/* line 12, app/assets/stylesheets/controllers/unsubscribe.scss */
.unsubscribe-notifications i {
  font-size: 10em;
}

/* line 1, app/assets/stylesheets/controllers/user_organizations.scss */
.member-search {
  padding-right: 60px;
  margin-bottom: 15px;
}

/* line 6, app/assets/stylesheets/controllers/user_organizations.scss */
.badge-go {
  height: 40px;
  border-radius: 20px;
  width: 55px;
  right: 5px;
  top: 20px;
  padding-top: 14px;
  position: absolute;
  z-index: 1;
  display: none;
}

/* line 18, app/assets/stylesheets/controllers/user_organizations.scss */
.badge-primary {
  background-color: #2aa7ff;
}

/* line 22, app/assets/stylesheets/controllers/user_organizations.scss */
.per-page-divider {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 15px;
  font-weight: lighter;
}

/* line 30, app/assets/stylesheets/controllers/user_organizations.scss */
.per-page-dropdown .dropdown-toggle {
  color: #374151;
  padding: 0px 5px;
  min-width: 45px;
}

/* line 35, app/assets/stylesheets/controllers/user_organizations.scss */
.per-page-dropdown .dropdown-menu {
  min-width: 45px;
}

/* line 1, app/assets/stylesheets/controllers/users.scss */
.user-actions {
  text-align: center;
}

/* line 3, app/assets/stylesheets/controllers/users.scss */
.user-actions .btn-block {
  margin: 15px 0;
}

/* line 6, app/assets/stylesheets/controllers/users.scss */
.user-actions .btn-naked {
  margin-top: 5px;
  margin-bottom: 20px;
}

/* line 12, app/assets/stylesheets/controllers/users.scss */
.avatar_initial {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  color: #ffffff;
  font-weight: 500;
  flex-shrink: 0;
}

/* line 24, app/assets/stylesheets/controllers/users.scss */
.avatar_initial.avatar-speck {
  font-size: 12px;
  line-height: 25px;
}

/* line 29, app/assets/stylesheets/controllers/users.scss */
.avatar_initial.avatar-medium {
  line-height: 32px;
}

/* line 33, app/assets/stylesheets/controllers/users.scss */
.avatar_initial.avatar-thumb {
  line-height: 50px;
}

/* line 37, app/assets/stylesheets/controllers/users.scss */
.avatar_initial.avatar-normal {
  line-height: 150px;
}

/* line 42, app/assets/stylesheets/controllers/users.scss */
img.avatar-thumb {
  border: 1px solid #e5e5e5;
}

/* line 47, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .header {
  display: flex;
  margin-bottom: 42px;
  align-items: baseline;
}

/* line 52, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .header h4 {
  margin: 0;
  margin-right: 18px;
}

/* line 57, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .header .border-left {
  position: relative;
  height: 24px;
  bottom: -7px;
}

/* line 63, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .header a.btn.btn-naked, div.notifications-panel .header .app-tabs-switch > .nav.nav-tabs a.btn-naked.nav-item, .app-tabs-switch > .nav.nav-tabs div.notifications-panel .header a.btn-naked.nav-item {
  padding: 9px;
}

/* line 68, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .toggle-container {
  display: flex;
  align-self: flex-start;
}

/* line 73, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-category h5 {
  margin: 0;
}

/* line 77, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-group {
  display: flex;
}

/* line 80, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-group .text-container {
  margin-left: 8px;
}

/* line 83, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-group .text-container h6 {
  margin: 0;
  line-height: 16px;
}

/* line 88, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-group .text-container p.description {
  margin: 0;
  margin-top: 8px;
}

/* line 95, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-group, div.notifications-panel .optedout-category {
  margin-bottom: 24px;
}

/* line 99, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-groups {
  display: flex;
}

/* line 103, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-halved-groups {
  flex: 1;
}

/* line 107, app/assets/stylesheets/controllers/users.scss */
div.notifications-panel .optedout-halved-groups:first-child {
  margin-right: 80px;
}

@media (max-width: 768px) {
  /* line 113, app/assets/stylesheets/controllers/users.scss */
  div.notifications-panel .optedout-groups {
    flex-direction: column;
  }
  /* line 117, app/assets/stylesheets/controllers/users.scss */
  div.notifications-panel .optedout-halved-groups:first-child {
    margin-right: 0;
  }
}

/* line 1, app/assets/stylesheets/controllers/wizard.scss */
.steps-wrapper {
  overflow: hidden;
}

/* line 5, app/assets/stylesheets/controllers/wizard.scss */
.step-segment {
  margin-bottom: 5px;
}

/* line 7, app/assets/stylesheets/controllers/wizard.scss */
.step-segment.active {
  font-weight: 500;
  color: #2aa7ff;
}

/* line 13, app/assets/stylesheets/controllers/wizard.scss */
.step-number-wrapper {
  display: inline-block;
  margin-right: 10px;
}

/* line 16, app/assets/stylesheets/controllers/wizard.scss */
.is-complete .step-number-wrapper {
  text-decoration: line-through;
}

/* line 21, app/assets/stylesheets/controllers/wizard.scss */
.step-title {
  margin-top: 5px;
  display: inline-block;
}

/* line 24, app/assets/stylesheets/controllers/wizard.scss */
.is-complete .step-title {
  text-decoration: line-through;
}

@media (min-width: 480px) {
  /* line 30, app/assets/stylesheets/controllers/wizard.scss */
  .step-segments-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  /* line 35, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment {
    flex-basis: 0;
    flex-grow: 2;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0;
  }
  /* line 42, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment:after {
    display: block;
    content: '';
    position: absolute;
    height: 4px;
    top: 16px;
    z-index: -1;
    background-color: #31c48d;
  }
  /* line 51, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment.is-first {
    flex-grow: 1;
  }
  /* line 53, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment.is-first:after {
    left: 4px;
  }
  /* line 58, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment.is-complete:after {
    width: 100%;
  }
  /* line 63, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment.active:not(.is-first):after {
    width: 50%;
  }
  /* line 67, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment.is-last {
    flex-grow: 1;
  }
  /* line 69, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment.is-last:after {
    right: 4px;
  }
  /* line 73, app/assets/stylesheets/controllers/wizard.scss */
  .step-segment.is-last.active:after {
    width: 100%;
  }
  /* line 80, app/assets/stylesheets/controllers/wizard.scss */
  .step-number-wrapper {
    width: 42px;
    height: 42px;
    background: url(https://server-assets.hubstaff.com/b9e3417e06/global/step-circle-9740edee5d40d3bd5f01b22585f4c3436d8aa70a972ff85ee6a9d5552978c5cf.png) no-repeat;
    display: block;
    margin: 0 auto;
  }
  /* line 87, app/assets/stylesheets/controllers/wizard.scss */
  .is-first .step-number-wrapper {
    background: url(https://server-assets.hubstaff.com/b9e3417e06/global/step-circle-first-0874a86cf4ec6fbedb99bf8ca8c9df46e749f6ec0bf25f5ccd237da2155e5d89.png) no-repeat;
    margin-left: 0;
  }
  /* line 91, app/assets/stylesheets/controllers/wizard.scss */
  .is-first.is-complete .step-number-wrapper {
    background: url(https://server-assets.hubstaff.com/b9e3417e06/global/step-circle-first-complete-38581132c4a22449e203a0a9edac19cc8c7b44314fb13370d30d4fe2af59e283.png) no-repeat;
    margin-left: 0;
  }
  /* line 95, app/assets/stylesheets/controllers/wizard.scss */
  .is-last .step-number-wrapper {
    background: url(https://server-assets.hubstaff.com/b9e3417e06/global/step-circle-last-75c3c2d8b560772619a0608a190661c17412c1923ef12c8e5c93a039d04ba9c5.png) no-repeat;
    margin-right: 0;
  }
  /* line 99, app/assets/stylesheets/controllers/wizard.scss */
  .is-complete .step-number-wrapper {
    background: url(https://server-assets.hubstaff.com/b9e3417e06/global/step-circle-complete-416f5fb11f8cc9741d85b41747494d90698380677fe6cd264011cbd0f59f9190.png) no-repeat;
    text-decoration: none;
  }
  /* line 102, app/assets/stylesheets/controllers/wizard.scss */
  .is-complete .step-number-wrapper .step-number {
    visibility: hidden;
  }
  /* line 108, app/assets/stylesheets/controllers/wizard.scss */
  .step-number {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    margin: 0 auto;
    position: relative;
    top: 3px;
    padding: 4px 0;
    color: #9ca3af;
    text-align: center;
    font-size: 14px;
  }
  /* line 123, app/assets/stylesheets/controllers/wizard.scss */
  .step-title {
    text-align: center;
    display: block;
  }
  /* line 126, app/assets/stylesheets/controllers/wizard.scss */
  .is-first .step-title {
    left: -50%;
    margin-left: 20px;
    position: relative;
    display: inline-block;
    width: 100%;
  }
  /* line 133, app/assets/stylesheets/controllers/wizard.scss */
  .is-last .step-title {
    right: -50%;
    margin-left: -20px;
    position: relative;
    display: inline-block;
    width: 100%;
  }
  /* line 140, app/assets/stylesheets/controllers/wizard.scss */
  .is-complete .step-title {
    text-decoration: none;
  }
  /* line 145, app/assets/stylesheets/controllers/wizard.scss */
  .lines-wrapper {
    padding: 0 5px;
  }
  /* line 149, app/assets/stylesheets/controllers/wizard.scss */
  .step-line {
    position: relative;
    float: left;
    left: 0px;
    top: 23px;
    width: 100%;
    z-index: -2;
    border: 1px solid #d1d5db;
    background-color: #e5e7eb;
    padding: 4px 0;
  }
  /* line 161, app/assets/stylesheets/controllers/wizard.scss */
  .step-filling-line {
    position: absolute;
    height: 4px;
    top: 2px;
    background-color: #31c48d;
  }
  /* line 169, app/assets/stylesheets/controllers/wizard.scss */
  .steps {
    margin-bottom: 60px;
    position: relative;
    color: #9ca3af;
    width: 68%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 228, app/assets/stylesheets/helpers/_mixins.scss */
  .steps:before, .steps:after {
    content: " ";
    display: table;
  }
  /* line 234, app/assets/stylesheets/helpers/_mixins.scss */
  .steps:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
  }
  /* line 242, app/assets/stylesheets/helpers/_mixins.scss */
  .steps {
    *zoom: 1;
  }
  /* line 178, app/assets/stylesheets/controllers/wizard.scss */
  .steps .active {
    color: #2aa7ff;
    font-weight: 400;
  }
  /* line 183, app/assets/stylesheets/controllers/wizard.scss */
  .steps .inactive {
    color: #e5e7eb;
  }
  /* line 185, app/assets/stylesheets/controllers/wizard.scss */
  .steps .inactive .step-number {
    border-color: #e5e7eb;
    background-color: #ffffff;
  }
}

/* line 193, app/assets/stylesheets/controllers/wizard.scss */
.vertical-steps {
  position: relative;
}

/* line 195, app/assets/stylesheets/controllers/wizard.scss */
.vertical-steps .step-number {
  top: 6px;
  margin-left: 3px;
}

@media (max-width: 768px) {
  /* line 193, app/assets/stylesheets/controllers/wizard.scss */
  .vertical-steps {
    margin-bottom: 80px;
  }
}

/* line 208, app/assets/stylesheets/controllers/wizard.scss */
.v-step-line {
  position: absolute;
  float: left;
  left: 13px;
  top: 5px;
  bottom: 0;
  width: 10px;
  height: calc(100% - 10px);
  z-index: -2;
  border: 1px solid #d1d5db;
  background-color: #e5e7eb;
  padding: 0 4px;
}

/* line 222, app/assets/stylesheets/controllers/wizard.scss */
.v-step-content {
  padding: 10px 0 0 50px;
  position: relative;
}

/* line 225, app/assets/stylesheets/controllers/wizard.scss */
.is-complete .v-step-content {
  color: #6b7280;
  text-decoration: line-through;
}

/* line 228, app/assets/stylesheets/controllers/wizard.scss */
.is-complete .v-step-content .btn, .is-complete .v-step-content .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .is-complete .v-step-content .nav-item {
  color: #6b7280;
}

/* line 232, app/assets/stylesheets/controllers/wizard.scss */
.is-last .v-step-content {
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  top: -40px;
}

/* line 238, app/assets/stylesheets/controllers/wizard.scss */
.v-step-segment {
  position: relative;
}

/* line 240, app/assets/stylesheets/controllers/wizard.scss */
.v-step-segment:after {
  display: block;
  content: '';
  position: absolute;
  top: 5px;
  width: 4px;
  left: 16px;
  z-index: -1;
  background-color: #31c48d;
}

/* line 251, app/assets/stylesheets/controllers/wizard.scss */
.v-step-segment.is-complete:after {
  height: 100%;
}

/* line 257, app/assets/stylesheets/controllers/wizard.scss */
.v-step-segment.is-last.is-complete:after, .v-step-segment.is-last.active:after {
  height: calc(100% - 10px);
}

/* line 263, app/assets/stylesheets/controllers/wizard.scss */
.v-step-number-wrapper {
  width: 42px;
  height: 42px;
  background: url(https://server-assets.hubstaff.com/b9e3417e06/global/v-step-circle-1861c562afd2f7aafa7e9e8e7867a0b1827ba2cf7afced256b37934e36eaacab.png) no-repeat;
  float: left;
}

/* line 268, app/assets/stylesheets/controllers/wizard.scss */
.is-first .v-step-number-wrapper {
  background: url(https://server-assets.hubstaff.com/b9e3417e06/global/v-step-circle-first-09afed8788253449843bb496a833cfc77e2d348322064fb1fd24c3e5a1f837fd.png) no-repeat;
  margin-left: 0;
}

/* line 272, app/assets/stylesheets/controllers/wizard.scss */
.is-first.is-complete .v-step-number-wrapper {
  background: url(https://server-assets.hubstaff.com/b9e3417e06/global/v-step-circle-first-complete-e9c9935e480620abd5975952c5814d31bbd6266ed5bd18d05627a112fe9378a0.png) no-repeat;
  margin-left: 0;
}

/* line 276, app/assets/stylesheets/controllers/wizard.scss */
.is-last .v-step-number-wrapper {
  background: url(https://server-assets.hubstaff.com/b9e3417e06/global/v-step-circle-last-4115b1ac0e0864284606cc605afcd182fc8ef2433363c369b8abf21884fb2e8d.png) no-repeat;
  position: absolute;
  bottom: 0;
}

/* line 282, app/assets/stylesheets/controllers/wizard.scss */
.is-last.is-complete .v-step-number-wrapper {
  background: url(https://server-assets.hubstaff.com/b9e3417e06/global/v-step-circle-last-complete-62a6cea98b0fb8fd102b4acdd7dadfa32585519e99e925f525841a96c810405d.png) no-repeat;
  margin-right: 0;
}

/* line 286, app/assets/stylesheets/controllers/wizard.scss */
.is-complete .v-step-number-wrapper {
  background: url(https://server-assets.hubstaff.com/b9e3417e06/global/v-step-circle-complete-86ef91d246201ceaede78123f14982fccf7a938592e34d7b64994074bc430eee.png) no-repeat;
  text-decoration: none;
}

/* line 289, app/assets/stylesheets/controllers/wizard.scss */
.is-complete .v-step-number-wrapper .step-number {
  display: none;
}

/* line 298, app/assets/stylesheets/controllers/wizard.scss */
.is-first.is-last.is-complete .v-step-number-wrapper .step-number {
  display: block;
  text-indent: 9999px;
  background-color: #31c48d;
  border: none;
}

/* line 305, app/assets/stylesheets/controllers/wizard.scss */
.is-first.is-last.is-complete .v-step-number-wrapper .step-number:before {
  color: #ffffff;
  position: absolute;
  top: 8px;
  left: 8px;
  text-indent: 0;
}

/* line 314, app/assets/stylesheets/controllers/wizard.scss */
.is-first.is-last.is-complete:after {
  display: none;
}

/* line 318, app/assets/stylesheets/controllers/wizard.scss */
.is-first.is-last ~ .v-line-wrapper {
  display: none;
}

/* line 321, app/assets/stylesheets/controllers/wizard.scss */
.is-first.is-last .v-step-content {
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  top: 0;
}

/* line 325, app/assets/stylesheets/controllers/wizard.scss */
.is-first.is-last .v-step-number-wrapper {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  margin-top: 10px;
  background: #e5e7eb;
  border: 1px solid #d1d5db;
  bottom: auto;
  top: 0;
}

/* line 335, app/assets/stylesheets/controllers/wizard.scss */
.is-first.is-last .step-number {
  top: 2px;
  margin-left: 2px;
}

/* line 341, app/assets/stylesheets/controllers/wizard.scss */
.feedback-ad {
  min-height: 80px;
  margin-bottom: 40px;
}

/* line 344, app/assets/stylesheets/controllers/wizard.scss */
.feedback-ad p:nth-child(2) {
  padding-top: 10px;
}

/* line 347, app/assets/stylesheets/controllers/wizard.scss */
.feedback-ad .feedback-img {
  float: left;
  padding: 0 20px 20px 50px;
}

@media (max-width: 991px) {
  /* line 347, app/assets/stylesheets/controllers/wizard.scss */
  .feedback-ad .feedback-img {
    padding-left: 0px;
  }
}

@media (max-width: 424px) {
  /* line 347, app/assets/stylesheets/controllers/wizard.scss */
  .feedback-ad .feedback-img {
    display: none;
  }
}

@media (max-width: 767px) {
  /* line 341, app/assets/stylesheets/controllers/wizard.scss */
  .feedback-ad {
    margin-left: -8%;
    margin-right: 8%;
  }
}

/* line 363, app/assets/stylesheets/controllers/wizard.scss */
.wizard-platform-image,
.wizard-platform-instructions,
.wizard-track-time {
  display: none;
}

/* line 367, app/assets/stylesheets/controllers/wizard.scss */
.wizard-platform-image.active,
.wizard-platform-instructions.active,
.wizard-track-time.active {
  display: block;
}

/* line 373, app/assets/stylesheets/controllers/wizard.scss */
#integration-options-modal .integrations_list {
  overflow: scroll;
  height: 565px;
}

/* line 377, app/assets/stylesheets/controllers/wizard.scss */
#integration-options-modal .integrations_list .integration-thumb {
  min-height: 0px;
}

/* line 380, app/assets/stylesheets/controllers/wizard.scss */
#integration-options-modal .integrations_list .integration-thumb .blank-link {
  padding: 15px 0;
}

/* line 387, app/assets/stylesheets/controllers/wizard.scss */
.retrieving {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 398, app/assets/stylesheets/controllers/wizard.scss */
#import-projects-and-users #error-box,
.integration-wizard-projects #error-box,
.integration-wizard-users #error-box {
  background-color: #f3f4f6;
  width: 300px;
  margin: 0 auto;
  padding: 35px;
}

/* line 404, app/assets/stylesheets/controllers/wizard.scss */
#import-projects-and-users .checkbox-label-name,
.integration-wizard-projects .checkbox-label-name,
.integration-wizard-users .checkbox-label-name {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  max-width: calc(100% - 40px);
  overflow: hidden;
}

/* line 414, app/assets/stylesheets/controllers/wizard.scss */
.fetched-data-scrollbox {
  margin-top: 10px;
  max-height: 300px;
  overflow: auto;
}

/* line 420, app/assets/stylesheets/controllers/wizard.scss */
.project-chekboxes,
.user-chekboxes {
  -webkit-column-count: 2;
  /* Chrome, Safari, Android, Blackberry  */
  -moz-column-count: 2;
  /* Firefox 34+ */
  column-count: 2;
  /* IE 10+, Opera 11.1+, New */
}

/* line 425, app/assets/stylesheets/controllers/wizard.scss */
.white-tile {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 1, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 1, 0.15);
  border-radius: 3px;
  padding: 40px 20px 30px;
  position: relative;
}

/* line 431, app/assets/stylesheets/controllers/wizard.scss */
.wizard-chooser .white-tile {
  flex-basis: 100%;
}

/* line 436, app/assets/stylesheets/controllers/wizard.scss */
.wizard-footer {
  text-align: center;
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
}

/* line 444, app/assets/stylesheets/controllers/wizard.scss */
.wizard-integrations {
  display: flex;
  flex-flow: row wrap;
  font-size: 13px;
  margin: 10px 0 20px;
}

/* line 451, app/assets/stylesheets/controllers/wizard.scss */
.wizard-integration {
  width: 33%;
  padding: 20px 10px;
  margin: 5px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 458, app/assets/stylesheets/controllers/wizard.scss */
.wizard-integration:hover {
  font-weight: 500;
  color: #2aa7ff;
  background-color: #f9fafb;
}

/* line 465, app/assets/stylesheets/controllers/wizard.scss */
.save-time-badge {
  position: absolute;
  top: 20px;
  right: -15px;
  background-color: #faca15;
}

@media (min-width: 768px) {
  /* line 474, app/assets/stylesheets/controllers/wizard.scss */
  .wizard-chooser .white-tile {
    flex-basis: 40%;
  }
}

/* line 480, app/assets/stylesheets/controllers/wizard.scss */
.wizard-collapse-team-settings {
  display: flex;
  justify-content: space-between;
}

/* line 483, app/assets/stylesheets/controllers/wizard.scss */
.wizard-collapse-team-settings .form-group {
  width: 32%;
}

/* line 488, app/assets/stylesheets/controllers/wizard.scss */
img.label-logo {
  position: relative;
  top: -0.071em;
}

/* line 491, app/assets/stylesheets/controllers/wizard.scss */
.small img.label-logo {
  top: -0.175em;
}

/* line 494, app/assets/stylesheets/controllers/wizard.scss */
.control-label img.label-logo, #attendance-schedule-form .toggle-switch-wrapper .inline-control-label img.label-logo {
  top: -0.227em;
}

/* line 499, app/assets/stylesheets/controllers/wizard.scss */
.streamlined-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 507, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout {
  height: 100%;
}

/* line 509, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout body {
  height: 100%;
}

/* line 513, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .proxied {
  width: 100%;
  margin: 0;
  min-height: 50px;
  z-index: 334;
}

/* line 518, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .proxied + .main-wrapper {
  height: calc(100% - 50px);
}

/* line 523, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container {
  padding: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 528, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .wizard-title {
  color: #4b5563;
  font-size: 28px;
  font-weight: 500;
  line-height: 37px;
  margin-bottom: 15px;
}

/* line 535, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .wizard-text {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 40px;
}

/* line 541, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .wizard-text .email {
  color: #4b5563;
}

/* line 544, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .wizard-text.bottom {
  margin: 20px 0 0;
  transform: translateY(30px);
}

/* line 549, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .owner-email {
  margin-bottom: 38px;
}

/* line 553, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .btn, .welcome-layout .welcome-container .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .welcome-layout .welcome-container .nav-item {
  font-size: 13px;
  width: 90%;
}

/* line 557, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-text {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 40px;
}

/* line 565, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option {
  display: flex;
  align-items: center;
  padding: 23px 0;
  border-top: 1px solid #d1d5db;
}

/* line 570, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option:last-of-type {
  border-bottom: 1px solid #d1d5db;
}

/* line 573, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option .welcome-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 41px;
  margin-right: 13px;
  width: 41px;
}

/* line 581, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option .welcome-circle.blue {
  background-color: #2aa7ff;
}

/* line 584, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option .welcome-circle.green {
  background-color: #31c48d;
}

/* line 587, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option .welcome-circle.purple {
  background-color: #6875f5;
}

/* line 590, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option .welcome-circle i {
  color: #ffffff;
}

/* line 594, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option .hi-right {
  margin-left: auto;
  padding-right: 20px;
}

/* line 599, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-options .option:hover .hi-right {
  padding-right: 10px;
}

/* line 606, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .pending-invites {
  margin-top: 35px;
}

/* line 609, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .pending-invites .details {
  margin-left: 5px;
  width: 150px;
}

/* line 614, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .pending-invites .wizard-text {
  margin-bottom: 10px;
}

/* line 618, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .pending-invites .pending-invite {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}

/* line 622, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .pending-invites .pending-invite .action {
  margin-left: auto;
}

/* line 625, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .pending-invites .pending-invite .action .btn, .welcome-layout .welcome-container .pending-invites .pending-invite .action .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .welcome-layout .welcome-container .pending-invites .pending-invite .action .nav-item {
  width: auto;
}

/* line 630, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .pending-invites .pending-invite:last-of-type {
  border-bottom: none;
}

/* line 635, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .industry-group-label {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* line 641, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .industries-button-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 645, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .industries-button-group .btn.btn-outline-primary, .welcome-layout .welcome-container .industries-button-group .app-tabs-switch > .nav.nav-tabs .btn-outline-primary.nav-item, .app-tabs-switch > .nav.nav-tabs .welcome-layout .welcome-container .industries-button-group .btn-outline-primary.nav-item {
  border-radius: 3px;
  color: #2aa7ff;
  margin: 0 18px 18px 0;
  width: auto;
}

/* line 650, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .industries-button-group .btn.btn-outline-primary:hover, .welcome-layout .welcome-container .industries-button-group .app-tabs-switch > .nav.nav-tabs .btn-outline-primary.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .welcome-layout .welcome-container .industries-button-group .btn-outline-primary.nav-item:hover {
  color: #ffffff;
}

/* line 654, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .industries-button-group:last-of-type {
  margin-bottom: 0;
}

/* line 658, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .other-industry-button {
  margin-bottom: 0 !important;
}

/* line 661, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .other-industry-form {
  display: none;
}

/* line 663, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .other-industry-form .other-industry-fields {
  display: flex;
}

/* line 665, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .other-industry-form .other-industry-fields input {
  margin-right: 20px;
  max-width: 262px;
}

/* line 669, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .other-industry-form .other-industry-fields .btn, .welcome-layout .welcome-container .other-industry-form .other-industry-fields .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .welcome-layout .welcome-container .other-industry-form .other-industry-fields .nav-item {
  max-width: 128px;
}

/* line 673, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .other-industry-form.form-group {
  margin-bottom: 0;
}

/* line 677, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .heading {
  color: #4b5563;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

/* line 683, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .subtitle {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

/* line 693, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .faq {
  display: none;
}

/* line 697, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-join-orgs {
  margin-bottom: 30px;
}

/* line 699, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-join-orgs .org-list {
  padding: 20px;
}

/* line 701, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-join-orgs .org-list.multiple-orgs {
  border: 1px solid #d1d5db;
  border-radius: 3px;
  margin-right: 15px;
}

/* line 706, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-join-orgs .org-list .organization:not(:last-child) {
  margin-bottom: 20px;
}

/* line 710, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-container .welcome-join-orgs .btn, .welcome-layout .welcome-container .welcome-join-orgs .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .welcome-layout .welcome-container .welcome-join-orgs .nav-item {
  margin-top: 20px;
  width: 30%;
}

/* line 717, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-illustration-wrapper {
  display: none;
}

/* line 719, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-illustration-wrapper.clouds:before {
  content: ' ';
  background: url(https://server-assets.hubstaff.com/b9e3417e06/wizard/cloud-14-a3557215249ce06000b03a212b65cc64848f4aa2ea9041f8e854fc714deaae0b.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  height: 80px;
  width: 320px;
  margin-top: 18%;
  margin-left: 50%;
}

/* line 729, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-illustration-wrapper.clouds:after {
  content: '';
  background: url(https://server-assets.hubstaff.com/b9e3417e06/wizard/cloud-14-a3557215249ce06000b03a212b65cc64848f4aa2ea9041f8e854fc714deaae0b.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  height: 40px;
  position: relative;
  top: -110px;
  left: 10%;
  width: 200px;
}

/* line 740, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-illustration-wrapper.get-started {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/wizard/get-started-89ea1faa765b91d6d0e06f37f69cfd6d20e6c156eaa09c3a6e2a3221ec54e133.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 75%;
}

/* line 746, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .welcome-illustration-wrapper.select-industry {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/wizard/select-industry-0622c4edb012e13a19e90941ea537427d1bf747f19dfb4407baadf39ab15714a.svg);
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 80%;
}

/* line 755, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .wizard-form-wrapper .wizard-buttons {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* line 759, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .wizard-form-wrapper .wizard-buttons .btn-default + .btn-primary {
  float: right;
}

/* line 764, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .wizard-form-wrapper.xlarge {
  width: 100%;
  max-width: 550px;
}

@media (max-width: 1023.98px) {
  /* line 764, app/assets/stylesheets/controllers/wizard.scss */
  .welcome-layout .wizard-form-wrapper.xlarge {
    max-width: 480px;
  }
}

/* line 773, app/assets/stylesheets/controllers/wizard.scss */
.welcome-layout .wizard-form-wrapper.xxlarge {
  width: 100%;
  max-width: 780px;
}

@media (max-width: 1023.98px) {
  /* line 773, app/assets/stylesheets/controllers/wizard.scss */
  .welcome-layout .wizard-form-wrapper.xxlarge {
    max-width: 620px;
  }
}

@media (min-width: 1440px) {
  /* line 784, app/assets/stylesheets/controllers/wizard.scss */
  .welcome-layout .welcome-illustration-wrapper {
    background-size: 480px auto;
  }
}

@media (min-width: 576px) {
  /* line 790, app/assets/stylesheets/controllers/wizard.scss */
  .welcome-layout .wizard-form-wrapper {
    width: 300px;
    max-width: 100%;
    margin: auto;
    padding-bottom: 28px;
  }
  /* line 795, app/assets/stylesheets/controllers/wizard.scss */
  .welcome-layout .wizard-form-wrapper.large {
    width: 380px;
  }
  /* line 799, app/assets/stylesheets/controllers/wizard.scss */
  .welcome-layout .main-wrapper {
    display: flex;
    height: 100%;
  }
}

@media (min-width: 992px) {
  /* line 806, app/assets/stylesheets/controllers/wizard.scss */
  .welcome-layout .welcome-container {
    width: 50%;
  }
  /* line 809, app/assets/stylesheets/controllers/wizard.scss */
  .welcome-layout .welcome-illustration-wrapper {
    display: block;
    width: 50%;
    background-color: #eaf6ff !important;
    background-size: 65% auto;
    position: fixed;
    height: 100%;
    right: 0;
  }
}

/* line 822, app/assets/stylesheets/controllers/wizard.scss */
.welcome-container .addon-info {
  color: #9ca3af;
  font-size: 11px;
  font-weight: normal;
  margin: 32px 0 0 32px;
}

/* line 832, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .main-wrapper .wizard-form-wrapper {
  overflow-x: hidden;
}

/* line 837, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper {
  margin-right: -15px;
  margin-left: -15px;
}

/* line 228, app/assets/stylesheets/helpers/_mixins.scss */
.application-layout .wizard-form-wrapper:before, .application-layout .wizard-form-wrapper:after {
  content: " ";
  display: table;
}

/* line 234, app/assets/stylesheets/helpers/_mixins.scss */
.application-layout .wizard-form-wrapper:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/helpers/_mixins.scss */
.application-layout .wizard-form-wrapper {
  *zoom: 1;
}

/* line 840, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper .main-form {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  /* line 840, app/assets/stylesheets/controllers/wizard.scss */
  .application-layout .wizard-form-wrapper .main-form {
    float: left;
    width: 66.6666666667%;
  }
}

/* line 844, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper .faq {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  /* line 844, app/assets/stylesheets/controllers/wizard.scss */
  .application-layout .wizard-form-wrapper .faq {
    float: left;
    width: 33.3333333333%;
  }
}

/* line 848, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper .steps {
  max-width: 572px;
  margin-bottom: 50px;
}

/* line 853, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper form {
  margin: 0 auto;
  max-width: 436px;
}

/* line 858, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper fieldset {
  width: 436px;
}

/* line 862, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper.hubstaff_select_addons_wrapper {
  width: 100%;
}

/* line 864, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper.hubstaff_select_addons_wrapper form {
  max-width: 780px;
}

/* line 867, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper.hubstaff_select_addons_wrapper fieldset {
  width: 100%;
  max-width: 780px;
}

/* line 873, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper .wizard-title {
  color: #2aa7ff;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

/* line 880, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper .wizard-text {
  color: #6b7280;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 50px;
}

/* line 888, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper .form-actions {
  border-top: none;
}

/* line 892, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper .wizard-buttons {
  margin: 50px 0;
  display: flex;
  justify-content: space-between;
}

/* line 898, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper .wizard-next-button {
  margin-left: auto;
}

/* line 902, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper.large, .application-layout .wizard-form-wrapper.xlarge {
  max-width: 100%;
}

/* line 906, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper.large form,
.application-layout .wizard-form-wrapper.large fieldset, .application-layout .wizard-form-wrapper.xlarge form,
.application-layout .wizard-form-wrapper.xlarge fieldset {
  max-width: 100%;
  width: 680px;
}

/* line 911, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper.large .addons-inner.no-description, .application-layout .wizard-form-wrapper.xlarge .addons-inner.no-description {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 915, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .wizard-form-wrapper.large .addons-inner.no-description .addons-button, .application-layout .wizard-form-wrapper.xlarge .addons-inner.no-description .addons-button {
  width: 400px;
}

@media (max-width: 575.98px) {
  /* line 915, app/assets/stylesheets/controllers/wizard.scss */
  .application-layout .wizard-form-wrapper.large .addons-inner.no-description .addons-button, .application-layout .wizard-form-wrapper.xlarge .addons-inner.no-description .addons-button {
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  /* line 837, app/assets/stylesheets/controllers/wizard.scss */
  .application-layout .wizard-form-wrapper {
    margin-left: 0;
  }
}

/* line 927, app/assets/stylesheets/controllers/wizard.scss */
.application-layout .addon-info {
  margin: 0 0 15px 0;
}

@media (max-width: 991.98px) {
  /* line 927, app/assets/stylesheets/controllers/wizard.scss */
  .application-layout .addon-info {
    padding: 0 10px !important;
  }
}

/* line 936, app/assets/stylesheets/controllers/wizard.scss */
.simple_form.new_organization .row .col-xs-12 {
  margin-top: 33px;
  margin-bottom: 10px;
}

/* line 4, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .substep-body {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: fit-content;
}

/* line 11, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-tools {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}

/* line 17, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option {
  border: 0.1rem solid var(--z-gray-300);
  border-radius: 1.2rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 13.5rem;
  padding: 1.6rem;
  position: relative;
  width: 30.4rem;
}

/* line 28, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option:hover, .scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option.checked {
  border: 0.2rem solid var(--z-blue-500);
}

/* line 32, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option:hover .square, .scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option.checked .square {
  background-color: var(--z-primary-700);
  border-color: var(--z-primary-700);
}

/* line 36, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option:hover .square .square i, .scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option.checked .square .square i {
  color: white;
}

/* line 42, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option .header {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
}

/* line 47, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option .header .icon {
  height: 2.4rem;
  width: 2.4rem;
}

/* line 52, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option .header .title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}

/* line 58, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option .header .square {
  align-items: center;
  align-self: center;
  background-color: white;
  border: 0.1rem solid var(--z-gray-300);
  border-radius: 0.4rem;
  display: flex;
  height: 1.8rem;
  justify-content: space-evenly;
  margin-left: auto;
  width: 1.8rem;
}

/* line 72, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option .description {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin-top: 1rem;
}

/* line 79, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option .recommended {
  background-color: var(--z-purple-100);
  border-radius: 1.2rem;
  color: var(--z-purple-800);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.8rem;
  padding: 0.4rem 0.8rem;
  position: absolute;
  right: 2.5rem;
  top: -1.3rem;
}

/* line 91, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .time-tracking-option .recommended span {
  height: 1.6rem;
  width: 1.6rem;
  margin-right: 0.2rem;
}

/* line 99, app/assets/stylesheets/controllers/scale_up_wizard/adjust_organization_settings.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .btn, .scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .scale-up-wizard #growth-wizard-section-substeps .substep-adjust-organization-settings .nav-item {
  align-self: flex-end;
}

/* line 4, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals p {
  color: var(--z-gray-600);
}

/* line 11, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .enabled img,
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled img {
  height: 25.7rem;
  width: 26.6rem;
}

@media (max-width: 992px) {
  /* line 11, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .enabled img,
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled img {
    display: none;
  }
}

/* line 20, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .enabled {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  text-align: center;
  width: 100%;
}

/* line 28, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .enabled h5 {
  margin-top: 3.6rem;
}

/* line 32, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .enabled p {
  width: 47.6rem;
}

/* line 37, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled {
  display: flex;
  flex-direction: row;
  gap: 6rem;
  justify-content: flex-start;
  margin-top: 3rem;
}

/* line 44, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled .content {
  display: flex;
  flex-direction: column;
  width: 54rem;
}

/* line 49, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled .content h5 {
  margin-bottom: 0.5rem;
  margin-top: 0;
}

/* line 56, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled .content .enable .toggle-switch-wrapper span {
  font-weight: 400;
}

/* line 62, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled .content .period {
  margin-top: 5.4rem;
}

/* line 66, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled .content .btn, .scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled .content .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .disabled .content .nav-item {
  align-self: flex-end;
  margin-top: 3rem;
}

/* line 73, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .upgrade-required {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 3rem;
}

/* line 79, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .upgrade-required .box {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/scale_up_wizard/automate_timesheet_approvals_upgrade_illustration-e04c1cbe0a608f825911cfb5e63e3623191ad447b502c2be5320bf127b5d0b51.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 39.5rem 15.9rem;
  border: 0.1rem solid var(--z-gray-300);
  border-radius: 0.8rem;
  min-height: 19rem;
  padding: 2rem 3rem;
  width: 80.8rem;
}

/* line 90, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .upgrade-required .box i {
  color: var(--z-blue-500);
  font-size: 1.4rem;
}

/* line 95, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .upgrade-required .box h5 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 1rem 0;
}

/* line 101, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .upgrade-required .box p {
  color: var(--z-gray-500);
  font-weight: 500;
  margin: 0;
  width: 44rem;
}

/* line 107, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .upgrade-required .box p.contact-owner {
  color: var(--z-gray-900);
  margin-top: 2rem;
}

/* line 113, app/assets/stylesheets/controllers/scale_up_wizard/automate_timesheet_approvals.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-automate-timesheet-approvals .substep-body .upgrade-required .box .actions {
  display: flex;
  gap: 1.5rem;
  margin-top: 2rem;
}

/* line 5, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .other-integrations p {
  color: var(--z-gray-600);
}

/* line 10, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body {
  margin-top: 3rem;
}

/* line 13, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner {
  border: 0.1rem solid var(--z-gray-200);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 8rem;
  margin-top: 3rem;
  position: relative;
}

/* line 22, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content {
  display: flex;
  flex-direction: column;
  margin: 3rem 4rem 1rem 4rem;
  width: auto;
}

/* line 28, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .logo {
  width: 10rem;
}

/* line 32, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .features {
  list-style: none;
  margin: 2rem 0 0 0;
  padding-left: 0;
}

/* line 37, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .features li {
  color: var(--z-gray-600);
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
}

/* line 44, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .features li strong {
  display: contents;
  font-weight: 700;
}

/* line 49, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .features li:nth-child(2) {
  margin-top: 2rem;
}

/* line 53, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .features li .material-symbols-rounded {
  color: var(--z-blue-500);
  font-size: 2rem;
  font-variation-settings: 'FILL' 1;
  height: 2rem;
  margin-right: 1rem;
  width: 2rem;
}

/* line 64, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .illustration {
  align-self: center;
  margin-top: 2rem;
  width: 100%;
}

/* line 69, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .illustration-image {
  max-width: 47.2rem;
}

/* line 73, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .illustration-image-small {
  max-width: 33rem;
}

/* line 78, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem;
}

/* line 85, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions .btn, .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions .nav-item {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4rem;
  line-height: 4rem;
  padding: 0;
  width: 100%;
}

/* line 95, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions .btn-create-wise-account {
  background-color: white;
  border: 0.1rem solid var(--z-gray-300);
  color: var(--z-gray-600);
}

/* line 101, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions .btn-connect-wise {
  background-color: var(--z-primary-500);
  color: white;
}

/* line 107, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .calculator-link {
  color: var(--z-gray-500);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin-top: 2.4rem;
}

/* line 114, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .calculator-link a {
  color: var(--z-blue-700);
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .banner {
  display: none;
  height: 19.4rem;
  margin: 1.2rem 5rem 1.2rem 0;
  max-width: 47.2rem;
  width: 100%;
}

/* line 130, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  column-gap: 2rem;
  row-gap: 2rem;
  margin-top: 3rem;
}

/* line 137, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integration-card {
  align-items: center;
  border: 0.1rem solid var(--z-gray-200);
  border-radius: 0.6rem;
  display: flex;
  flex-direction: column;
}

/* line 144, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integration-card:hover, .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integration-card:active {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

/* line 150, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integration-card img {
  margin-top: 1rem;
  max-width: 55px;
  height: 55px;
}

/* line 156, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integration-card .name {
  color: var(--z-gray-900);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.2rem;
  margin: 0.7rem 0 1rem 0;
}

/* line 164, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integration-card .connect {
  align-content: center;
  border-top: 0.1rem solid var(--z-gray-200);
  color: var(--z-blue-500);
  font-size: 1.3rem;
  font-weight: 500;
  height: 4.2rem;
  line-height: 1.7rem;
  text-align: center;
  padding: 1.25rem 0;
  width: 100%;
}

/* line 176, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integration-card .connect span {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 400;
  margin-left: 0.6rem;
  vertical-align: text-top;
}

/* line 198, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .illustration-image {
  display: none;
}

/* line 202, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .illustration-image-small {
  display: block;
}

@media (min-width: 576px) {
  /* line 220, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .illustration-image {
    display: block;
  }
  /* line 224, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .illustration-image-small {
    display: none;
  }
  /* line 228, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions {
    flex-direction: row;
    gap: 1rem;
  }
  /* line 232, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions .btn, .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .actions .nav-item {
    max-width: 27.7rem;
    min-width: 14.9rem;
  }
  /* line 241, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integrations {
    flex-basis: auto;
  }
  /* line 244, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations .integrations .integration-card {
    flex-basis: auto;
    padding: 0;
    width: 8rem;
    height: 8rem;
  }
}

@media (min-width: 1200px) {
  /* line 263, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner {
    flex-direction: row;
    gap: 8rem;
  }
  /* line 268, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .content .illustration {
    display: none;
  }
  /* line 273, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .wise-banner .banner {
    display: block;
  }
  /* line 278, app/assets/stylesheets/controllers/scale_up_wizard/manage_payroll.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-manage-payroll .substep-body .available-payroll-integrations {
    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
  }
}

/* line 4, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .budget-wrapper {
  padding: 1rem 2rem;
  margin: 1rem 0 2rem 0;
  border: 0.1rem solid var(--z-gray-300);
  border-radius: 1.2rem;
  background: var(--z-white);
}

/* line 11, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .budget-wrapper p {
  color: var(--z-gray-600);
  font-size: 12px;
}

/* line 17, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body {
  display: flex;
  gap: 6rem;
}

/* line 21, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .image-column {
  display: flex;
  align-items: flex-start;
  max-width: 26rem;
  height: 50rem;
  flex: 0 0 26rem;
}

@media (max-width: 768px) {
  /* line 21, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
  .scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .image-column {
    display: none;
  }
}

/* line 33, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .middle-content-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 65rem;
}

/* line 39, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .middle-content-column .budget-cell {
  min-width: 14rem;
  vertical-align: top;
}

/* line 44, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .middle-content-column .table {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 49, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .middle-content-column .pill {
  display: inline-block;
  background-color: var(--z-gray-100);
  padding: 0.4rem 2rem;
  border-radius: 10rem;
}

/* line 56, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .middle-content-column .green-outline {
  color: var(--z-green-400);
  gap: 1rem;
  border-color: var(--z-green-400);
}

/* line 61, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .middle-content-column .green-outline i {
  margin-left: 0.4rem;
  margin-top: 0.1rem;
}

/* line 66, app/assets/stylesheets/controllers/scale_up_wizard/set_up_project_budgets.scss */
.scale-up-wizard #growth-wizard-section-substeps .substep-set-up-project-budgets .substep-body .middle-content-column .green-outline:hover {
  color: var(--z-green-500);
  border-color: var(--z-green-500);
}

/* line 2, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up .modal-body, .popup-scale-up .modal-body-centered {
  text-align: center;
  margin-top: 3rem;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/experiments/0073_scale_up.scss */
  .popup-scale-up .modal-body, .popup-scale-up .modal-body-centered {
    margin-top: 6rem;
  }
}

/* line 11, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up .modal-title {
  margin: 0 0 1rem;
  font-size: 18px;
  color: #374151;
}

/* line 17, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up p {
  color: var(--z-gray-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

/* line 24, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up img {
  margin: 0.6rem auto;
}

/* line 28, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up .scale-up-skip {
  color: var(--z-gray-600);
  font-size: 12px;
  font-weight: 400;
}

/* line 2, app/assets/stylesheets/experiments/0073_schedule_report_on_team_creation.scss */
#team-projects .checkbox {
  justify-content: flex-end;
}

/* line 6, app/assets/stylesheets/experiments/0073_schedule_report_on_team_creation.scss */
#team-projects i.a-tooltip {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  color: var(--z-gray-400);
}

/* line 4, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body {
  display: flex;
  flex-direction: column;
  max-width: 120rem;
  margin: 0 auto;
}

/* line 10, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .totals {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin: 2rem 0 3rem 0;
  width: 100%;
}

/* line 19, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .totals .card {
  border-radius: 0.6rem;
  border: 0.1rem solid #e5e5e5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 8.8rem;
  max-width: 24rem;
  padding: 2rem;
  width: 100%;
}

/* line 30, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .totals .card .value {
  font-size: 32px;
  font-weight: 500;
}

/* line 35, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .totals .card .description {
  font-size: 14px;
  color: #6b7280;
}

/* line 42, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .table-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  gap: 0.5rem;
}

/* line 51, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .member-table .member {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 62, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score {
  border: 0.1rem solid var(--z-gray-300);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  row-gap: 2rem;
  width: 48rem;
}

/* line 71, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score h4 {
  color: black;
  margin: 0;
}

/* line 76, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .confidence-score-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

/* line 81, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .confidence-score-header span {
  color: var(--z-gray-900);
  font-size: 1.3rem;
  font-weight: 400;
}

/* line 88, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .description {
  color: var(--z-gray-900);
  font-size: 14px;
}

/* line 93, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .separator {
  height: 0.1rem;
  background-color: var(--z-gray-300);
}

/* line 98, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .auto-clicker {
  background-color: var(--z-red-500);
  color: white;
}

/* line 103, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .suspicious-application {
  text-align: center;
}

/* line 106, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .suspicious-application p {
  color: var(--z-gray-600);
  font-size: 13px;
  font-weight: 400;
  margin: 0.4rem 0 0 0;
}

/* line 113, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .suspicious-application .auto-clicker {
  margin-top: 1.2rem;
}

/* line 121, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .urls > div,
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .apps > div {
  color: var(--z-gray-600);
}

/* line 126, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .progress-bar {
  box-shadow: none;
}

/* line 130, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown {
  column-gap: 3rem;
  display: flex;
}

/* line 134, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .duration {
  width: 6rem;
}

/* line 138, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .activity-breakdown {
  flex-grow: 1;
}

/* line 141, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .activity-breakdown .content {
  column-gap: 1rem;
  display: flex;
}

/* line 146, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .activity-breakdown .mouse,
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .activity-breakdown .keyboard {
  display: flex;
  flex-direction: column;
  width: 50%;
}

/* line 159, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard .growth-wizard-completed .insights-onboarding-completed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 165, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard .growth-wizard-completed .insights-onboarding-completed h3 {
  max-width: 40rem;
  text-align: center;
}

/* line 170, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard .growth-wizard-completed .insights-onboarding-completed img {
  padding: 3rem;
}

/* line 52, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem !important;
}

/* line 59, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner {
  margin-bottom: 5rem;
}

/* line 62, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .title {
  font-weight: 300;
  font-size: 5rem;
  margin-bottom: 1.6rem;
  color: var(--z-primary-900);
}

/* line 69, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .headline {
  font-weight: 900;
  font-size: 3.6rem;
  line-height: 5.6rem;
  color: var(--z-primary-900);
}

/* line 76, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .header-logo {
  display: none;
}

@media (min-width: 576px) {
  /* line 81, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .headline {
    font-size: 6rem;
  }
}

@media (min-width: 1200px) {
  /* line 87, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .header-logo {
    display: block;
  }
  /* line 90, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .header-logo img {
    width: 10rem;
    height: 10rem;
    bottom: 14rem;
    right: 4rem;
  }
}

/* line 100, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .header__plans-time {
  margin: 0;
  padding: 0;
}

/* line 104, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .header__plans-time .frequency-toggle {
  color: var(--z-gray-500) !important;
  border-bottom: 0.2rem solid var(--z-gray-200) !important;
}

/* line 108, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .header__plans-time .frequency-toggle.active {
  color: var(--z-primary-700) !important;
  border-bottom: 0.2rem solid var(--z-primary-700) !important;
}

/* line 114, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .header__plans-time .frequency-toggle span.months-free.two.hide {
  display: inline-block !important;
}

/* line 123, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container {
  position: relative;
  padding: 0 !important;
  grid-gap: 3rem !important;
}

@media (min-width: 576px) {
  /* line 123, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .pricing__container {
    padding: 2.8rem 3.2rem !important;
  }
}

@media (min-width: 1200px) {
  /* line 132, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .pricing__container.glow {
    background: radial-gradient(ellipse at center, #eae1fc 0%, rgba(234, 225, 252, 0.8) 18%, rgba(234, 225, 252, 0.6) 28%, rgba(234, 225, 252, 0.4) 40%, rgba(234, 225, 252, 0.2) 52%, rgba(234, 225, 252, 0.08) 64%, rgba(234, 225, 252, 0.02) 74%, rgba(255, 255, 255, 0.5) 82%, #ffffff 88%, #ffffff 100%);
  }
}

/* line 150, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .sgt-enterprise {
  grid-column: initial !important;
}

/* line 154, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container #sgt_solo_free {
  display: none !important;
}

/* line 158, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block {
  position: relative;
  z-index: 1;
  border-radius: 1.8rem !important;
  border: none !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 0.4rem 0.6rem 0 #0000000d, 0 1rem 1.5rem -0.3rem #0000001a;
  padding: 3rem 2.6rem !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 170, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #253053;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 2rem;
}

/* line 179, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__heading .popular-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffe7aa;
  border: 0.1rem solid #f4b821;
  border-radius: 3.2rem;
  padding: 0.4rem 1.2rem;
  font-weight: 700;
  font-size: 1.4rem;
  height: 3.5rem;
  width: 7.5rem;
}

/* line 184, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing__minimun {
  color: #253053;
  font-size: 14px;
  min-width: none;
  font-weight: 400;
}

/* line 191, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing {
  margin: 0;
}

/* line 194, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars {
  display: flex;
  font-weight: 700;
  color: #253053;
  font-size: 62px;
  white-space: pre-line;
  gap: 0.5rem;
}

/* line 202, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars strong {
  font-weight: 700;
  font-size: 62px;
}

/* line 207, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .user-month {
  line-height: 2.5rem;
}

/* line 211, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 216, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 221, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information .insights-trial {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6rem 0.7rem;
  border: 0.1rem solid #294dff;
  border-radius: 1.6rem;
  font-size: 8px;
  line-height: 0;
  gap: 0.3rem;
  text-transform: uppercase;
  position: relative;
  top: -0.5rem;
}

/* line 236, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information .insights-trial .hubstaff-icon img {
  width: 1rem;
  height: 1rem;
}

/* line 242, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information .insights-trial .blue-trial {
  color: #294dff;
}

/* line 247, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information .hi-info-filled {
  color: #294dff;
  position: relative;
  top: -0.5rem;
  line-height: 2.5rem;
}

/* line 255, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .price__cents {
  font-weight: 400;
  font-size: 18px;
  position: relative;
  top: -0.5rem;
  line-height: 2.5rem;
}

/* line 265, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .user-month,
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .d-inline-block.description {
  font-weight: 500;
}

/* line 271, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .summary {
  color: var(--z-gray-500);
  font-weight: 400;
  font-size: 1.6rem;
  margin: 1.6rem 0;
  height: 8.5rem;
}

/* line 279, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button {
  margin-top: auto;
}

/* line 282, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .btn, .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .nav-item {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.7rem;
  border: 0.2rem solid #294dff;
  color: #294dff;
  background-color: white;
  font-size: 18px;
  height: 5rem;
  border-radius: 0.8rem;
}

/* line 20, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .btn:hover, .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .nav-item:hover {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 25, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .btn.team, .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .app-tabs-switch > .nav.nav-tabs .team.nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .team.nav-item {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 29, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .btn.team:hover, .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .app-tabs-switch > .nav.nav-tabs .team.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .team.nav-item:hover {
  background-color: var(--z-primary-800);
  border-color: var(--z-primary-800);
}

/* line 294, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .comparison-toggle .btn, .act-0103-plans-page .comparison-toggle .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .comparison-toggle .nav-item {
  background-color: white;
  border: 0.1rem solid var(--z-gray-200);
  color: var(--z-gray-600);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.7rem;
  gap: 1.2rem;
}

/* line 304, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .comparison-toggle .btn .comparison-btn-icon, .act-0103-plans-page .comparison-toggle .app-tabs-switch > .nav.nav-tabs .nav-item .comparison-btn-icon, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .comparison-toggle .nav-item .comparison-btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transform-origin: center center;
  margin: 0;
  transition: transform 0.3s ease;
}

/* line 312, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .comparison-toggle .btn .comparison-btn-icon.arrow-down, .act-0103-plans-page .comparison-toggle .app-tabs-switch > .nav.nav-tabs .nav-item .comparison-btn-icon.arrow-down, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .comparison-toggle .nav-item .comparison-btn-icon.arrow-down {
  transform: rotate(-90deg) translateX(-3px);
}

/* line 316, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .comparison-toggle .btn .comparison-btn-icon.arrow-up, .act-0103-plans-page .comparison-toggle .app-tabs-switch > .nav.nav-tabs .nav-item .comparison-btn-icon.arrow-up, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .comparison-toggle .nav-item .comparison-btn-icon.arrow-up {
  transform: rotate(90deg) translateX(-2px);
}

/* line 325, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details {
  width: 100%;
  max-width: 192rem;
}

/* line 330, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details .select-plan .btn, .act-0103-plans-page .addons-comparison .comparison-details .select-plan .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .comparison-details .select-plan .nav-item {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.7rem;
  border: 0.2rem solid #294dff;
  color: #294dff;
  background-color: white;
  font-size: 14px;
  height: 4.4rem;
  width: 16rem;
  height: 4rem;
}

/* line 20, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details .select-plan .btn:hover, .act-0103-plans-page .addons-comparison .comparison-details .select-plan .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .comparison-details .select-plan .nav-item:hover {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 25, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details .select-plan .btn.team, .act-0103-plans-page .addons-comparison .comparison-details .select-plan .app-tabs-switch > .nav.nav-tabs .team.nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .comparison-details .select-plan .team.nav-item {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 29, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details .select-plan .btn.team:hover, .act-0103-plans-page .addons-comparison .comparison-details .select-plan .app-tabs-switch > .nav.nav-tabs .team.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .comparison-details .select-plan .team.nav-item:hover {
  background-color: var(--z-primary-800);
  border-color: var(--z-primary-800);
}

/* line 340, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table {
  width: 100%;
  margin: 0 auto;
}

/* line 344, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table .heading-title {
  font-weight: 700;
  font-size: 1.8rem;
  border: none;
  display: block;
  margin-bottom: 2.4rem;
  padding: 0;
}

/* line 353, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table .table-wrapper {
  width: 100%;
  overflow-x: auto;
}

/* line 357, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table .table-wrapper .scrollable {
  width: 100%;
}

/* line 362, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table {
  width: 100%;
  table-layout: auto;
}

/* line 367, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: white;
  border: none;
}

/* line 374, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans th {
  border: none;
  padding: 1rem 0.5rem;
  white-space: nowrap;
}

/* line 380, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .feature-column {
  min-width: 200px;
  text-align: left;
}

/* line 385, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan {
  min-width: 180px;
  text-align: center;
}

/* line 390, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .btn, .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .nav-item {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.7rem;
  border: 0.2rem solid #294dff;
  color: #294dff;
  background-color: white;
  font-size: 16px;
  padding: 0.6rem 2rem;
  min-width: 17.6rem;
  height: 4rem;
}

/* line 20, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .btn:hover, .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .nav-item:hover {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 25, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .btn.team, .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .app-tabs-switch > .nav.nav-tabs .team.nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .team.nav-item {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 29, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .btn.team:hover, .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .app-tabs-switch > .nav.nav-tabs .team.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .team.nav-item:hover {
  background-color: var(--z-primary-800);
  border-color: var(--z-primary-800);
}

/* line 403, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.section-features {
  height: 6rem;
}

/* line 406, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.section-features td:nth-child(3),
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.section-features td:nth-child(5) {
  background-color: rgba(239, 246, 255, 0.5);
}

/* line 411, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.section-features .hi-check-circle {
  color: var(--z-primary-700);
}

/* line 417, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell {
  box-shadow: none;
  padding: 0;
  border: none;
}

/* line 422, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner {
  background: rgba(239, 246, 255, 0.5);
  padding: 2.4rem 3.2rem;
  margin: 5rem 0 0 0;
  border: 0.1rem solid #294dff;
  border-radius: 1.2rem;
  color: #253053;
}

/* line 430, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 436, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .banner-header {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}

/* line 442, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .banner-header .name {
  font-size: 25px;
  font-weight: 700;
}

/* line 447, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .banner-header .addon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffe7aa;
  border: 0.1rem solid #f4b821;
  border-radius: 3.2rem;
  padding: 0.4rem 1.2rem;
  font-weight: 700;
  font-size: 1.4rem;
  height: 3.5rem;
  width: 7.5rem;
}

/* line 451, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .banner-header .pricing {
  font-size: 18px;
  font-weight: 700;
}

/* line 457, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .description {
  font-size: 16px;
  color: var(--z-gray-600);
}

/* line 463, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features {
  font-size: 14px;
}

/* line 466, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features .features-list {
  display: flex;
  gap: 1rem;
}

/* line 470, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features .features-list .column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 474, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features .features-list .column .feature {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
}

/* line 480, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features .features-list .column .feature .hi-check-circle {
  color: #294dff;
  font-size: 1.6rem;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  /* line 430, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 506, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-title {
  font-weight: 700;
  font-size: 3.6rem;
}

/* line 512, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box {
  border: 0.1rem solid var(--z-gray-200);
  border-radius: 1.6rem;
  background-color: rgba(239, 246, 255, 0.5);
}

/* line 517, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .header {
  display: flex;
  align-items: center;
  padding: 2.4rem 3.2rem;
  margin: 0;
  background-color: white;
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
}

/* line 526, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .header .addon-icon {
  max-width: 3.6rem;
  max-height: 3.6rem;
  margin-right: 1rem;
}

/* line 531, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .header .addon-icon img {
  width: 100%;
  height: 100%;
}

/* line 537, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .header .title {
  font-weight: 600;
  font-size: 2.6rem;
  color: #253053;
}

/* line 544, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .box-body {
  padding: 2.4rem 3.2rem;
}

/* line 547, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .box-body .pricing {
  font-weight: 700;
  font-size: 1.8rem;
  color: #253053;
  margin-bottom: 1.6rem;
}

/* line 555, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .box-body .features .feature {
  color: var(--z-gray-500);
  gap: 1rem;
}

/* line 567, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .title {
  font-weight: 700;
  font-size: 3rem;
  margin-bottom: 1.6rem;
}

/* line 574, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .questions a {
  color: var(--z-primary-700);
}

/* line 579, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .nav-item {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.7rem;
  border: 0.2rem solid #294dff;
  color: #294dff;
  background-color: white;
  font-size: 14px;
  height: 4.4rem;
  border-color: var(--z-primary-700);
  color: var(--z-primary-700);
}

/* line 20, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn:hover, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .nav-item:hover {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 25, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn.team, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .team.nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .team.nav-item {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 29, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn.team:hover, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .team.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .team.nav-item:hover {
  background-color: var(--z-primary-800);
  border-color: var(--z-primary-800);
}

/* line 586, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn:hover, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .nav-item:hover {
  background-color: var(--z-primary-700);
  color: var(--z-white);
}

/* line 4, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body {
  display: flex;
  flex-direction: row;
}

/* line 8, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column {
  width: 30rem;
  flex-shrink: 0;
}

/* line 12, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column .divider, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column .divider, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column .divider {
  margin: 3.2rem 0;
  width: 100%;
  border: 0.1rem solid var(--z-gray-100);
}

/* line 18, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column .app-select-wrapper, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column .app-select-wrapper, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column .app-select-wrapper {
  max-width: 24rem;
}

/* line 23, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column {
  display: none;
}

@media (min-width: 768px) {
  /* line 4, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body {
    justify-content: space-between;
  }
  /* line 30, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  /* line 35, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img {
    width: 100%;
  }
  /* line 38, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.screenshot-example, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.screenshot-example, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.screenshot-example {
    min-width: 27rem;
    max-width: 27rem;
  }
  /* line 43, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.alert-example, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.alert-example, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.alert-example {
    max-width: 27rem;
    min-width: 27rem;
    padding-left: 1rem;
  }
  /* line 49, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.reason-field-image, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.reason-field-image, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.reason-field-image {
    max-width: 27rem;
    min-width: 27rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
  }
}

@media (min-width: 992px) {
  /* line 60, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column {
    width: 40rem;
  }
}

@media (min-width: 1200px) {
  /* line 66, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column {
    width: 60rem;
  }
  /* line 72, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.alert-example, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.alert-example, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.alert-example {
    max-width: 41.5rem;
    min-width: 27rem;
  }
  /* line 77, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.reason-field-image, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.reason-field-image, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.reason-field-image {
    max-width: 46rem;
    min-width: 27rem;
  }
}

@media (min-width: 1600px) {
  /* line 4, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body {
    justify-content: start;
    gap: 40rem;
  }
}

/* line 93, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

/* line 98, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .member-view, .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .manager-view {
  display: flex;
  flex-direction: column;
  max-width: 55rem;
}

/* line 103, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .member-view .title, .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .manager-view .title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 1.1rem;
}

/* line 109, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .member-view .subtitle, .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .manager-view .subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--z-gray-500);
  margin-bottom: 2.3rem;
}

/* line 116, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .member-view img, .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .manager-view img {
  width: 55rem;
  cursor: pointer;
}

@media (min-width: 768px) {
  /* line 93, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views {
    flex-direction: row;
  }
}

@media (min-width: 800px) {
  /* line 1, app/assets/stylesheets/experiments/0110_example_data_light_retest.scss */
  .dashboard.widgets.example-data-visible {
    max-width: 80%;
  }
}

@media (min-width: 1920px) {
  /* line 1, app/assets/stylesheets/experiments/0110_example_data_light_retest.scss */
  .dashboard.widgets.example-data-visible {
    max-width: 64%;
  }
}

/* line 6, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started {
  padding-bottom: 6rem;
  background-color: white;
}

/* line 11, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-bottom: none;
  background-color: white;
  padding: 3rem 3rem 0 3rem;
}

/* line 20, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps #growth-wizard-header {
  margin-bottom: 2.3rem;
}

/* line 23, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps #growth-wizard-header .title {
  font-weight: 300;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 0;
}

/* line 32, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps .gs-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-bottom: 4rem;
}

/* line 40, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps .gs-steps .gs-progress-bar {
  width: 100%;
  background-color: var(--z-gray-300);
  height: 0.5rem;
  max-width: 3.6rem;
}

/* line 46, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps .gs-steps .gs-progress-bar .gs-progress {
  height: 100%;
  background-color: var(--z-blue-700);
}

/* line 55, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .main-button {
  margin-top: 2rem;
}

/* line 60, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .embedded-form-box .embedded-form-box-footer {
  justify-content: flex-start !important;
}

/* line 65, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/* line 73, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .substep-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.5rem;
}

/* line 81, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .substep-header h3 {
  font-size: 2rem !important;
  margin: 0 0 1rem 0 !important;
}

/* line 86, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .substep-header p {
  margin: 0;
}

/* line 91, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .select-team-member {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

/* line 97, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .select-team-member .app-select-wrapper {
  max-width: 29.3rem !important;
}

/* line 103, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .substep-content,
.streamlined-getting-started .substep-component .substep-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 180rem;
}

/* line 116, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-report-subscription .report-card {
  width: 30rem;
  height: 21rem;
}

/* line 123, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-download-app .substep-body {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

/* line 132, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-review-team-insights .widgets {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

/* line 139, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-review-team-insights .widgets .widget {
  width: 100%;
  max-width: 41rem;
  padding: 0;
}

/* line 148, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-pick-projects .substep-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* line 156, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-review-screenshots #activities {
  width: 100%;
}

/* line 162, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-view-unusual-activity .totals {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* line 171, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-approve-timesheet .activities-section {
  width: 100%;
}

/* line 179, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-configure-screenshots .substep-body,
.streamlined-getting-started .substep-automate-idle-time .substep-body,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body {
  gap: 4rem !important;
}

/* line 182, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-configure-screenshots .substep-body .settings-column,
.streamlined-getting-started .substep-automate-idle-time .substep-body .settings-column,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body .settings-column {
  flex-shrink: 1;
}

@media (min-width: 768px) {
  /* line 179, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .substep-configure-screenshots .substep-body,
.streamlined-getting-started .substep-automate-idle-time .substep-body,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body {
    justify-content: center !important;
  }
  /* line 189, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .substep-configure-screenshots .substep-body .display-example-column,
.streamlined-getting-started .substep-automate-idle-time .substep-body .display-example-column,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body .display-example-column {
    width: 46rem;
  }
}

@media (min-width: 1600px) {
  /* line 179, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .substep-configure-screenshots .substep-body,
.streamlined-getting-started .substep-automate-idle-time .substep-body,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body {
    justify-content: center !important;
    gap: 4rem !important;
  }
}

/* line 202, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-smart-notifications .substep-body {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 213, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  border-top: 0.1rem solid #e5e7eb;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  transition: left 0.5s ease;
}

@media (min-width: 576px) {
  /* line 213, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .streamlined-bottom-bar {
    left: 340px;
  }
  /* line 232, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .sidebar-collapsed .streamlined-getting-started .streamlined-bottom-bar {
    left: 80px;
  }
  /* line 236, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .no-sidebar .streamlined-getting-started .streamlined-bottom-bar {
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  /* line 242, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  body:not(.tablet-sidebar-expanded) .streamlined-getting-started .streamlined-bottom-bar {
    left: 80px;
  }
  /* line 246, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  body.tablet-sidebar-expanded .streamlined-getting-started .streamlined-bottom-bar {
    left: 340px;
  }
}

@media (min-width: 992px) {
  /* line 213, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .streamlined-bottom-bar {
    left: 340px;
  }
  /* line 254, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .sidebar-collapsed .streamlined-getting-started .streamlined-bottom-bar {
    left: 80px;
  }
}

/* line 259, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120rem;
}

/* line 265, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper.justify-center {
  justify-content: center;
}

/* line 269, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper.justify-between {
  justify-content: space-between;
}

/* line 273, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper .continue-button,
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper .back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  gap: 1rem;
  font-weight: 500;
}

/* line 4, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog {
  width: 100%;
}

/* line 7, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog form {
  display: flex;
  gap: 2rem;
  flex-direction: column-reverse;
}

/* line 13, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-information {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1;
}

/* line 20, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-information .informational-banner {
  display: flex;
  gap: 1rem;
  flex-direction: row;
  color: var(--z-gray-600);
  font-size: 12px;
  padding: 1rem;
  align-items: center;
}

/* line 30, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-information .footer {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
  flex-wrap: wrap;
}

/* line 36, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-information .footer .btn, #payment-dialog .modal-dialog .payment-information .footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #payment-dialog .modal-dialog .payment-information .footer .nav-item {
  width: 100%;
}

/* line 42, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--z-gray-100);
  border-radius: 6px;
  padding: 2rem;
  width: 100%;
}

/* line 51, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary h6 {
  margin-top: 0;
  font-weight: 500;
}

/* line 56, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .separator {
  height: 0.1rem;
  background-color: var(--z-gray-200);
  margin: 1rem 0;
}

/* line 62, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 2rem;
  font-size: 12px;
}

/* line 68, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details strong {
  font-size: 14px;
}

/* line 72, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details .discount {
  color: var(--z-green-800);
  font-size: 10px;
  padding: 0.2rem 0.5rem;
  background-color: var(--z-green-100);
  font-weight: 500;
  border-radius: 6px;
}

/* line 81, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details p {
  display: flex;
  justify-content: space-between;
}

/* line 86, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details p:last-child {
  margin-bottom: 0;
}

/* line 91, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-features {
  background-color: var(--z-blue-50);
  border-color: var(--z-blue-200);
  border-radius: 6px;
  padding: 2rem;
}

/* line 97, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-features ul {
  list-style: none;
  padding: 0;
}

/* line 101, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-features ul li {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  gap: 1rem;
}

/* line 110, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons {
  list-style: none;
  padding: 0;
}

/* line 114, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons li:not(:last-child) {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons li {
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  border-color: var(--z-gray-200);
  border-radius: 6px;
  padding: 1.5rem;
}

/* line 126, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons li span:first-child {
  font-weight: 500;
}

/* line 130, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons li .included {
  color: var(--z-green-500);
  font-weight: 500;
}

/* line 138, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-total p {
  color: var(--z-gray-600);
  display: flex;
  justify-content: space-between;
}

/* line 144, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-total .discount {
  color: var(--z-green-500);
  font-weight: 500;
}

/* line 149, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-total .due-today {
  font-weight: 500;
  color: var(--z-gray-900);
}

@media (min-width: 576px) {
  /* line 158, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog {
    width: 80%;
    max-width: 100rem;
  }
  /* line 162, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog form {
    flex-direction: row;
  }
  /* line 165, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog form .payment-information {
    width: 60%;
  }
  /* line 169, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog form .payment-summary {
    width: 40%;
  }
  /* line 175, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog .payment-information .footer {
    flex-wrap: nowrap;
  }
  /* line 178, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog .payment-information .footer .btn, #payment-dialog .modal-dialog .payment-information .footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #payment-dialog .modal-dialog .payment-information .footer .nav-item {
    width: auto;
  }
}

/* line 1, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-invite-button {
  display: none;
}

@media (min-width: 992px) {
  /* line 1, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
  .topbar-invite-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    gap: 0.5rem;
    width: 6rem;
    height: 2.7rem;
    border-radius: 2rem;
    background-color: var(--z-blue-500);
    color: white;
    cursor: pointer;
    transition: white 0.2s ease, transform 0.1s ease;
  }
  /* line 18, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
  .topbar-invite-button:hover {
    background-color: var(--z-blue-600);
    color: white;
  }
  /* line 23, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
  .topbar-invite-button:active {
    background-color: var(--z-blue-700);
  }
}

/* line 29, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
  transform: translateY(100%);
}

/* line 36, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal .max-input-warning {
  max-width: 32rem;
}

/* line 40, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal .title {
  color: var(--z-gray-900);
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* line 47, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal .subtitle {
  color: var(--z-gray-900);
  font-size: 1.6rem;
  font-weight: 400;
}

/* line 54, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.3rem;
}

/* line 59, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .help-block {
  margin-bottom: 0;
}

/* line 63, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs {
  display: flex;
}

/* line 66, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .email {
  max-width: 20.3rem;
  width: 100%;
}

/* line 70, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .email input {
  border-radius: 0.6rem 0 0 0.6rem;
  border-right: none;
}

/* line 74, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .email input:focus {
  border: #2aa7ff solid 0.1rem;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
  position: relative;
}

/* line 82, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .role {
  display: flex;
  align-items: center;
}

/* line 86, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .role .select2-selection {
  border-radius: 0 0.6rem 0.6rem 0 !important;
}

/* line 90, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .role .select2-selection:focus {
  border-radius: 0 0.6rem 0 0 !important;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
}

/* line 98, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs.error .email input {
  border: #f05252 solid 0.1rem;
}

/* line 101, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs.error .email input:focus {
  border: #2aa7ff solid 0.1rem;
}

/* line 106, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs.error .role .select2-selection {
  border: #f05252 solid 0.1rem;
  border-left: none;
}

/* line 110, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs.error .role .select2-selection:focus {
  border: #2aa7ff solid 0.1rem;
}

/* line 118, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .remove-line-item {
  color: #6b7280;
  margin-left: 2rem;
  display: flex;
  align-items: center;
}

/* line 3, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard {
  overflow: auto;
}

/* line 6, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .hubstaff-logo {
  margin: 2rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 12, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .hubstaff-logo a {
  margin-left: 0;
}

/* line 17, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content {
  padding-bottom: 6rem;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* line 25, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .form-wrapper {
  overflow: hidden !important;
}

/* line 31, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form.create-organization input {
  max-width: 39rem;
}

/* line 35, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form.create-organization .help-block {
  max-width: 39rem;
}

/* line 40, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .step-title {
  font-weight: 700;
  font-style: Bold;
  font-size: 30px !important;
  text-align: center !important;
  color: var(--z-gray-900) !important;
  font-family: Ubuntu;
  font-weight: 700;
  margin-bottom: 0.5rem;
  width: 100%;
}

/* line 52, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .step-subtitle {
  font-weight: 400;
  color: var(--z-gray-600);
  text-align: center !important;
  margin-bottom: 5rem;
  font-size: 14px;
}

/* line 60, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .field {
  margin-bottom: 5rem;
}

/* line 63, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .field.goals {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* line 69, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .field.goals .options {
  max-width: 62.1rem;
}

/* line 74, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .field .control-label, .streamlined-wizard .content .growth-wizard-form .field #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .streamlined-wizard .content .growth-wizard-form .field .inline-control-label {
  font-weight: 500;
  font-size: 26px;
  color: var(--z-blue-900);
  font-family: Ubuntu;
  text-transform: capitalize;
  margin-bottom: 1.7rem;
}

/* line 87, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content #growth-wizard-section-steps {
  display: flex;
  align-items: center;
  text-align: center;
  border-bottom: none;
  background-color: white;
  width: 100%;
}

/* line 96, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content #growth-wizard-section-steps .streamlined-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-bottom: 4rem;
}

/* line 104, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content #growth-wizard-section-steps .streamlined-steps .streamlined-progress-bar {
  width: 100%;
  background-color: var(--z-gray-300);
  height: 0.5rem;
  max-width: 3.6rem;
}

/* line 110, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content #growth-wizard-section-steps .streamlined-steps .streamlined-progress-bar .streamlined-progress {
  height: 100%;
  background-color: var(--z-blue-700);
}

/* line 119, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  border-top: 0.1rem solid #e5e7eb;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  transition: left 0.5s ease;
}

/* line 134, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120rem;
}

/* line 140, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper.justify-center {
  justify-content: center;
}

/* line 144, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper.justify-between {
  justify-content: space-between;
}

/* line 148, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper .continue-button,
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper .back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  gap: 1rem;
  font-weight: 500;
}

@media (min-width: 768px) {
  /* line 164, app/assets/stylesheets/experiments/0123_split_steps.scss */
  .streamlined-wizard .hubstaff-logo {
    justify-content: start;
    margin: 1.8rem 0 3rem 2.6rem;
  }
  /* line 171, app/assets/stylesheets/experiments/0123_split_steps.scss */
  .streamlined-wizard .content .growth-wizard-form .step-title {
    font-size: 3.4rem !important;
  }
}

/* line 5, app/assets/stylesheets/experiments/hide_sidebar.scss */
.toggle-sidebar-items-card .subtitle {
  line-height: 1.6rem;
}

/* line 4, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen,
.growth-wizard-completed .managers-with-referral-link-completion-screen {
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-header,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-header {
  text-align: center;
  margin-bottom: 3.2rem;
}

/* line 16, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-header .onboarding-title,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-header .onboarding-title {
  color: var(--z-gray-900);
  font-size: 32px;
  font-weight: 700;
}

/* line 22, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-header .onboarding-subtitles,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-header .onboarding-subtitles {
  color: var(--z-gray-600);
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
}

/* line 30, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns {
  display: flex;
  gap: 3.3rem;
  justify-content: center;
  align-items: flex-start;
  border-radius: 2.1rem;
  border: 0.1rem solid var(--z-gray-200);
  margin-bottom: 3.7rem;
}

/* line 39, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns.no-border,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns.no-border {
  border: none;
}

/* line 43, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .divider,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .divider {
  width: 0.1rem;
  background-color: var(--z-gray-200);
  height: 42.5rem;
  margin: 3rem 0;
}

/* line 50, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 46rem;
  padding: 3.2rem;
  min-width: 0;
}

/* line 58, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-title,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-title {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  line-height: 2.8rem;
  margin-bottom: 1.6rem;
}

/* line 66, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-subtitle,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-subtitle {
  color: var(--z-gray-600);
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}

/* line 73, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-image,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-image {
  margin: 3rem 0 2.4rem 0;
  max-width: 37.2rem;
  width: 100%;
}

/* line 78, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-image img,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-image img {
  width: 100%;
  border-radius: 0.8rem;
}

/* line 84, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .referral-link,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .referral-link {
  width: 37.8rem;
  margin-bottom: 1rem;
}

/* line 91, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .terms-link,
.growth-wizard-completed .managers-with-referral-link-completion-screen .terms-link {
  font-size: 11px;
}

/* line 95, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-footer,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-footer {
  font-weight: 500;
  margin-bottom: 3rem;
}

/* line 99, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-footer.no-margin,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-footer.no-margin {
  margin-bottom: 0;
}

/* line 4, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner h1 {
  color: var(--z-gray-900);
  font-size: 2.4rem;
  font-weight: 400;
}

/* line 9, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner h1 strong {
  font-weight: 700;
}

/* line 14, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner {
  border: 0.1rem solid var(--z-gray-200);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  position: relative;
}

/* line 22, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content {
  display: flex;
  flex-direction: column;
  margin: 3rem 4rem 1rem 4rem;
  width: auto;
}

/* line 28, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .logo {
  width: 10rem;
}

/* line 32, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features {
  list-style: none;
  margin: 2rem 0 0 0;
  padding-left: 0;
}

/* line 37, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features li {
  color: var(--z-gray-600);
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
}

/* line 44, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features li strong {
  display: contents;
  font-weight: 700;
}

/* line 49, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features li:nth-child(2) {
  margin-top: 2rem;
}

/* line 53, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features li .material-symbols-rounded {
  color: var(--z-blue-500);
  font-size: 2rem;
  font-variation-settings: 'FILL' 1;
  height: 2rem;
  margin-right: 1rem;
  width: 2rem;
}

/* line 64, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration {
  align-self: center;
  margin-top: 2rem;
  width: 100%;
}

/* line 69, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration-image {
  max-width: 47.2rem;
}

/* line 73, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration-image-small {
  max-width: 33rem;
}

/* line 78, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem;
}

/* line 85, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .actions .btn, .new-wise-banner .wise-banner .content .actions .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .new-wise-banner .wise-banner .content .actions .nav-item {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4rem;
  line-height: 4rem;
  padding: 0;
  width: 100%;
}

/* line 95, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .actions .btn-create-wise-account {
  background-color: white;
  border: 0.1rem solid var(--z-gray-300);
  color: var(--z-gray-600);
}

/* line 101, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .actions .btn-connect-wise {
  background-color: var(--z-primary-500);
  color: white;
}

/* line 107, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .calculator-link {
  color: var(--z-gray-500);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin-top: 2.4rem;
}

/* line 114, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .calculator-link a {
  color: var(--z-blue-700);
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .banner {
  display: none;
  height: 19.4rem;
  margin: 1.2rem 5rem 1.2rem 0;
  max-width: 47.2rem;
  width: 100%;
}

/* line 129, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon {
  background-image: -o-linear-gradient(#f3f4f6, #ffffff);
  background-image: -moz-linear-gradient(#f3f4f6, #ffffff);
  background-image: -webkit-linear-gradient(#f3f4f6, #ffffff);
  background-image: linear-gradient(#f3f4f6, #ffffff);
  align-items: center;
  border-radius: 0 0.6rem 0.6rem 0;
  box-shadow: 0 1px 11px #f3f4f6;
  display: flex;
  height: 3rem;
  left: -0.8rem;
  padding: 0 0.7rem;
  position: absolute;
  top: -1.6rem;
}

/* line 141, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon i {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

/* line 145, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon i.fa-heart {
  color: red;
}

/* line 150, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon p {
  color: black;
  font-size: 1rem;
  margin-bottom: 0;
  padding-right: 1rem;
}

/* line 157, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon:after {
  content: '';
  border-color: transparent #545964 transparent transparent;
  border-style: solid;
  border-width: 0 0.7rem 0.7rem 0;
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
  top: 3rem;
}

/* line 177, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration-image {
  display: none;
}

/* line 181, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration-image-small {
  display: block;
}

@media (min-width: 576px) {
  /* line 193, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .illustration-image {
    display: block;
  }
  /* line 197, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .illustration-image-small {
    display: none;
  }
  /* line 201, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .actions {
    flex-direction: row;
    gap: 1rem;
  }
  /* line 205, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .actions .btn, .new-wise-banner .wise-banner .content .actions .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .new-wise-banner .wise-banner .content .actions .nav-item {
    max-width: 27.7rem;
    min-width: 14.9rem;
  }
}

@media (min-width: 1200px) {
  /* line 217, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner {
    flex-direction: row;
    gap: 8rem;
  }
  /* line 222, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .illustration {
    display: none;
  }
  /* line 227, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .banner {
    display: block;
  }
}

/* line 2, app/assets/stylesheets/fake_data.scss */
.fake-data-container .fake-data-overlay {
  opacity: .9;
  background: #ffffff;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 558;
  top: 0;
  left: 0;
}

/* line 13, app/assets/stylesheets/fake_data.scss */
.fake-data-container .getting-started-dialog {
  padding: 30px;
  background-color: #ffffff;
  z-index: 559;
  position: absolute;
  top: 150px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  width: 600px;
  max-width: calc(100% - 30px);
}

/* line 25, app/assets/stylesheets/fake_data.scss */
.fake-data-container .getting-started-dialog .header {
  margin-right: 30px;
}

/* line 29, app/assets/stylesheets/fake_data.scss */
.fake-data-container .getting-started-dialog .organization {
  margin-top: 20px;
}

/* line 33, app/assets/stylesheets/fake_data.scss */
.fake-data-container .getting-started-dialog table {
  font-size: 14px;
}

/* line 2, app/assets/stylesheets/google_maps_reset.scss */
.gm-style img {
  max-width: none;
}

/* line 6, app/assets/stylesheets/google_maps_reset.scss */
.gm-style label {
  width: auto;
  display: inline;
}

/* line 12, app/assets/stylesheets/google_maps_reset.scss */
.gm-style > div:nth-child(2) > div:nth-child(2) {
  box-shadow: 0px 2px 5px rgba(55, 65, 81, 0.2) inset;
}

/* line 18, app/assets/stylesheets/google_maps_reset.scss */
.gm-bundled-control-on-bottom .gmnoprint {
  top: 20px !important;
  left: 5px !important;
}

/* line 22, app/assets/stylesheets/google_maps_reset.scss */
.gm-bundled-control-on-bottom .gmnoprint [draggable='false'] {
  height: 62px !important;
  width: 30px !important;
}

/* line 26, app/assets/stylesheets/google_maps_reset.scss */
.gm-bundled-control-on-bottom .gmnoprint [draggable='false'] div {
  width: 20px !important;
}

/* line 30, app/assets/stylesheets/google_maps_reset.scss */
.gm-bundled-control-on-bottom .gmnoprint [draggable='false'] .gm-control-active {
  width: 30px !important;
  height: 30px !important;
}

/* line 34, app/assets/stylesheets/google_maps_reset.scss */
.gm-bundled-control-on-bottom .gmnoprint [draggable='false'] .gm-control-active img {
  width: 10px !important;
  height: 10px !important;
}

/* line 43, app/assets/stylesheets/google_maps_reset.scss */
.gm-style-mtc {
  margin-top: 5px;
}

/* line 46, app/assets/stylesheets/google_maps_reset.scss */
.gm-style-mtc div {
  height: 35px !important;
  font-size: 14px !important;
}

/* line 51, app/assets/stylesheets/google_maps_reset.scss */
.gm-style-mtc:last-child {
  margin-right: 5px;
}

@font-face {
  font-family: 'lg';
  src: url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/lg-0970881145aecce7668909140fc2f552c680007c147905bae6bf87d0fca9df6c.eot?n1z373");
  src: url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/lg-0970881145aecce7668909140fc2f552c680007c147905bae6bf87d0fca9df6c.eot?#iefixn1z373") format("embedded-opentype"), url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/lg-78e558964f6a4d4970dad55bc53bf6a7cdc0437d228ee2c60bc6d1dc9e0beefd.woff?n1z373") format("woff"), url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/lg-5c3cb8b4780e7037479381cda6f640bb12c56b5c8dc0104b03dec0294aeec0e6.ttf?n1z373") format("truetype"), url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/lg-e89650de3b0ea9eb1f03f80da079963a97f94b050a7ad68b61876cb34b8b3e8c.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 11, vendor/assets/stylesheets/lightgallery/_lg-fonts.scss */
.lg-icon {
  font-family: 'lg';
  speak: none;
  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;
}

/* line 3, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}

/* line 16, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

/* line 21, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}

/* line 26, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-actions .lg-next {
  right: 20px;
}

/* line 29, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-actions .lg-next:before {
  content: "\e095";
}

/* line 34, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-actions .lg-prev {
  left: 20px;
}

/* line 37, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-ms-keyframes lg-right-end {
  /* line 44, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
  0% {
    left: 0;
  }
  /* line 48, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
  50% {
    left: -30px;
  }
  /* line 52, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
  100% {
    left: 0;
  }
}

@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@-ms-keyframes lg-left-end {
  /* line 59, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
  0% {
    left: 0;
  }
  /* line 63, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
  50% {
    left: 30px;
  }
  /* line 67, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
  100% {
    left: 0;
  }
}

@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

/* line 75, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

/* line 82, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

/* line 90, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: "transparent";
}

/* line 98, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-toolbar .lg-icon {
  color: #ffffff;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

/* line 112, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}

/* line 118, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-toolbar .lg-close:after {
  content: "\e070";
}

/* line 124, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

/* line 131, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

/* line 143, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

/* line 149, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

/* line 156, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

/* line 166, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

/* line 172, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

/* line 177, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

/* line 182, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

/* line 192, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/* line 199, vendor/assets/stylesheets/lightgallery/_lg-theme-default.scss */
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* line 2, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

/* line 13, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

/* line 19, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

/* line 25, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

/* line 31, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

/* line 36, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}

/* line 42, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}

@media (min-width: 1025px) {
  /* line 42, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}

/* line 55, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

/* line 59, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 67, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

/* line 73, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

/* line 78, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}

/* line 82, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

/* line 88, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

/* line 103, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}

/* line 107, vendor/assets/stylesheets/lightgallery/_lg-thumbnail.scss */
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

/* line 2, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

/* line 11, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

/* line 18, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* line 27, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

/* line 41, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/vimeo-play-563506db151c1b15e3dd59222361e69f3b179d26a8a07d0a0341b8b1a92611dd.png") no-repeat scroll 0 0 transparent;
}

/* line 45, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/vimeo-play-563506db151c1b15e3dd59222361e69f3b179d26a8a07d0a0341b8b1a92611dd.png") no-repeat scroll 0 -58px transparent;
}

/* line 53, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/vimeo-play-563506db151c1b15e3dd59222361e69f3b179d26a8a07d0a0341b8b1a92611dd.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

/* line 62, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

/* line 70, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/youtube-play-903a1955c9513d95ba6b741ab29f1865c756316ce51f3a1bb1c7812cb11c6f7e.png") no-repeat scroll 0 0 transparent;
}

/* line 74, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/youtube-play-903a1955c9513d95ba6b741ab29f1865c756316ce51f3a1bb1c7812cb11c6f7e.png") no-repeat scroll 0 -60px transparent;
}

/* line 80, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 89, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

/* line 94, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

/* line 98, vendor/assets/stylesheets/lightgallery/_lg-video.scss */
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

/* line 1, vendor/assets/stylesheets/lightgallery/_lg-autoplay.scss */
.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}

/* line 12, vendor/assets/stylesheets/lightgallery/_lg-autoplay.scss */
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

/* line 19, vendor/assets/stylesheets/lightgallery/_lg-autoplay.scss */
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

/* line 24, vendor/assets/stylesheets/lightgallery/_lg-autoplay.scss */
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

/* line 30, vendor/assets/stylesheets/lightgallery/_lg-autoplay.scss */
.lg-autoplay-button:after {
  content: "\e01d";
}

/* line 31, vendor/assets/stylesheets/lightgallery/_lg-autoplay.scss */
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

/* line 5, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

/* line 13, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 19, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 32, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
#lg-zoom-in:after {
  content: "\e311";
}

/* line 37, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
#lg-actual-size {
  font-size: 20px;
}

/* line 39, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
#lg-actual-size:after {
  content: "\e033";
}

/* line 44, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

/* line 48, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
#lg-zoom-out:after {
  content: "\e312";
}

/* line 52, vendor/assets/stylesheets/lightgallery/_lg-zoom.scss */
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

/* line 2, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

/* line 12, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

/* line 18, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

/* line 27, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 34, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

/* line 40, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

/* line 56, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

/* line 62, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

/* line 71, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

/* line 76, vendor/assets/stylesheets/lightgallery/_lg-pager.scss */
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

/* line 2, vendor/assets/stylesheets/lightgallery/_lg-fullscreen.scss */
.lg-fullscreen:after {
  content: "\e20c";
}

/* line 5, vendor/assets/stylesheets/lightgallery/_lg-fullscreen.scss */
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

/* line 5, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

/* line 19, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}

/* line 25, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}

/* line 29, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

/* line 45, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}

/* line 57, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}

/* line 61, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}

/* line 66, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}

/* line 73, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

/* line 78, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

/* line 84, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

/* line 97, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share {
  position: relative;
}

/* line 99, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share:after {
  content: "\e80d";
}

/* line 104, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}

/* line 106, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}

/* line 112, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}

/* line 114, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}

/* line 120, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}

/* line 122, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}

/* line 128, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}

/* line 130, vendor/assets/stylesheets/lightgallery/_lg-share.scss */
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

/* line 15, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg .group {
  *zoom: 1;
}

/* line 19, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg .group:before,
.lg .group:after {
  display: table;
  content: '';
  line-height: 0;
}

/* line 26, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg .group:after {
  clear: both;
}

/* line 31, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1066;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

/* line 42, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 46, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-visible {
  opacity: 1;
}

/* line 53, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

/* line 65, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

/* line 76, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

/* line 82, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

/* line 87, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 98, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

/* line 107, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-item {
  background: url("https://server-assets.hubstaff.com/b9e3417e06/lightgallery/loading-298ad3ffc38de0d78a845bf1b70f0dd317a3836af385ae9fcf94ed457d9aa1da.gif") no-repeat scroll center center transparent;
  display: none !important;
}

/* line 117, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

/* line 124, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

/* line 129, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 137, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: '';
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

/* line 146, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 156, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-item.lg-complete {
  background-image: none;
}

/* line 160, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-item.lg-current {
  z-index: 1075;
}

/* line 165, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

/* line 176, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

/* line 183, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

/* line 192, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer .lg-empty-html {
  display: none;
}

/* line 197, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

/* line 202, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1065;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

/* line 212, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-backdrop.in {
  opacity: 1;
}

/* line 221, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

/* line 229, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 235, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 242, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

/* line 245, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

/* line 250, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

/* line 260, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

/* line 263, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

/* line 267, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

/* line 271, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* line 277, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/* line 286, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

/* line 291, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

/* line 295, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

/* line 299, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

/* line 305, vendor/assets/stylesheets/lightgallery/lightgallery.scss */
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/* line 33, app/assets/stylesheets/components/Widgets/_common.scss */
.proficiency-core {
  background-color: #2aa7ff;
  fill: #2aa7ff;
  stroke: #2aa7ff;
}

/* line 39, app/assets/stylesheets/components/Widgets/_common.scss */
.proficiency-non-core {
  background-color: #6b7280;
  fill: #6b7280;
  stroke: #6b7280;
}

/* line 45, app/assets/stylesheets/components/Widgets/_common.scss */
.proficiency-unproductive {
  background-color: #e7721a;
  fill: #e7721a;
  stroke: #e7721a;
}

/* line 51, app/assets/stylesheets/components/Widgets/_common.scss */
.proficiency-unknown {
  background-color: #9ca3af;
  fill: #9ca3af;
  stroke: #9ca3af;
}

/* line 58, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-wrapper {
  padding: 15px;
  margin: 1rem 0 2rem 0;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background: #ffffff;
}

/* line 65, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-wrapper .widget-wrapper {
  width: auto;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  height: 100%;
}

/* line 74, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-wrapper .widget-wrapper-columns {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* line 79, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-wrapper .widget-wrapper-columns .widget-panel {
  width: 100%;
  position: relative;
  padding-right: 20px;
}

/* line 84, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-wrapper .widget-wrapper-columns .widget-panel:not(:first-child) {
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}

@media (min-width: 940px) {
  /* line 84, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns .widget-panel:not(:first-child) {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
    padding-left: 20px;
  }
  /* line 95, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns .widget-panel:not(:first-child)::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e5e5e5;
    content: '';
  }
}

@media (min-width: 940px) {
  /* line 110, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel {
    width: 33.333%;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(4n) {
    padding-left: 0;
    margin-top: 20px;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(4n)::before {
    display: none;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(5n) {
    padding-left: 20px;
    margin-top: 20px;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(5n)::before {
    display: block;
  }
}

@media (min-width: 1100px) {
  /* line 110, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel {
    width: 25%;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(4n) {
    padding-left: 20px;
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(4n)::before {
    display: block;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(5n) {
    padding-left: 0;
    margin-top: 20px;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(5n)::before {
    display: none;
  }
}

@media (min-width: 1290px) {
  /* line 110, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel {
    width: 20%;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(5n) {
    padding-left: 20px;
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel:nth-child(5n)::before {
    display: block;
  }
}

@media (min-width: 1800px) {
  /* line 110, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-sm .widget-panel {
    padding-right: 20px;
  }
}

@media (min-width: 940px) {
  /* line 136, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel {
    width: 50%;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel:nth-child(3n) {
    padding-left: 0;
    margin-top: 20px;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel:nth-child(3n)::before {
    display: none;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel:nth-child(4n) {
    padding-left: 20px;
    margin-top: 20px;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel:nth-child(4n)::before {
    display: block;
  }
}

@media (min-width: 1200px) {
  /* line 136, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel {
    width: 25%;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel:nth-child(3n) {
    padding-left: 20px;
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel:nth-child(3n)::before {
    display: block;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel:nth-child(4n) {
    padding-left: 20px;
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-md .widget-panel:nth-child(4n)::before {
    display: block;
  }
}

@media (min-width: 940px) {
  /* line 153, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-lg .widget-panel {
    width: 33.3333%;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-lg .widget-panel:nth-child(2n) {
    padding-left: 20px;
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-lg .widget-panel:nth-child(2n)::before {
    display: block;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-lg .widget-panel:nth-child(3n) {
    padding-left: 20px;
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-lg .widget-panel:nth-child(3n)::before {
    display: block;
  }
}

@media (min-width: 940px) {
  /* line 164, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-xl .widget-panel {
    width: 50%;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-xl .widget-panel:nth-child(1n) {
    padding-left: 0;
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-xl .widget-panel:nth-child(1n)::before {
    display: none;
  }
  /* line 9, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-xl .widget-panel:nth-child(2n) {
    padding-left: 20px;
    margin-top: 0;
  }
  /* line 22, app/assets/stylesheets/components/Widgets/_common.scss */
  .widget-wrapper .widget-wrapper-columns.widget-panels-xl .widget-panel:nth-child(2n)::before {
    display: block;
  }
}

/* line 174, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-wrapper.blurred-bg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  line-height: 1.7rem;
}

/* line 183, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-title, .insights-team-collaboration-widget label, .insights-timeline-popover-list-title {
  color: #6b7280;
  font-size: 12px;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

/* line 193, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-title-external {
  color: #374151;
  font-size: 2rem;
  font-weight: 400;
  text-transform: unset;
  line-height: 2rem;
}

/* line 200, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-title-external i {
  color: #6b7280;
  font-size: 1.2rem;
}

/* line 206, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-full-height {
  height: 100%;
}

/* line 210, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common {
  display: flex;
  flex-direction: column;
}

/* line 214, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-title, .widget-common .insights-team-collaboration-widget label, .insights-team-collaboration-widget .widget-common label, .widget-common .insights-timeline-popover-list-title {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* line 221, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-title .widget-tooltip, .widget-common .insights-team-collaboration-widget label .widget-tooltip, .insights-team-collaboration-widget .widget-common label .widget-tooltip, .widget-common .insights-timeline-popover-list-title .widget-tooltip {
  margin-left: 5px;
}

/* line 227, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-body.widget-loading,
.widget-common .widget-body .widget-loading {
  width: 50%;
  max-width: 60px;
  height: 12px;
  position: relative;
  display: inline-block;
  content: '';
  background-color: #e5e7eb;
  border-radius: 8px;
  color: transparent;
}

/* line 239, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-body.widget-loading::after,
.widget-common .widget-body .widget-loading::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: '';
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* line 266, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-sortable-header .widget-title, .widget-common .widget-sortable-header .insights-team-collaboration-widget label, .insights-team-collaboration-widget .widget-common .widget-sortable-header label, .widget-common .widget-sortable-header .insights-timeline-popover-list-title {
  margin-bottom: 0;
}

/* line 270, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-sortable-header .new-badge {
  margin-right: 1rem;
  width: 7.3rem;
  height: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  border: 0.2rem solid var(--z-green-600);
  color: var(--z-green-600);
  gap: 0.5rem;
  margin-right: auto;
  margin-left: 1rem;
}

/* line 286, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .metric {
  display: flex;
  align-items: center;
  font-size: 14px;
}

/* line 291, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .metric .text-difference {
  display: flex;
  font-size: 14px;
  width: 12px;
  justify-content: end;
}

/* line 297, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .metric .text-difference.same {
  color: #ffac51;
}

/* line 300, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .metric .text-difference.same > .equal-sign {
  font-weight: 700;
  margin-right: 2px;
}

/* line 306, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .metric .text-difference > i {
  margin-top: 0px;
}

/* line 310, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .metric .text-difference .percentage {
  display: inline-block;
  min-width: 30px;
}

/* line 315, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .metric .text-difference .number {
  display: inline-block;
  min-width: 18px;
}

/* line 321, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .metric .description {
  color: #777777;
  margin-left: 1rem;
}

/* line 328, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .activity-score {
  display: inline-block;
  min-width: 60px;
  padding: 0.5rem 0;
  border-radius: 16px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
}

/* line 338, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .activity-score-small {
  min-width: auto;
  line-height: 26px;
  padding: 0 1rem;
  font-size: 14px;
}

/* line 346, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .activity-low {
  background-color: #f05252;
}

/* line 350, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .activity-medium {
  background-color: #ffac51;
}

/* line 354, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .activity-high {
  background-color: #31c48d;
}

/* line 358, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .activity-none {
  background-color: #e5e7eb;
}

/* line 363, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .shimmer-animation {
  animation: placeholderShimmer 1.5s infinite;
  background: linear-gradient(to right, #d1d5db 0%, #d1d5db 20%, #e5e7eb 40%, #d1d5db 100%);
  background-size: 800px 200px;
}

/* line 370, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .shimmer-animation > * {
  visibility: hidden;
}

@keyframes placeholderShimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

/* line 384, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-footer {
  font-size: 13px;
  text-align: center;
  padding: 15px 0 15px;
}

/* line 389, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-footer-bordered {
  border-top: 1px solid #e5e5e5;
  padding: 1.5rem;
  margin: 1.5rem -1.5rem -1.5rem;
}

/* line 396, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table {
  font-size: 13px;
}

/* line 401, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table > thead > tr > th {
  font-size: 13px;
}

/* line 404, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table > thead > tr > th:first-child {
  padding-left: 0;
}

/* line 408, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table > thead > tr > th:last-child {
  text-align: left;
}

/* line 417, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table > tbody > tr > td {
  border-top: 1px solid #e5e7eb;
  box-shadow: none;
  border-bottom: none;
}

/* line 422, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table > tbody > tr > td:first-child {
  padding-left: 0;
}

/* line 426, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table > tbody > tr > td:last-child:not([colspan]) {
  text-align: left;
}

/* line 431, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table > tbody > tr:first-child > td {
  border-top: none;
}

/* line 435, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-table > tbody > tr:last-child > td {
  border-bottom: 1px solid #e5e7eb;
}

/* line 442, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .progress-time-text {
  display: inline-block;
  width: 85px;
  margin-left: 10px;
}

/* line 448, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-progress {
  width: 100%;
  margin: 3px 0 2px;
}

/* line 453, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .infinite-scrolling-widget {
  max-height: 660px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
}

/* line 460, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .text-value {
  font-size: 26px;
  font-weight: 300;
}

/* line 465, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .text-difference {
  font-size: 12px;
  display: inline-block;
}

/* line 469, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .text-difference.positive {
  color: #31c48d;
}

/* line 472, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .text-difference.positive .caret {
  border-top: 0;
  border-right: 3px solid transparent;
  border-bottom: 6px solid #31c48d;
  border-left: 3px solid transparent;
}

/* line 480, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .text-difference.negative {
  color: #f05252;
}

/* line 483, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .text-difference.negative .caret {
  border-top: 6px solid #f05252;
  border-right: 3px solid transparent;
  border-bottom: 0;
  border-left: 3px solid transparent;
}

/* line 491, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .text-difference i {
  margin-top: 5px;
  margin-right: 3px;
}

/* line 497, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .bar-graph {
  width: 100%;
  font-size: 13px;
  margin-top: 10px;
}

/* line 502, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .bar-graph td {
  padding-top: 15px;
  vertical-align: bottom;
  position: relative;
}

/* line 508, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .bar-graph .has-worked {
  position: absolute;
  width: 100%;
  top: 0;
}

/* line 514, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .bar-graph .this-week-bar-wrapper {
  min-height: 180px;
  position: relative;
  margin: 15px 0;
}

/* line 520, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .bar-graph .bar {
  position: absolute;
  width: 16px;
  bottom: 0;
  left: 50%;
  margin-left: -8px;
}

/* line 528, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .bar-graph .sent {
  background-color: #55b9ff;
}

/* line 534, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-graph svg {
  overflow: visible;
}

/* line 538, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-graph .line {
  stroke: #6875f5;
  stroke-width: 2px;
  fill: none;
}

/* line 544, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .widget-graph .area {
  fill: url("#areaGradient-purple");
  fill-opacity: 0.5;
}

/* line 550, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .user-activity-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 85px);
  display: inline-block;
  vertical-align: middle;
}

/* line 557, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .user-name {
  line-height: 25px;
}

/* line 562, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common .user-status .avatar {
  margin-right: 0 !important;
}

/* line 568, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common.widget-large .view-all-activity {
  position: relative;
  float: left;
  width: 33.3333333333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: right;
}

/* line 572, app/assets/stylesheets/components/Widgets/_common.scss */
.widget-common.widget-large .view-all-activity a {
  align-items: center;
  display: inline-flex;
}

/* line 10, app/assets/stylesheets/helpers/_links.scss */
.widget-common.widget-large .view-all-activity a > i, .widget-common.widget-large .view-all-activity a img {
  margin-left: 5px;
}

/* line 579, app/assets/stylesheets/components/Widgets/_common.scss */
.list-style-disc {
  list-style: disc;
}

/* line 1, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.activities-benchmarks {
  margin-top: 1rem;
}

/* line 5, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.benchmarks-panel {
  width: 50%;
}

/* line 9, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks {
  position: relative;
  padding: 2rem 1.5rem;
}

/* line 13, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-wrapper-columns {
  height: 100%;
  flex-wrap: nowrap;
}

/* line 18, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-title, .widget-activities-benchmarks .insights-team-collaboration-widget label, .insights-team-collaboration-widget .widget-activities-benchmarks label, .widget-activities-benchmarks .insights-timeline-popover-list-title {
  white-space: nowrap;
}

/* line 24, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-unavailable .chart-wrapper img {
  min-width: 80px;
  max-width: 215px;
}

/* line 33, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .demo-widget .chart-donut-canvas .text {
  font-size: 2.4rem;
  font-weight: 300;
  top: 0.5rem;
}

/* line 39, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .demo-widget .chart-legend--bold {
  font-weight: 500;
}

/* line 43, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .demo-widget .arc-demo-unusual-activity {
  fill: #f05252;
}

/* line 50, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .insights-focus-time-widget .widget-details > :first-child {
  display: none;
}

/* line 54, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .insights-focus-time-widget .widget-details > :last-child {
  grid-column: 1 / -1;
}

/* line 60, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .insights-work-time-classification-widget {
  min-width: unset;
}

/* line 62, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .insights-work-time-classification-widget .metrics {
  display: none;
}

/* line 66, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .insights-work-time-classification-widget .legend {
  white-space: nowrap;
  flex-wrap: nowrap;
}

/* line 73, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .insights-meetings-widget .insights-widget-view-more,
.widget-activities-benchmarks > .widget-panels-insights .insights-meetings-widget .insights-meetings-widget-recurring,
.widget-activities-benchmarks > .widget-panels-insights .insights-meetings-widget .chart-donut > div:not(.chart-donut-canvas) {
  display: none;
}

/* line 79, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .insights-meetings-widget-spent {
  border: none;
  justify-content: center;
  align-items: flex-start;
}

/* line 85, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights .insights-meetings-widget .chart-donut {
  height: unset;
  width: unset;
  border: none;
  margin: 0;
  padding: 0;
}

/* line 94, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights > div {
  border-right: 1px solid #e5e5e5;
  padding-right: 2rem;
  flex-grow: 1;
}

/* line 99, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights > div:last-child {
  border-right: none;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights.panels-1 > div {
  padding: 0;
  border: 0;
}

/* line 113, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights.panels-2 > div {
  grid-area: unset;
  width: 50%;
}

/* line 117, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights.panels-2 > div:last-of-type {
  padding-left: 2rem;
}

@media screen and (max-width: 590px), (min-width: 767px) and (max-width: 852px) {
  /* line 112, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-2 {
    flex-direction: column;
  }
  /* line 125, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-2 > div {
    width: auto;
    border-right: 0;
    padding: 1rem 0;
    border-bottom: 1px solid #e5e5e5;
  }
  /* line 131, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-2 > div:first-of-type {
    padding-top: 0.5rem;
  }
  /* line 135, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-2 > div:last-of-type {
    padding-top: 2rem;
    padding-left: unset;
    border-bottom: unset;
  }
}

/* line 145, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights.panels-3 > div {
  grid-area: unset;
}

/* line 147, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks > .widget-panels-insights.panels-3 > div:not(:first-of-type) {
  padding-left: 2rem;
}

@media (max-width: 870px) {
  /* line 144, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-3 {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 2rem;
  }
  /* line 159, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-3 > div:nth-child(2) {
    border-right: 0;
  }
  /* line 163, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-3 > div:last-of-type {
    grid-column: 1 / -1;
    border-top: 1px solid #e5e5e5;
    padding: 2rem 0;
  }
}

@media (max-width: 480px) {
  /* line 173, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-3 > div:nth-child(2) {
    padding: 2rem 0;
  }
}

@media (max-width: 480px) {
  /* line 180, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-2, .widget-activities-benchmarks > .widget-panels-insights.panels-3 {
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
  }
  /* line 186, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-2 > div, .widget-activities-benchmarks > .widget-panels-insights.panels-3 > div {
    border-right: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 1rem 0;
  }
  /* line 191, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks > .widget-panels-insights.panels-2 > div:last-of-type, .widget-activities-benchmarks > .widget-panels-insights.panels-3 > div:last-of-type {
    border-bottom: 0;
    border-top: 0;
  }
}

/* line 200, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .brand {
  position: absolute;
  top: -21px;
  right: 23px;
  background: #ffffff;
  z-index: 1;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 4px 7px;
  font-weight: 400;
  line-height: 2rem;
}

/* line 212, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .brand i {
  color: #777777;
}

/* line 217, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .action-link {
  position: absolute;
  bottom: -13px;
  background: #ffffff;
  z-index: 1;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  color: #2aa7ff;
  font-weight: 500;
  padding: 4px 7px;
}

/* line 227, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .action-link.center {
  right: calc(50% - 3rem);
}

/* line 230, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .action-link.right {
  right: 23px;
}

/* line 236, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-title, .widget-activities-benchmarks .insights-team-collaboration-widget label, .insights-team-collaboration-widget .widget-activities-benchmarks label, .widget-activities-benchmarks .insights-timeline-popover-list-title {
  color: #6b7280;
}

/* line 240, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body {
  display: flex;
  position: relative;
}

/* line 244, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item {
  margin-left: 30px;
}

/* line 247, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item:first-child {
  margin-left: 0;
}

/* line 251, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item .text-value {
  display: flex;
  align-items: center;
  font-size: 30px;
  margin: 0;
}

/* line 257, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item .text-value.better {
  color: #31c48d;
}

/* line 261, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item .text-value.good {
  color: #ffac51;
}

/* line 265, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item .text-value.worse {
  color: #f05252;
}

/* line 269, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item .text-value.highlight {
  color: #2aa7ff;
}

/* line 273, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item .text-value > .arrow {
  font-size: 20px;
  margin-right: 3px;
}

/* line 279, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks .widget-body > .widget-activity-item .widget-footer {
  text-transform: uppercase;
  color: #6b7280;
  padding: 0;
  text-align: left;
  font-size: 12px;
}

/* line 290, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks-wrapper {
  grid-gap: 3rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
}

/* line 296, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
.widget-activities-benchmarks-wrapper.widgets-0 .widget-activities-benchmarks {
  width: 100%;
  grid-column: 1 / -1;
}

@media (min-width: 768px) and (max-width: 900px), (max-width: 615px) {
  /* line 302, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks-wrapper.widgets-1 {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 1120px) {
  /* line 309, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks-wrapper.widgets-2 {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 1280px) {
  /* line 316, app/assets/stylesheets/components/Widgets/_benchmarks.scss */
  .widget-activities-benchmarks-wrapper.widgets-3 {
    display: flex;
    flex-direction: column;
  }
}

/* line 10, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-page .skeleton-item,
.insights-unusual-activity-widget .skeleton-item {
  position: relative;
  overflow: hidden;
  background-color: #e5e7eb;
}

/* line 15, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-page .skeleton-item-rounded,
.insights-unusual-activity-widget .skeleton-item-rounded {
  position: relative;
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 50%;
}

/* line 21, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-page .skeleton-item-rounded.engagement-item,
.insights-unusual-activity-widget .skeleton-item-rounded.engagement-item {
  height: 3.2rem;
  width: 3.2rem;
  min-width: 3.2rem;
}

/* line 28, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-page .skeleton-item-pill,
.insights-unusual-activity-widget .skeleton-item-pill {
  position: relative;
  height: 1.4rem;
  border-radius: 2rem;
  width: 100%;
}

/* line 35, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-page .skeleton-item::after,
.insights-unusual-activity-widget .skeleton-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: '';
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* line 62, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-page-content {
  transition: all 0.5s ease 0s;
  width: 100%;
}

/* line 67, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-page .vue-sidebar-pull-btn {
  position: fixed;
  top: 10.5rem;
}

@media (min-width: 1024px) {
  /* line 73, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-page.with-navigation .insights-page-content {
    width: calc(100% - 340px);
  }
}

@media (min-width: 1024px) {
  /* line 79, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-page.with-navigation .insights-header .insights-navigation-header {
    display: none;
  }
}

/* line 87, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-sticky-header {
  background-color: white;
  position: sticky;
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
  margin-top: -3rem;
  z-index: 1082;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  top: 46px;
}

@media (min-width: 768px) {
  /* line 87, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-sticky-header {
    width: calc(100% + 6rem);
    margin-left: -3rem;
  }
}

/* line 103, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-sticky-header .tab-content .tab-pane {
  margin: 0;
}

/* line 108, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-sticky-header .nav.nav-tabs {
  margin-bottom: 0;
}

/* line 115, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-header-content .grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  min-width: 220px;
}

/* line 123, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-header-content .app-select-wrapper {
  max-width: 100% !important;
  min-width: 100% !important;
}

/* line 128, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-header-content .select2 {
  min-width: 100%;
}

/* line 132, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-header-content .smart-notifications-btn:not(:hover) {
  background-color: transparent;
}

@media (min-width: 1024px) {
  /* line 136, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-header-content .hidden-with-navigation {
    display: none;
  }
}

/* line 142, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-header-content .insights-datepicker {
  width: 100%;
}

/* line 146, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-header-content .insights-header-date-filter {
  flex-grow: 1;
}

@media screen and (min-width: 550px) {
  /* line 151, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-header-content .grid {
    grid-template-rows: 1fr;
    grid-template-columns: 140px auto;
    min-height: 40px;
  }
  /* line 157, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-header-content .app-select-wrapper {
    max-width: 160px !important;
  }
  /* line 161, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-header-content .insights-datepicker {
    min-width: 29rem;
  }
}

@media screen and (max-width: 480px) {
  /* line 168, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-header-content .vue-app-time-zone-dropdown .dropdown-toggle.btn, .insights-header .insights-header-content .vue-app-time-zone-dropdown .app-tabs-switch > .nav.nav-tabs .dropdown-toggle.nav-item, .app-tabs-switch > .nav.nav-tabs .insights-header .insights-header-content .vue-app-time-zone-dropdown .dropdown-toggle.nav-item {
    padding-left: 10px;
    padding-right: 10px;
    min-width: auto;
  }
}

@media (min-width: 992px) {
  /* line 176, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-header-content .grid {
    grid-template-columns: 16rem auto 1fr;
  }
}

/* line 182, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .page-heading {
  font-size: 2.5rem;
  line-height: 2.5rem;
}

/* line 187, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-navigation-header {
  width: 100%;
  max-width: 28rem;
}

/* line 191, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-navigation-header-links {
  display: flex;
}

@media (max-width: 480px) {
  /* line 191, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-navigation-header-links {
    display: none;
  }
}

/* line 199, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-navigation-header .back-link {
  visibility: hidden;
  display: none;
}

@media (min-width: 1024px) {
  /* line 199, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-navigation-header .back-link {
    visibility: unset;
  }
}

@media (min-width: 480px) {
  /* line 199, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header .insights-navigation-header .back-link {
    display: unset;
  }
}

/* line 213, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-header-datetime {
  display: flex;
  column-gap: 1.6rem;
  row-gap: 1rem;
}

/* line 219, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .insights-active-time-zone {
  display: flex;
  align-items: center;
  color: #777777;
  font-weight: bold;
  line-height: 10px;
}

/* line 227, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 480px) {
  /* line 233, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-header-filters .select2-container--bootstrap {
    min-width: 120px;
  }
}

/* line 239, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-header .datefilter-info {
  font-size: 14px;
}

/* line 244, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget {
  width: 100%;
}

/* line 247, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget .widget-title, .insights-ranking-widget .insights-team-collaboration-widget label, .insights-team-collaboration-widget .insights-ranking-widget label, .insights-ranking-widget .insights-timeline-popover-list-title {
  padding-bottom: 10px;
  border-bottom: 2px solid #e5e7eb;
}

/* line 252, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item {
  margin-top: 2.5rem;
}

/* line 255, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item:first-child {
  margin-top: 0;
}

/* line 259, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}

/* line 264, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .info {
  flex-grow: 1;
  width: 100%;
}

/* line 268, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .info .main {
  display: flex;
  flex-grow: 1;
  height: 24px;
  display: flex;
  align-items: center;
}

/* line 276, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .info .main:hover .postfix-hover {
  display: inline;
}

/* line 281, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .info .main .postfix {
  cursor: pointer;
  color: #2aa7ff;
  font-size: 14px;
  font-weight: 500;
}

/* line 287, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .info .main .postfix-hover {
  display: none;
}

/* line 291, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .info .main .postfix i {
  line-height: 18px;
}

/* line 296, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .info .main .name {
  width: 1px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex-grow: 1;
}

/* line 304, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .info .main .percentage {
  flex-shrink: 0;
  min-width: 28px;
  margin-right: 1rem;
  font-weight: 700;
}

/* line 313, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .time {
  color: #6b7280;
  margin-left: 2.5rem;
}

/* line 318, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .activity {
  min-width: 35px;
  height: 20px;
  line-height: 22px;
  margin-left: 2.5rem;
  border-radius: 50px;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
}

/* line 328, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .details .activity-none {
  color: #1f2937;
}

/* line 334, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .progress {
  height: 8px;
  background-color: transparent;
  margin-top: 3px;
}

/* line 339, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-item .progress .progress-bar.insights-ranking-list {
  background-color: var(--z-gray-300);
}

/* line 346, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget .widget-small .widget-title, .insights-ranking-widget .widget-small .insights-team-collaboration-widget label, .insights-team-collaboration-widget .insights-ranking-widget .widget-small label, .insights-ranking-widget .widget-small .insights-timeline-popover-list-title {
  border: 0;
  padding: 0;
}

/* line 351, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget .widget-small .insights-ranking-widget-item {
  margin-top: 1.25rem;
}

/* line 354, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget .widget-small .insights-ranking-widget-item .progress {
  height: 6px;
  background-color: transparent;
}

/* line 359, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget .widget-small .insights-ranking-widget-item .info {
  color: var(--z-gray-700);
}

/* line 363, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget .widget-small .insights-ranking-widget-item .percentage {
  min-width: auto;
  margin-right: 0.5rem;
  font-weight: 400;
}

/* line 372, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-view-more .insights-ranking-widget-item {
  margin-top: 1rem;
}

/* line 375, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget-view-more .insights-ranking-widget-item:first-child {
  margin-top: 0;
}

/* line 381, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget .suspicious-icon {
  margin-left: 1.2rem;
}

/* line 385, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-ranking-widget .blurred-items-4 {
  min-height: 20rem;
}

@media (min-width: 1300px) {
  /* line 390, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-rankings-widget {
    column-count: 2;
    column-gap: 30px;
  }
}

@media (min-width: 992px) {
  /* line 396, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-rankings-widget > .insights-ranking-widget {
    break-inside: avoid;
    padding-bottom: 30px;
  }
  /* line 401, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-rankings-widget > .insights-ranking-widget > .widget-wrapper {
    margin: 0;
  }
}

/* line 406, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-rankings-widget > .insights-ranking-widget .widget-body {
  overflow-y: auto;
  padding-right: 0.5rem;
}

@media only screen and (max-width: 1310px) {
  /* line 418, app/assets/stylesheets/components/Widgets/_insights.scss */
  .with-navigation .insights-meetings-widget-content {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 423, app/assets/stylesheets/components/Widgets/_insights.scss */
  .with-navigation .insights-meetings-widget-spent {
    border-right: unset;
  }
  /* line 427, app/assets/stylesheets/components/Widgets/_insights.scss */
  .with-navigation .insights-meetings-widget .chart-donut {
    width: 100%;
    align-items: center;
    justify-content: center;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
  }
  /* line 437, app/assets/stylesheets/components/Widgets/_insights.scss */
  .with-navigation .insights-meetings-widget .widget-details {
    display: flex;
    gap: 2rem;
  }
  /* line 444, app/assets/stylesheets/components/Widgets/_insights.scss */
  .with-navigation .insights-unusual-activity-widget-content {
    flex-direction: column;
  }
  /* line 448, app/assets/stylesheets/components/Widgets/_insights.scss */
  .with-navigation .insights-unusual-activity-widget-chart {
    width: 100%;
    align-items: start;
    justify-content: center;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
}

/* line 459, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-overview-widgets {
  transition: all 0.5s ease;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: 'utilization workTimeClassification' 'focusTime  activity' 'meetings  meetings' 'expenditure expenditure' 'highlights highlights';
  grid-column-gap: 30px;
}

/* line 472, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-overview-widgets .insights-work-time-classification-widget,
.insights-overview-widgets .insights-activity-widget,
.insights-overview-widgets .insights-utilization-widget,
.insights-overview-widgets .insights-highlights-widget,
.insights-overview-widgets .insights-focus-time-widget,
.insights-overview-widgets .insights-meetings-widget,
.insights-overview-widgets .insights-work-time-expenditure-widget,
.insights-overview-widgets .insights-team-collaboration-widget {
  display: flex;
  flex: 1;
}

/* line 483, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-overview-widgets .insights-work-time-classification-widget > .widget-wrapper,
.insights-overview-widgets .insights-activity-widget > .widget-wrapper,
.insights-overview-widgets .insights-utilization-widget > .widget-wrapper,
.insights-overview-widgets .insights-highlights-widget > .widget-wrapper,
.insights-overview-widgets .insights-focus-time-widget > .widget-wrapper,
.insights-overview-widgets .insights-meetings-widget > .widget-wrapper,
.insights-overview-widgets .insights-work-time-expenditure-widget > .widget-wrapper,
.insights-overview-widgets .insights-team-collaboration-widget > .widget-wrapper {
  width: 100%;
  min-width: 290px;
}

/* line 489, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-overview-widgets.has-collaborations {
  grid-template-areas: 'utilization workTimeClassification' 'focusTime  activity' 'meetings  meetings' 'expenditure expenditure' 'collaboration highlights';
}

@media (max-width: 991.98px) {
  /* line 459, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-overview-widgets {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: 'utilization' 'workTimeClassification' 'focusTime' 'activity' 'meetings' 'expenditure' 'highlights' 'leaderboard';
  }
}

/* line 512, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-overview-widgets.has-collaborations {
  grid-template-areas: 'utilization workTimeClassification' 'focusTime activity' 'meetings meetings' 'expenditure expenditure' 'collaboration highlights' 'leaderboard leaderboard';
}

@media (max-width: 1310px) {
  /* line 512, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-overview-widgets.has-collaborations {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: 'utilization' 'workTimeClassification' 'focusTime' 'activity' 'meetings' 'expenditure' 'collaboration' 'highlights' 'leaderboard';
  }
}

/* line 537, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-overview-widgets .insights-work-time-classification-widget,
.insights-overview-widgets .insights-activity-widget,
.insights-overview-widgets .insights-utilization-widget,
.insights-overview-widgets .insights-highlights-widget,
.insights-overview-widgets .insights-focus-time-widget,
.insights-overview-widgets .insights-meetings-widget,
.insights-overview-widgets .insights-work-time-expenditure-widget,
.insights-overview-widgets .insights-team-collaboration-widget,
.insights-overview-widgets .insights-unusual-activity-widget {
  display: flex;
  flex: 1;
}

/* line 549, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-overview-widgets .insights-work-time-classification-widget > .widget-wrapper,
.insights-overview-widgets .insights-activity-widget > .widget-wrapper,
.insights-overview-widgets .insights-utilization-widget > .widget-wrapper,
.insights-overview-widgets .insights-highlights-widget > .widget-wrapper,
.insights-overview-widgets .insights-focus-time-widget > .widget-wrapper,
.insights-overview-widgets .insights-meetings-widget > .widget-wrapper,
.insights-overview-widgets .insights-work-time-expenditure-widget > .widget-wrapper,
.insights-overview-widgets .insights-team-collaboration-widget > .widget-wrapper,
.insights-overview-widgets .insights-unusual-activity-widget > .widget-wrapper {
  width: 100%;
  min-width: 290px;
}

/* line 557, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-tooltip .tooltip-inner {
  max-width: unset;
}

/* line 562, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget {
  grid-area: activity;
}

/* line 565, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .activity-information {
  height: 100%;
}

/* line 569, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .chart {
  gap: 2px;
}

/* line 574, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .chart-legend > .chart-legend-line-high i.shape {
  background: #31c48d;
}

/* line 578, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .chart-legend > .chart-legend-line-medium i.shape {
  background: #ffac51;
}

/* line 582, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .chart-legend > .chart-legend-line-low i.shape {
  background: #f05252;
}

/* line 587, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .score {
  display: flex;
  flex-direction: column;
}

/* line 591, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .score .percentage {
  color: #1f2937;
  font-weight: 500;
  font-size: 2.4rem;
}

/* line 597, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .score .score-label {
  color: #777777;
  font-size: 14px;
}

/* line 603, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .legend {
  min-height: 118px;
  height: 95%;
}

/* line 607, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .legend .value {
  color: var(--z-gray-500);
  font-size: 11px;
  font-weight: 400;
  line-height: 9px;
  position: relative;
}

/* line 614, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .legend .value > span {
  position: absolute;
  right: 5px;
  bottom: 1px;
}

/* line 620, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .legend .value::after {
  content: '_';
}

/* line 626, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .meter {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 110px;
  height: 90%;
  width: 2rem;
}

/* line 635, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .meter .bar {
  width: 4px;
  background-color: #1f2937;
  position: absolute;
  bottom: 0;
  left: calc(50% - 2px);
}

/* line 644, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .meter .section {
  width: 100%;
}

/* line 647, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .meter .section.activity-high {
  height: 50%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 653, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .meter .section.activity-medium {
  height: 30%;
}

/* line 657, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-activity-widget .meter .section.activity-low {
  height: 20%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 666, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget {
  grid-area: utilization;
  min-width: 290px;
}

/* line 670, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget > .widget-wrapper {
  min-height: 170px;
}

/* line 674, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget > .widget-wrapper > .widget-common.widget-small {
  position: relative;
  height: 100%;
}

/* line 678, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget > .widget-wrapper > .widget-common.widget-small > .widget-body:not(.widget-loading) {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex: 1;
}

/* line 686, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget-panels {
  display: flex;
  flex: 1;
  margin-right: 1rem;
  max-width: 100px;
}

/* line 693, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .status {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: var(--z-gray-800);
}

/* line 700, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .details {
  font-weight: 400;
  color: var(--z-gray-700);
  text-align: right;
}

/* line 706, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .targets {
  justify-self: flex-end;
  margin-bottom: 1.5rem;
}

/* line 711, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .targets,
.insights-utilization-widget .details {
  font-size: 12px;
}

/* line 716, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .target-badge {
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 8px 16px;
  border-radius: 10rem;
  background: rgba(5, 122, 85, 0.08);
  border: 1px solid #31c48d;
  color: #057a55;
}

/* line 727, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .insights-utilization-widget-chart {
  min-height: 130px;
  position: relative;
}

/* line 731, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .insights-utilization-widget-chart .chart-gauge {
  overflow: visible;
  left: 0;
  right: unset;
}

/* line 738, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .insights-utilization-widget-panels {
  max-width: calc(100% - 150px);
  justify-content: flex-end;
}

/* line 743, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .utilization-status {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}

/* line 749, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-utilization-widget .utilization-status-content {
  display: flex;
  flex-direction: column;
  width: fit-content;
  margin-left: auto;
}

/* line 758, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-placeholder {
  background: none;
  flex: 1;
}

/* line 762, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-placeholder.insight-widget-placeholder-meetings {
  grid-area: meetings;
}

/* line 766, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-placeholder.insight-widget-placeholder-focus-time {
  grid-area: focusTime;
}

/* line 770, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-placeholder .tag {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  color: #ffffff;
  background: #8b1dff;
  font-size: 11px;
  font-weight: 500;
}

/* line 779, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-placeholder .placeholders-column {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

/* line 786, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-placeholder .action-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
}

/* line 792, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-placeholder .action-column img {
  height: 100px;
}

/* line 796, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-placeholder .action-column .modal-launcher {
  margin-top: 2rem;
}

/* line 802, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget {
  grid-area: focusTime;
}

/* line 806, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .chart-donut-canvas {
  margin-right: 0;
}

/* line 810, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .chart-donut-canvas .chart-donut-arc.arc-focus-time {
  fill: #2aa7ff;
}

/* line 814, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .chart-donut-canvas .chart-donut-arc.arc-empty {
  fill: #e5e7eb;
}

/* line 822, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .chart-wrapper .text {
  color: #2aa7ff;
  font-weight: 700;
  pointer-events: none;
}

/* line 829, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .chart-wrapper.empty .text {
  color: var(--z-gray-800);
}

/* line 835, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .widget-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  color: var(--z-gray-800);
  font-weight: 400;
}

/* line 842, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .widget-details .value {
  font-size: 20px;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}

/* line 848, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .widget-details .property {
  font-size: 14px;
  line-height: 16px;
  color: #777777;
}

/* line 853, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .widget-details .property:first-letter {
  text-transform: capitalize;
}

/* line 859, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-focus-time-widget .data-cropped-warning {
  color: #ff9725;
  margin-left: auto;
}

/* line 865, app/assets/stylesheets/components/Widgets/_insights.scss */
.example-pill {
  margin-right: 1rem;
}

/* line 868, app/assets/stylesheets/components/Widgets/_insights.scss */
.example-pill small {
  background-color: #fce96a;
  color: #374151;
}

/* line 872, app/assets/stylesheets/components/Widgets/_insights.scss */
.example-pill small i {
  margin-right: 0.2rem;
}

/* line 880, app/assets/stylesheets/components/Widgets/_insights.scss */
.dashboard-large-widget .insights-work-time-classification-widget .core-work > strong {
  line-height: 2.6rem;
}

/* line 885, app/assets/stylesheets/components/Widgets/_insights.scss */
.dashboard-large-widget .insights-work-time-classification-widget .chart-legend {
  margin-top: 1.2rem;
}

/* line 888, app/assets/stylesheets/components/Widgets/_insights.scss */
.dashboard-large-widget .insights-work-time-classification-widget .chart-legend > .chart-legend-line {
  color: #1f2937;
  font-size: 1.3rem;
  margin-bottom: 0.6rem;
}

/* line 896, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget {
  grid-area: workTimeClassification;
}

/* line 899, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .with-data {
  width: 100%;
}

/* line 903, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .core-work {
  flex: 1;
  color: var(--z-gray-700);
}

/* line 907, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .core-work > strong {
  display: block;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 36px;
  color: var(--z-gray-800);
}

/* line 917, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-legend > .chart-legend-line-core i.shape {
  background: #2aa7ff;
}

/* line 921, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-legend > .chart-legend-line-non-core i.shape {
  background: #6b7280;
}

/* line 925, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-legend > .chart-legend-line-unproductive i.shape {
  background: #e7721a;
}

/* line 929, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-legend > .chart-legend-line-unknown i.shape {
  background: #9ca3af;
}

/* line 936, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-line-stacked-canvas-core {
  background: #2aa7ff;
}

/* line 940, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-line-stacked-canvas-non-core {
  background: #6b7280;
}

/* line 944, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-line-stacked-canvas-unproductive {
  background: #e7721a;
}

/* line 953, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-donut-canvas .chart-donut-arc.arc-core {
  fill: #2aa7ff;
}

/* line 957, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-donut-canvas .chart-donut-arc.arc-non-core {
  fill: #6b7280;
}

/* line 961, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-donut-canvas .chart-donut-arc.arc-unproductive {
  fill: #e7721a;
}

/* line 965, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-donut-canvas .chart-donut-arc.arc-unknown {
  fill: #9ca3af;
}

/* line 970, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-donut-canvas .text {
  color: #2aa7ff;
}

/* line 975, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-classification-widget .chart-donut-icon {
  font-size: 12px;
  transition: 0.2s all ease-in-out;
}

/* line 982, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-integrations-tabs {
  display: flex;
  align-items: flex-start;
}

/* line 986, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-integrations-tabs .tab {
  display: flex;
  align-items: center;
  background: #eaf6ff;
  border: 1px solid #2aa7ff;
  border-radius: 4px;
  padding: 0.8rem;
  font-size: 14px;
  cursor: pointer;
}

/* line 996, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-integrations-tabs .tab img,
.insights-integrations-tabs .tab .img {
  width: 28px;
  height: 28px;
  border-radius: 99px;
  background-color: black;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 1010, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-output .no-integrations {
  display: flex;
  justify-content: center;
}

/* line 1014, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-output .no-integrations .info {
  text-align: center;
  max-width: 394px;
}

/* line 1018, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-output .no-integrations .info .description {
  color: var(--z-gray-700);
}

/* line 1022, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-output .no-integrations .info .warning {
  color: #c04601;
}

/* line 1025, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-output .no-integrations .info .warning i {
  color: #e3a008;
}

/* line 1030, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-output .no-integrations .info .action-buttons {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 1039, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table {
  background: white;
  border: 1px solid var(--z-gray-200);
  border-radius: 6px;
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 1046, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .table {
  margin: 0;
}

/* line 1049, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .table td.pr-30 {
  padding-right: 30px !important;
}

/* line 1054, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .loading-table {
  margin: 0;
}

/* line 1057, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .loading-table th {
  padding: 20px;
}

/* line 1061, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .loading-table td {
  padding: 30px 20px;
}

/* line 1064, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .loading-table td:first-child {
  width: 40%;
}

/* line 1072, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .cards {
  display: grid;
  gap: 2rem;
}

/* line 1079, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .cards .wrapper-wide .card:first-child {
  margin-bottom: 2rem;
}

/* line 1085, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .cards .wrapper-slim {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2rem;
}

/* line 1094, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card {
  width: 100%;
  padding: 1.5rem;
  background: white;
  border: 1px solid var(--z-gray-200);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  min-width: 0;
}

/* line 1106, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card.has-footer {
  padding-bottom: 0;
}

/* line 1110, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .metric-value {
  font-size: 12px;
  color: var(--z-gray-500);
}

/* line 1115, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .troughput-metrics {
  display: flex;
  gap: 20px;
}

/* line 1119, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .troughput-metrics .metric {
  flex-direction: column;
  align-items: flex-start;
}

/* line 1123, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .troughput-metrics .metric .value {
  font-size: 16px;
  color: var(--z-gray-800);
}

/* line 1131, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .card-throughput_percentage .widget-title, .insights-github-integration .card .card-throughput_percentage .insights-team-collaboration-widget label, .insights-team-collaboration-widget .insights-github-integration .card .card-throughput_percentage label, .insights-github-integration .card .card-throughput_percentage .insights-timeline-popover-list-title {
  margin-bottom: 10px;
}

/* line 1136, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .description {
  max-height: 64px;
  color: var(--z-gray-700);
  display: -webkit-box;
  width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 1146, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .time-to-merge {
  display: flex;
  gap: 20px;
}

/* line 1150, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .time-to-merge .metric {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

/* line 1155, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .time-to-merge .metric .value {
  font-size: 24px;
  font-weight: 500;
}

/* line 1160, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .time-to-merge .metric .title {
  text-align: left;
  font-size: 12px;
  color: var(--z-gray-500);
}

/* line 1168, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .duration {
  text-align: right;
  padding-bottom: 1rem;
  display: flex;
  gap: 32px;
}

/* line 1174, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .duration .value-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

/* line 1180, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .duration-slim {
  display: flex;
  justify-content: center;
}

/* line 1184, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .duration-slim .value-wrapper {
  flex-direction: row;
  align-items: baseline;
  gap: 5px;
}

/* line 1191, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .duration h3 {
  margin-bottom: 0;
  margin-top: 0;
  flex-shrink: 0;
}

/* line 1197, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .duration .description {
  color: var(--z-gray-700);
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 1206, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .duration .metric {
  justify-content: flex-end;
}

/* line 1211, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .footer {
  border-top: 1px solid var(--z-gray-200);
  margin: 0 -1.5rem;
  padding: 0.8rem 1.6rem;
  font-size: 12px;
  color: var(--z-gray-700);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1222, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .no-data {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.2;
  color: var(--z-gray-500);
  gap: 20px;
}

/* line 1230, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .no-data span {
  display: block;
  text-align: center;
}

/* line 1235, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .no-data img {
  max-width: 60px;
  max-height: 40px;
}

/* line 1241, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card.card-wide .no-data {
  flex-direction: column;
  gap: 5px;
  min-width: 100px;
}

/* line 1247, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .card .insights-benchmarks-averages-placeholder {
  border-top: 1px solid var(--z-gray-100);
  margin: 0 -1.5rem;
  padding: 1.5rem 1.5rem 0;
}

/* line 1254, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration .app-table {
  overflow: hidden;
  overflow-x: scroll;
}

/* line 1260, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-dialog [data-label='Author'] .ellipsis,
.insights-github-integration-dialog [data-label='Member'] .ellipsis,
.insights-github-integration .app-table td:first-child .ellipsis {
  max-width: 20vw;
}

/* line 1267, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-table .status-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

/* line 1273, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-table .status-wrapper .status {
  text-transform: capitalize;
  line-height: 1.2;
  padding: 2px 8px;
  border-radius: 4px;
  color: white;
}

/* line 1280, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-table .status-wrapper .status-merged {
  background-color: #18d06b;
}

/* line 1284, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-table .status-wrapper .status-abandoned {
  background-color: #ff4949;
}

/* line 1288, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-table .status-wrapper .status-stale {
  background-color: #ff8816;
}

/* line 1292, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-table .status-wrapper .status-open {
  background-color: #1f2e54;
}

/* line 1299, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-dialog-info {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  align-items: center;
}

@media (max-width: 767.98px) {
  /* line 1299, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-github-integration-cards-dialog-info {
    flex-direction: column;
  }
}

/* line 1309, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-dialog-info .title {
  font-size: 24px;
  font-weight: bold;
  flex-shrink: 0;
}

/* line 1315, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-dialog-info .description {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--z-gray-700);
  font-size: 14px;
  line-height: 20px;
}

/* line 1324, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-dialog-info .time-to-merge {
  display: flex;
  gap: 10px;
  margin-right: 20px;
}

/* line 1329, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-github-integration-cards-dialog-info .time-to-merge .metric {
  flex-shrink: 0;
}

/* line 1335, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-widget {
  min-height: 140px;
}

/* line 1338, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-widget .metrics {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 32px;
}

/* line 1346, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-widget {
  grid-area: expenditure;
}

/* line 1349, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-widget .chart-stacked {
  position: relative;
}

/* line 1352, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-widget .chart-stacked .svg-wrapper {
  width: 100%;
}

/* line 1357, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-widget .chart-svg {
  height: auto;
}

/* line 1360, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-widget .chart-svg svg {
  overflow: visible;
}

/* line 1366, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-widget-popover.chart-popover {
  width: 320px;
}

@media (min-width: 576px) {
  /* line 1366, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-work-time-expenditure-widget-popover.chart-popover {
    width: 340px;
  }
}

/* line 1375, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .title {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
}

/* line 1381, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .subtitle {
  color: var(--z-gray-500);
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
}

/* line 1388, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-legend {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 1.5rem;
}

/* line 1394, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-legend-line {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  color: var(--z-gray-500);
}

/* line 1402, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .tools {
  border-top: 1px solid #d1d5db;
}

/* line 1405, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .tools-list {
  gap: 2.4rem;
}

/* line 1410, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .tool {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

/* line 1415, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .tool .details {
  flex-grow: 1;
  margin-right: 2.5rem;
  color: #555555;
}

/* line 1421, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .tool .time {
  color: var(--z-gray-700);
  text-align: right;
}

/* line 1429, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-donut .chart-donut-arc.arc-core {
  fill: #2aa7ff;
}

/* line 1433, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-donut .chart-donut-arc.arc-non_core {
  fill: #6b7280;
}

/* line 1437, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-donut .chart-donut-arc.arc-unproductive {
  fill: #e7721a;
}

/* line 1441, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-donut .chart-donut-arc.arc-unknown {
  fill: #9ca3af;
}

/* line 1448, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-legend-line-core i.shape {
  background: #2aa7ff;
}

/* line 1452, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-legend-line-non_core i.shape {
  background: #6b7280;
}

/* line 1456, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-legend-line-unproductive i.shape {
  background: #e7721a;
}

/* line 1461, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-line-stacked-canvas {
  height: 8px;
  margin: 0;
}

/* line 1465, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-line-stacked-canvas > div {
  border-radius: 6px;
}

/* line 1468, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-line-stacked-canvas > div:not(:first-child) {
  margin-left: -7px;
}

/* line 1473, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-line-stacked-canvas-core {
  background: #2aa7ff;
}

/* line 1477, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-line-stacked-canvas-non-core {
  background: #6b7280;
}

/* line 1481, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-popover .chart-line-stacked-canvas-unproductive {
  background: #e7721a;
}

/* line 1487, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-dialog {
  max-height: 80vh;
}

/* line 1490, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-work-time-expenditure-dialog .svg-wrapper {
  padding-top: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 100%;
  height: 80vh;
  width: 100%;
}

/* line 1501, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .border {
  border: 1px solid var(--z-gray-300);
}

/* line 1504, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .border.ua-left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}

/* line 1510, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .border.ua-right {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/* line 1516, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table {
  border: 0;
}

/* line 1520, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table thead,
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table tbody,
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table th,
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table td {
  border: 0;
}

/* line 1527, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table td {
  box-shadow: inset 0 -1px 0 #e5e7eb;
}

/* line 1531, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table th:first-child {
  padding-left: 10px;
}

/* line 1535, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table th:last-child {
  padding-right: 0;
}

/* line 1539, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table td:first-child {
  padding-left: 8px;
}

/* line 1543, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-unusual-activity .insights-unusual-activity-widget-table .table td:last-child {
  padding-right: 8px;
}

/* line 1550, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-highlights-widget {
  grid-area: highlights;
}

/* line 1554, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget {
  overflow-x: auto;
  grid-area: leaderboard;
}

@media (max-width: 575.98px) {
  /* line 1558, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-leaderboard-widget .leaderboard-metrics {
    display: none;
  }
}

/* line 1564, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget .widget-title, .insights-leaderboard-widget .insights-team-collaboration-widget label, .insights-team-collaboration-widget .insights-leaderboard-widget label, .insights-leaderboard-widget .insights-timeline-popover-list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

/* line 1570, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget .widget-title .title-label, .insights-leaderboard-widget .insights-team-collaboration-widget label .title-label, .insights-team-collaboration-widget .insights-leaderboard-widget label .title-label, .insights-leaderboard-widget .insights-timeline-popover-list-title .title-label {
  margin-right: 24px;
}

/* line 1574, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget .widget-title .title-switch .inline-control-label, .insights-leaderboard-widget .insights-team-collaboration-widget label .title-switch .inline-control-label, .insights-team-collaboration-widget .insights-leaderboard-widget label .title-switch .inline-control-label, .insights-leaderboard-widget .insights-timeline-popover-list-title .title-switch .inline-control-label {
  margin-left: 10px;
}

/* line 1580, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget .widget-body .scrollable .app-table {
  max-height: 85vh;
  overflow-y: auto;
}

/* line 1585, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget .widget-body .spinner-wrapper {
  position: absolute;
}

/* line 1590, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget .max-width {
  max-width: 24vw;
}

@media (max-width: 767.98px) {
  /* line 1590, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-leaderboard-widget .max-width {
    max-width: 300px;
  }
}

/* line 1598, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget .avatar-speck {
  min-width: 25px;
}

/* line 1602, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget-member {
  display: inline-block;
  cursor: default;
  width: 100%;
}

/* line 1608, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget-time {
  min-width: 42px;
}

/* line 1612, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget-proficiency {
  min-width: 30px;
}

/* line 1616, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-leaderboard-widget .cloak {
  visibility: hidden;
}

/* line 1622, app/assets/stylesheets/components/Widgets/_insights.scss */
.ranking-dialog.scrollable .modal-body, .ranking-dialog.scrollable .modal-body-centered {
  overflow-y: hidden;
  padding-right: 0;
}

/* line 1628, app/assets/stylesheets/components/Widgets/_insights.scss */
.ranking-dialog.scrollable .insights-ranking-widget-item .time {
  margin-right: 1rem;
}

/* line 1634, app/assets/stylesheets/components/Widgets/_insights.scss */
.leaderboard-dialog {
  padding: 0;
}

@media (max-width: 575.98px) {
  /* line 1638, app/assets/stylesheets/components/Widgets/_insights.scss */
  .leaderboard-dialog .modal-dialog {
    margin: 0;
  }
  /* line 1642, app/assets/stylesheets/components/Widgets/_insights.scss */
  .leaderboard-dialog .modal-body, .leaderboard-dialog .modal-body-centered {
    height: 100vh;
  }
  /* line 1646, app/assets/stylesheets/components/Widgets/_insights.scss */
  .leaderboard-dialog .modal {
    overflow: hidden;
  }
}

/* line 1652, app/assets/stylesheets/components/Widgets/_insights.scss */
.leaderboard-dialog .insights-leaderboard-widget .title {
  color: var(--z-gray-800);
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
}

/* line 1660, app/assets/stylesheets/components/Widgets/_insights.scss */
.leaderboard-dialog .insights-leaderboard-widget .insights-leaderboard-table > .table thead > tr > th:first-child,
.leaderboard-dialog .insights-leaderboard-widget .insights-leaderboard-table > .table tbody > tr > td:first-child {
  padding-left: 2rem;
}

/* line 1669, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget-header {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
}

/* line 1674, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget-header-content {
  display: flex;
  column-gap: 4rem;
  row-gap: 2rem;
  overflow: hidden;
}

/* line 1681, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget-header-content .app-select {
  text-transform: capitalize;
  font-weight: 400;
  min-width: 24rem;
}

/* line 1688, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget-header .total {
  display: flex;
  align-items: center;
  font-size: 16px;
  text-transform: none;
  color: #374151;
  font-weight: 700;
  margin-top: 1rem;
}

/* line 1697, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget-header .total > span {
  font-weight: 400;
}

@media (max-width: 575.98px) {
  /* line 1669, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-timeline-widget-header {
    width: 100%;
  }
  /* line 1705, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-timeline-widget-header-content {
    flex-direction: column;
  }
  /* line 1708, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-timeline-widget-header .total {
    margin-top: 0;
  }
}

/* line 1713, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget-header .app-tabs-switch {
  text-transform: capitalize;
}

/* line 1719, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .vue-app-date-picker .weekly-range-input {
  min-width: 175px;
}

/* line 1723, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .vue-app-date-picker a.prev.btn, .insights-timeline-widget .vue-app-date-picker .app-tabs-switch > .nav.nav-tabs .prev.nav-item, .app-tabs-switch > .nav.nav-tabs .insights-timeline-widget .vue-app-date-picker .prev.nav-item {
  order: 1;
}

/* line 1727, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .vue-app-date-picker a.next.btn, .insights-timeline-widget .vue-app-date-picker .app-tabs-switch > .nav.nav-tabs .next.nav-item, .app-tabs-switch > .nav.nav-tabs .insights-timeline-widget .vue-app-date-picker .next.nav-item {
  order: 3;
}

/* line 1732, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row {
  padding: 1.2rem;
  margin-bottom: 1.6rem;
  border: 1px solid #f3f4f6;
  border-radius: 6px;
}

/* line 1739, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row-header {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--z-gray-700);
}

/* line 1745, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row-header .date {
  min-width: 110px;
  font-size: 14px;
}

/* line 1750, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row-header .tracked {
  min-width: 50px;
  margin: 0 12px;
  color: #1f2937;
}

/* line 1755, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row-header .tracked i {
  color: var(--z-gray-500);
}

/* line 1760, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row-header .averages {
  row-gap: 5px;
  column-gap: 2.4rem;
}

/* line 1765, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row-header .timeline-average {
  color: var(--z-gray-500);
  font-weight: 500;
  font-size: 12px;
}

/* line 1770, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row-header .timeline-average .value {
  color: #1f2937;
  font-weight: 400;
}

/* line 1777, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-widget .insights-timeline-row .app-timeline-graph {
  line-height: 0;
}

/* line 1783, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-proficiency-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  color: #9ca3af;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #9ca3af;
}

/* line 1798, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-proficiency-badge-core {
  border-color: #2aa7ff;
  color: #2aa7ff;
}

/* line 1803, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-proficiency-badge-non-core {
  border-color: #6b7280;
  color: #6b7280;
}

/* line 1808, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-proficiency-badge-unproductive {
  border-color: #e7721a;
  color: #e7721a;
}

/* line 1813, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-proficiency-badge-small {
  width: 24px;
  height: 24px;
  font-size: 10px;
  line-height: 27px;
}

/* line 1822, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-details .insights-proficiency-speck {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #9ca3af;
  border-radius: 50%;
}

/* line 1832, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover .popper__arrow {
  margin-left: 5px;
}

/* line 1836, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover .popover-content {
  min-width: 300px;
  padding: 1.5rem 2rem;
}

/* line 1840, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover .popover-content .close {
  margin-top: 1rem;
}

/* line 1845, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover .proficiency-core {
  background: #2aa7ff;
}

/* line 1849, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover .proficiency-non-core {
  background: #6b7280;
}

/* line 1853, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover .proficiency-unproductive {
  background: #e7721a;
}

/* line 1857, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-header {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  position: relative;
  top: -5px;
  left: -5px;
  padding: 0 8px 1em 8px;
}

/* line 1866, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -15px;
  width: calc(100% + 40px);
  border-top: 1px solid #e5e5e5;
}

/* line 1876, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-badge {
  margin-top: 1.2rem;
  font-weight: 400;
  padding: 4px 8px;
}

/* line 1881, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-badge.badge-blue {
  background: rgba(42, 167, 255, 0.08);
  border: 1px solid #2aa7ff;
  color: #0168dd;
}

/* line 1886, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-badge.badge-blue i {
  color: #2aa7ff;
}

/* line 1891, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-badge.badge-purple {
  background: rgba(139, 29, 255, 0.08);
  border: 1px solid #8b1dff;
  color: #8b1dff;
}

/* line 1897, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-badge.badge-green {
  background: rgba(5, 122, 85, 0.08);
  border: 1px solid #31c48d;
  color: #057a55;
}

/* line 1902, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-badge.badge-green i {
  color: #31c48d;
}

/* line 1908, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-date {
  font-size: 12px;
  font-weight: 400;
  color: var(--z-gray-500);
}

/* line 1914, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 0;
}

/* line 1921, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-percentages {
  display: flex;
  gap: 2rem;
}

/* line 1925, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-percentages .percentage-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 1932, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-percentages .percentage {
  font-weight: 500;
  font-size: 18px;
}

/* line 1938, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-list {
  width: 100%;
  margin-right: 5px;
  word-break: break-word;
}

/* line 1943, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-list:last-child {
  margin-right: 0;
}

/* line 1947, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-list-title {
  margin-bottom: 1rem;
  color: var(--z-gray-700);
}

/* line 1953, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 1958, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-timeline-popover-list ul li {
  font-size: 14px;
  padding-bottom: 0.75rem;
}

@media (max-width: 768px) {
  /* line 1966, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-timeline-popover-list-flex:last-child {
    margin-top: 1rem;
  }
  /* line 1970, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-timeline-popover-list-flex ul.tools-list {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 1974, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-timeline-popover-list-flex ul.tools-list li {
    margin-right: 0.8rem;
  }
}

/* line 1984, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-widget {
  margin: 1rem 0 2rem 0;
}

@media (max-width: 585px) {
  /* line 1984, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-performance-highlights-widget {
    margin-bottom: 0;
  }
  /* line 1990, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-performance-highlights-widget .app-carousel-controls {
    margin: 1rem 2rem;
  }
  /* line 1994, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-performance-highlights-widget.widget-wrapper {
    margin-bottom: 1rem;
  }
}

/* line 2006, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card {
  position: relative;
  width: 100%;
  min-height: 191px;
  border: 1px solid var(--z-gray-100);
  border-radius: 6px;
  background-color: white;
  user-select: none;
  overflow: hidden;
}

/* line 2016, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-hovered {
  box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.08);
}

/* line 2022, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .header {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  height: 44px;
  border-bottom: 1px solid var(--z-gray-100);
}

/* line 2030, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .header:hover .team-member-name {
  text-decoration: underline;
  cursor: pointer;
}

/* line 2036, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .header .avatar-speck {
  width: 24px;
  height: 24px;
  margin: 0;
  flex-shrink: 0;
}

/* line 2043, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .header .team-badge {
  background-color: #8b1dff;
  text-transform: uppercase;
  border-radius: 4px;
  color: white;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
  padding: 0.5rem 0.4rem;
}

/* line 2055, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .header .team-member-name {
  margin-left: 1rem;
  font-size: 16px;
  font-weight: 700;
  color: var(--z-gray-800);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 2066, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .header .card-pagination {
  height: 100%;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 2073, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .header .card-pagination-count {
  user-select: none;
  text-align: center;
  width: 4rem;
  color: #9ca3af;
  font-weight: 500;
}

/* line 2082, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .header .card-pagination-arrow-wrapper {
  cursor: pointer;
  width: 2.5rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (hover: hover) {
  /* line 2090, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-performance-highlights-card .header .card-pagination-arrow-wrapper:hover {
    filter: brightness(0) saturate(100%) invert(17%) sepia(12%) saturate(570%) hue-rotate(177deg) brightness(89%) contrast(91%);
  }
}

/* line 2100, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .body {
  padding: 2rem;
  position: relative;
  height: 100%;
}

/* line 2105, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .body .highlight {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: inherit;
  top: 0;
  left: 0;
  height: 100%;
}

/* line 2114, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .body .highlight-name {
  font-size: 16px;
  margin-left: 0.5rem;
  line-height: 1;
}

/* line 2120, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card .body .highlight-description {
  height: 100%;
  margin-top: 1.2rem;
  cursor: pointer;
}

/* line 2128, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading {
  width: 100%;
  border: 1px solid var(--z-gray-100);
  border-radius: 6px;
}

/* line 2133, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading-wrapper {
  width: 100%;
  display: flex;
  gap: 1.5rem;
}

/* line 2139, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading .header {
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--z-gray-100);
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 2146, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading .header .skeleton-item-pill {
  width: 30%;
}

/* line 2151, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading .body {
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 2157, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading .body .skeleton-item-pill:first-child {
  width: 20%;
}

/* line 2162, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading .skeleton-item {
  position: relative;
  overflow: hidden;
  background-color: #e5e7eb;
}

/* line 2167, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading .skeleton-item-rounded {
  position: relative;
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 50%;
}

/* line 2174, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading .skeleton-item-pill {
  position: relative;
  height: 1.4rem;
  border-radius: 2rem;
}

/* line 2180, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-card-skeleton-loading .skeleton-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: '';
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* line 2208, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-dialog .table-wrapper {
  overflow-x: auto;
}

/* line 2212, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-dialog .header {
  display: flex;
  align-items: center;
}

/* line 2216, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-dialog .header button {
  line-height: 0;
  margin-left: auto;
  margin-bottom: auto;
}

/* line 2223, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-dialog .team-member-name {
  cursor: pointer;
}

/* line 2226, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-dialog .team-member-name:hover {
  text-decoration: underline;
}

/* line 2231, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-dialog .description {
  margin-top: 1rem;
  color: var(--z-gray-500);
  white-space: pre-line;
}

/* line 2237, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-dialog .metric {
  margin-left: auto;
  max-width: 112px;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}

/* line 2244, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-dialog .metric .current-value {
  width: 3.5rem;
  margin-right: 2.5rem;
}

/* line 2253, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-proficiency-ranking-widget .ranking-row {
  margin-top: 1rem;
  line-height: 17px;
}

/* line 2257, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-proficiency-ranking-widget .ranking-row:first-child {
  margin: 0;
}

/* line 2262, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-proficiency-ranking-widget .ranking-name {
  word-break: break-word;
}

/* line 2267, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-dashboard {
  border: 0;
  padding: 0;
  margin: 0 0 20px;
}

/* line 2273, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .widget-panel {
  width: 100%;
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 20px;
  margin: 0 0 15px;
}

/* line 2280, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .widget-panel::before {
  width: 0;
}

@media (min-width: 1400px) {
  /* line 2273, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .widget-panel {
    width: 50%;
    padding: 0 0.5rem 2rem;
  }
}

@media (min-width: 2300px) {
  /* line 2273, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .widget-panel {
    width: 25%;
  }
  /* line 2292, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .widget-panel:not(:first-child) {
    padding-left: 3rem;
  }
}

/* line 2298, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .widget-title, .insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .insights-team-collaboration-widget label, .insights-team-collaboration-widget .insights-dashboard .widget-wrapper-columns.widget-panels-dashboard label, .insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .insights-timeline-popover-list-title {
  text-transform: initial;
  font-size: 13px;
}

/* line 2304, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-dashboard .widget-wrapper-columns.widget-panels-dashboard .insights-work-time-classification-widget .chart-legend-vertical {
  padding-right: 0.5rem;
}

/* line 2311, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  height: 100%;
  padding-bottom: 1rem;
  text-align: center;
}

/* line 2321, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-no-data.card {
  padding-top: 3.5rem;
  padding-bottom: 4rem;
}

/* line 2327, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-no-data > img {
  max-height: 5rem;
}

/* line 2331, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-no-data > .title {
  color: #1f2937;
  font-weight: 500;
  font-size: 1.4rem;
  margin-top: 1.2rem;
  margin-bottom: 5px;
}

/* line 2339, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-no-data > .trial-warning {
  display: block;
}

/* line 2343, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-no-data > .text {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--z-gray-500);
}

/* line 2352, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-empty-panel {
  width: 100%;
  padding: 8rem 3rem;
  margin: 3rem 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background: #ffffff;
}

/* line 2360, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-empty-panel img.no-activity {
  max-width: 420px;
  max-height: 360px;
}

/* line 2367, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-view-more {
  display: flex;
  font-weight: 500;
  font-size: 12px;
  text-transform: initial;
  cursor: pointer;
  align-items: center;
}

/* line 2375, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-view-more i {
  margin: 0 0.5rem 0 0;
}

/* line 2380, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget {
  grid-area: meetings;
}

/* line 2384, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .widget-common {
  height: 100%;
}

/* line 2388, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-content {
  display: flex;
  flex: 1;
  gap: 3rem;
}

@media only screen and (max-width: 1300px) {
  /* line 2388, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-meetings-widget-content {
    gap: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  /* line 2388, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-meetings-widget-content {
    flex-direction: column;
  }
}

/* line 2402, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .chart-donut {
  width: 22rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media only screen and (max-width: 768px) {
  /* line 2402, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-meetings-widget .chart-donut {
    width: 100%;
    align-items: center;
    justify-content: center;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
  }
}

/* line 2418, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .chart-donut-canvas {
  margin-right: 2rem;
}

/* line 2422, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .chart-donut-canvas .chart-donut-arc.arc-meetings {
  fill: #2aa7ff;
}

/* line 2426, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .chart-donut-canvas .chart-donut-arc.arc-total {
  fill: #e5e7eb;
}

/* line 2431, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .chart-donut-canvas .text {
  color: #2aa7ff;
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  /* line 2437, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-meetings-widget .chart-donut .widget-details {
    display: flex;
    gap: 2rem;
  }
}

/* line 2443, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .chart-donut .widget-details .property {
  color: var(--z-gray-500);
}

/* line 2446, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .chart-donut .widget-details .property:first-child {
  margin-bottom: 1rem;
}

/* line 2450, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .chart-donut .widget-details .property > div {
  font-size: 20px;
  color: #374151;
}

/* line 2458, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget .blurred-bg {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/insights/meetings_widget_blurred-c9f5be47ca6f2a1d3c90142b691a5adf991e2e6fedf3317c718a42a366dee698.png);
}

/* line 2462, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-spent {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* line 2468, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-spent .chart-legend-line-meetings i.shape {
  background: #2aa7ff;
}

/* line 2472, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-spent .chart-legend-line-total i.shape {
  background: #e5e7eb;
}

@media only screen and (min-width: 1300px) {
  /* line 2462, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-meetings-widget-spent {
    padding-right: 1.5rem;
  }
}

@media only screen and (min-width: 768px) {
  /* line 2462, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-meetings-widget-spent {
    border-right: 1px solid #e5e5e5;
  }
}

/* line 2486, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-recurring {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  gap: 2rem;
  overflow: hidden;
}

/* line 2495, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-recurring .chart-legend-line-recurring i.shape {
  background: #0168dd;
}

/* line 2499, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-recurring .chart-legend-line-non-recurring i.shape {
  background: #a7d9fc;
}

@media only screen and (max-width: 480px) {
  /* line 2506, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-meetings-widget-dialog .modal-header,
.insights-meetings-widget-dialog .modal-body,
.insights-meetings-widget-dialog .modal-body-centered {
    padding: 1.5rem;
  }
}

/* line 2513, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog .title {
  display: flex;
  align-items: center;
  margin: 2.5rem 0 2rem;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: #777777;
}

/* line 2522, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog .title:after {
  content: '';
  border: 1px solid var(--z-gray-100);
  height: 0;
  flex-grow: 1;
  margin-left: 0.5rem;
}

/* line 2531, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog .tool {
  color: var(--z-gray-800);
  font-weight: 400;
  margin-bottom: 1.6rem;
}

/* line 2536, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog .tool:last-child {
  margin-bottom: 0;
}

/* line 2540, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog .tool i {
  font-size: 14px;
  color: #777777;
}

/* line 2546, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog-details {
  display: grid;
  grid-gap: 2rem;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
}

/* line 2552, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog-details .metric {
  position: relative;
  padding: 1rem;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}

/* line 2558, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog-details .metric > strong {
  display: block;
  font-size: 18px;
}

/* line 2563, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog-details .metric > span {
  color: #777777;
}

/* line 2567, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-meetings-widget-dialog-details .metric > .time {
  position: absolute;
  top: 1.15rem;
  right: 1rem;
  color: #777777;
}

/* line 2578, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-sync-status {
  flex: 1;
}

/* line 2581, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-sync-status-title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 16px;
}

/* line 2589, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-sync-status.still-syncing > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem 0;
  padding: 2rem 1rem 1rem;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background: #ffffff;
  text-align: center;
}

/* line 2604, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration > div {
  display: flex;
  gap: 4rem;
  justify-content: center;
  flex-wrap: wrap-reverse;
}

/* line 2611, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration .illustration {
  width: 226px;
}

@media (max-width: 575.98px) {
  /* line 2611, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-widget-integration .illustration {
    display: none;
  }
}

/* line 2619, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration-providers {
  flex: 0;
}

/* line 2622, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration-providers-connect {
  display: flex;
  align-items: center;
  flex: 1;
  margin-bottom: 1rem;
}

/* line 2628, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration-providers-connect .integration-btn {
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  background: #2f8af4;
  border-radius: 4px;
  padding-right: 14px;
  width: 220px;
  text-align: center;
}

/* line 2644, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration-providers-connect .integration-btn:hover {
  background: #177cf3;
}

/* line 2648, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration-providers-connect .integration-btn.disabled {
  cursor: default;
  opacity: 0.7;
}

/* line 2653, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration-providers-connect .integration-btn > div {
  flex: 1;
}

/* line 2657, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration-providers-connect .integration-btn > img {
  background: #ffffff;
  margin: 3px 8px 3px 3px;
  max-width: 4rem;
  border-radius: 3px;
}

/* line 2663, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-integration-providers-connect .integration-btn > img.microsoft_graph {
  padding: 8px;
}

/* line 2673, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-color-industry {
  background-color: #2aa7ff;
}

/* line 2677, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-color-organization {
  background-color: #faca15;
}

/* line 2681, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-color-occupation {
  background-color: #b977ff;
}

/* line 2686, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-warning-icon {
  color: #faca15;
}

/* line 2690, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages {
  font-size: 12px;
  padding-top: 2rem;
  padding-bottom: 0.2rem;
}

/* line 2695, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: var(--z-gray-500);
}

/* line 2703, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 2708, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .wrapper-loading {
  background-color: #e5e7eb;
  border-radius: 8px;
  height: 1.2rem;
}

/* line 2715, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .layout {
  position: relative;
  width: 100%;
  background-color: #f3f4f6;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 1px;
}

/* line 2725, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .layout-empty {
  height: 2rem;
}

/* line 2728, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .layout-empty-text {
  color: #777777;
}

/* line 2734, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .bar {
  height: 0.8rem;
  border-radius: 2px;
}

/* line 2738, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .bar-blurred {
  opacity: 0.2;
}

/* line 2741, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .bar-blurred:hover {
  opacity: 1;
}

/* line 2747, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .value-pointer-wrapper {
  width: 3rem;
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  pointer-events: none;
}

/* line 2757, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .value.visibility-hidden {
  visibility: hidden;
}

/* line 2762, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages .pointer {
  width: 2px;
  margin-bottom: 0.2rem;
  background-color: black;
}

/* line 2768, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-toggle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.2rem;
}

/* line 2775, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-toggle .toggle-wrapper {
  display: flex;
  margin-right: auto;
  height: 33px;
  align-items: center;
}

/* line 2782, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-toggle .toggle-loading {
  background-color: #e5e7eb;
  border-radius: 8px;
  width: 14rem;
  height: 1.2rem;
}

/* line 2789, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-toggle .inline-control-label {
  font-size: 14px;
  color: black;
  margin-left: 1rem;
}

/* line 2795, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-toggle .legend-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
}

/* line 2801, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-toggle .legend-label i.shape {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}

/* line 2808, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-toggle .job-type-info {
  display: table;
  border-spacing: 3px;
  font-size: 12px;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem 0.5rem 0;
}

/* line 2816, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-benchmarks-averages-toggle .job-type-info i {
  display: table-cell;
  color: #2aa7ff;
}

/* line 2824, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner {
  padding: 2rem 3rem;
  border-radius: 0.8rem;
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

/* line 2833, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 65%;
  padding-right: 1rem;
}

/* line 2840, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .info .title {
  margin: 0;
}

/* line 2845, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-upgrade {
  background: #def7ec;
  border-color: #31c48d;
}

/* line 2850, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-enable {
  background: #eaf6ff;
  border-color: #2aa7ff;
}

/* line 2855, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-workforce {
  background: #f6edff;
  border-color: #8b1dff;
}

/* line 2856, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-workforce *:focus {
  outline: none;
}

/* line 2863, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-workforce-wrapper {
  margin-bottom: 2rem;
}

/* line 2868, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-suspicious_behavior {
  background: #eaf6ff;
  border-color: #2aa7ff;
}

/* line 2872, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-suspicious_behavior-wrapper {
  margin-bottom: 2rem;
}

/* line 2877, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .illustration {
  position: absolute;
  bottom: -1px;
  right: 5rem;
}

/* line 2883, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .hi-close, .insights-cta-banner .top-bar .topbar-link .close-notifications, .top-bar .topbar-link .insights-cta-banner .close-notifications {
  position: absolute;
  top: 2.2rem;
  right: 3.2rem;
  color: #9ca3af;
  cursor: pointer;
}

/* line 2891, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

/* line 2897, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .btn:last-child, .insights-cta-banner .cta .app-tabs-switch > .nav.nav-tabs .nav-item:last-child, .app-tabs-switch > .nav.nav-tabs .insights-cta-banner .cta .nav-item:last-child {
  margin-right: auto;
}

/* line 2901, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .submit-button-workforce {
  background-color: #8b1dff;
  color: #ffffff;
}

/* line 2905, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .submit-button-workforce:hover, .insights-cta-banner .cta .submit-button-workforce:focus, .insights-cta-banner .cta .submit-button-workforce:active {
  background-color: #8b1dff;
  border-color: #8b1dff;
}

/* line 2913, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .submit-button-suspicious_behavior {
  background-color: #2aa7ff;
  color: #ffffff;
}

/* line 2917, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .submit-button-suspicious_behavior:hover, .insights-cta-banner .cta .submit-button-suspicious_behavior:focus, .insights-cta-banner .cta .submit-button-suspicious_behavior:active {
  background-color: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 2925, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .btn-outline-custom {
  background-color: transparent;
}

/* line 2928, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .btn-outline-custom-upgrade {
  border-color: #31c48d;
  color: #057a55;
}

/* line 2932, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .btn-outline-custom-upgrade:hover, .insights-cta-banner .cta .btn-outline-custom-upgrade:focus, .insights-cta-banner .cta .btn-outline-custom-upgrade:active {
  background-color: #31c48d;
  border-color: #31c48d;
  color: #ffffff;
}

/* line 2941, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .btn-outline-custom-enable, .insights-cta-banner .cta .btn-outline-custom-suspicious_behavior {
  border-color: #2aa7ff;
  color: #0168dd;
}

/* line 2946, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .btn-outline-custom-enable:hover, .insights-cta-banner .cta .btn-outline-custom-enable:focus, .insights-cta-banner .cta .btn-outline-custom-enable:active, .insights-cta-banner .cta .btn-outline-custom-suspicious_behavior:hover, .insights-cta-banner .cta .btn-outline-custom-suspicious_behavior:focus, .insights-cta-banner .cta .btn-outline-custom-suspicious_behavior:active {
  background-color: #2aa7ff;
  border-color: #2aa7ff;
  color: #ffffff;
}

/* line 2955, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .btn-outline-custom-workforce {
  border-color: #8b1dff;
  color: #8b1dff;
}

/* line 2959, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .btn-outline-custom-workforce:hover, .insights-cta-banner .cta .btn-outline-custom-workforce:focus, .insights-cta-banner .cta .btn-outline-custom-workforce:active {
  background-color: #8b1dff;
  border-color: #8b1dff;
  color: #ffffff;
}

/* line 2969, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .dismiss {
  min-width: 16.5rem;
}

/* line 2973, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .dismiss .custom-checkbox-wrapper .custom-checkbox-box {
  background: white;
  border-color: #d1d5db;
}

/* line 2978, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .dismiss .custom-checkbox-wrapper span:last-child {
  color: var(--z-gray-500);
  font-weight: normal;
}

/* line 2986, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .dismiss-upgrade input:checked + .custom-checkbox-box {
  background: #31c48d;
  border-color: #31c48d;
}

/* line 2993, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .dismiss-workforce input:checked + .custom-checkbox-box {
  background: #8b1dff;
  border-color: #8b1dff;
}

/* line 3000, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .dismiss-workforce input:checked + .custom-checkbox-box {
  background: #8b1dff;
  border-color: #8b1dff;
}

/* line 3007, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner .cta .dismiss-suspicious_behavior input:checked + .custom-checkbox-box {
  background: #2aa7ff;
  border-color: #2aa7ff;
}

/* line 3015, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-slim .info {
  width: 100%;
}

/* line 3018, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-slim .info .cta {
  flex-direction: column;
  align-items: center;
}

/* line 3022, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-slim .info .cta .btn, .insights-cta-banner-slim .info .cta .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .insights-cta-banner-slim .info .cta .nav-item {
  width: 100%;
}

/* line 3028, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-slim .illustration {
  display: none;
}

/* line 3034, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-dialog .content-light {
  color: var(--z-gray-700);
}

/* line 3038, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner-dialog .close-button-wrapper {
  margin-top: 7rem;
  text-align: right;
}

/* line 3044, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner ul {
  column-count: 2;
  padding-left: 0;
}

/* line 3048, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner ul li {
  padding-bottom: 1rem;
}

/* line 3051, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner ul li .dot {
  font-size: 28px;
  line-height: 1.8rem;
}

/* line 3056, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner ul li .dot.dot-upgrade {
  color: #31c48d;
}

/* line 3062, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-cta-banner ul li .feature-title {
  font-size: 11px;
  font-weight: 500;
}

/* line 3070, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget {
  grid-area: collaboration;
}

/* line 3073, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .blurred-bg {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/insights/collaboration_widget_blurred_small-a355e973c05f1ca726419933bd53f1306c226248eae1525e1c5c223492fe111b.png);
  background-size: 100% 153px;
}

@media (min-width: 576px) {
  /* line 3073, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-team-collaboration-widget .blurred-bg {
    background-size: 100% 130px;
    background-image: url(https://server-assets.hubstaff.com/b9e3417e06/insights/collaboration_widget_blurred_medium-4348cc97964be26fe0d7ef2153df61e56820b8d9b1adaea462b85deb8b01f56c.png);
  }
}

@media (min-width: 1200px) {
  /* line 3073, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-team-collaboration-widget .blurred-bg {
    background-size: 100% 200px;
    background-image: url(https://server-assets.hubstaff.com/b9e3417e06/insights/collaboration_widget_blurred-88c3698ba4e8721c01c8e07a38b6dc1406e7523de4e7b32f07513be86e0c4c4f.png);
  }
}

/* line 3088, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget-content {
  display: flex;
  width: 100%;
  margin-top: 1rem;
  column-gap: 2.4rem;
  row-gap: 1rem;
}

/* line 3095, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget-content > :first-child {
  flex-grow: 1;
}

@media (max-width: 575.98px) {
  /* line 3088, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-team-collaboration-widget-content {
    flex-direction: column;
  }
}

/* line 3104, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 3115, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .collaboration-pill {
  display: flex;
  flex-grow: 1;
  padding: 1rem;
  align-items: center;
  align-self: stretch;
  border-radius: 1.2rem;
  font-size: 1.6rem;
  color: var(--z-gray-800);
  background: var(--z-primary-50);
}

/* line 3126, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .collaboration-pill .pill-icon {
  margin-right: 1.2rem;
  color: #2aa7ff;
}

/* line 3130, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .collaboration-pill .pill-icon.hi-exit.received {
  position: relative;
}

/* line 3133, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .collaboration-pill .pill-icon.hi-exit.received::after {
  content: '\f1dd';
  font-family: 'hubstaff-icons';
  display: inline-block;
  font-size: 1.2rem;
  font-style: normal;
  position: absolute;
  left: 3px;
  top: 5px;
  background: #eaf6ff;
  line-height: 1;
}

/* line 3149, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .insights-widget-integration {
  height: 100%;
}

/* line 3152, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .insights-widget-integration-providers {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 3158, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .insights-widget-integration-providers-connect {
  flex: inherit;
  margin-bottom: 0;
}

/* line 3162, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-team-collaboration-widget .insights-widget-integration-providers-connect .integration-btn {
  width: unset;
  min-width: 220px;
}

@media (min-width: 1200px) {
  /* line 3167, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-team-collaboration-widget .insights-widget-integration-providers-connect form {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  /* line 3176, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-team-collaboration-widget .insights-widget-integration > div {
    display: block;
    height: 100%;
  }
}

/* line 3184, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation {
  display: none;
}

/* line 3187, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .load-more {
  height: 50px;
}

@media (min-width: 1024px) {
  /* line 3184, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-navigation {
    display: unset;
  }
}

/* line 3195, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .vue-sidebar {
  height: 100vh;
  top: auto;
}

/* line 3200, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .vue-sidebar .vue-sidebar-content {
  overflow: hidden;
}

/* line 3204, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .vue-sidebar,
.insights-navigation .vue-sidebar-pull-btn {
  box-shadow: -4px 0 16px 0 rgba(0, 0, 0, 0.05);
}

/* line 3209, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .insights-navigation-lists {
  height: 100%;
}

/* line 3212, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .insights-navigation-lists .engagement-info {
  font-size: 12px;
  font-weight: 500;
  margin-top: -6px;
}

/* line 3217, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .insights-navigation-lists .engagement-info i {
  transform: none;
  color: var(--z-gray-700);
}

/* line 3223, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .insights-navigation-lists .app-collapse-item .content {
  margin: 0 -30px;
}

/* line 3228, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list {
  height: 100%;
  overscroll-behavior: contain;
  padding: 0 30px;
}

/* line 3233, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card {
  color: var(--z-gray-800);
  gap: 8px;
  padding: 16px 3rem;
  margin: 0 -3rem;
}

/* line 3239, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card:hover {
  background-color: #f3f4f6;
}

/* line 3243, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card.active {
  background-color: rgba(45, 165, 255, 0.2);
  box-shadow: inset 2px 0 0 0 #2f8af4;
}

/* line 3248, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card .status {
  right: 0;
  bottom: 0;
  margin-left: unset;
  margin-top: unset;
}

/* line 3255, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card .details {
  max-width: calc(100% - 4.5rem);
}

/* line 3258, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card .details.has-engagement {
  max-width: calc(100% - 8.5rem);
}

/* line 3263, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card .name {
  font-size: 14px;
  font-weight: 600;
}

/* line 3268, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card .profile-link {
  font-size: 12px;
  font-weight: 500;
  visibility: hidden;
  color: #2aa7ff;
  white-space: nowrap;
}

/* line 3276, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card .details {
  font-size: 12px;
  font-weight: 400;
}

/* line 3281, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card .description {
  margin-top: unset;
  margin-left: unset;
  right: 5px;
  top: 2rem;
}

/* line 3288, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card-skeleton-loading {
  width: 100%;
}

/* line 3291, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card-skeleton-loading .body {
  padding: 1.5rem 1rem 1.5rem 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 3299, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-card-skeleton-loading .skeleton-item-rounded {
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
}

/* line 3308, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0 30px 20px 30px;
}

/* line 3315, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-empty img {
  margin-bottom: 1rem;
  width: 10rem;
}

/* line 3320, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-empty-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

/* line 3326, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-empty-message {
  color: var(--z-gray-500);
  font-weight: 400;
  margin-bottom: 1.5rem;
}

/* line 3332, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-list-empty .btn, .insights-navigation-list-empty .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .insights-navigation-list-empty .nav-item {
  width: 17rem;
}

/* line 3339, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-header .select2 {
  min-width: 100%;
  max-width: 100%;
}

/* line 3344, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-header-links {
  display: flex;
}

/* line 3348, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-header .back-link {
  color: var(--z-gray-700);
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
}

/* line 3354, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-header .back-link.visibility-hidden {
  visibility: hidden;
}

/* line 3362, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score .chart-donut .text {
  font-size: 12px;
  line-height: 12px;
  bottom: -1px;
}

/* line 3368, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score .chart-donut .chart-donut-canvas {
  margin-right: 0;
  display: flex;
}

/* line 3377, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.too-low .arc-empty, .insights-navigation .engagement-score.low .arc-empty, .insights-navigation .engagement-score.normal-low .arc-empty {
  fill: rgba(0, 0, 0, 0.07);
}

/* line 3383, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.too-low .arc-score {
  fill: rgba(240, 82, 82, 0.3);
}

/* line 3389, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.low .arc-score {
  fill: #fce96a;
}

/* line 3395, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.normal-low .arc-score {
  fill: #a7d9fc;
}

/* line 3401, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.normal-high .arc-score {
  fill: #2aa7ff;
}

/* line 3405, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.normal-high .arc-empty {
  fill: #a7d9fc;
}

/* line 3411, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.high .arc-score {
  fill: #31c48d;
}

/* line 3415, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.high .arc-empty {
  fill: rgba(49, 196, 141, 0.3);
}

/* line 3421, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.too-high .arc-score {
  fill: #f05252;
}

/* line 3425, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation .engagement-score.too-high .arc-empty {
  fill: rgba(240, 82, 82, 0.3);
}

/* line 3471, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications {
  grid-area: smart-notifications;
}

/* line 3475, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-widget .app-carousel-inner {
  height: 380px !important;
}

/* line 3478, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-widget .app-carousel-inner .app-carousel-item {
  height: 100%;
}

/* line 3484, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 191px;
  border: 1px solid var(--z-gray-100);
  border-radius: 6px;
  background-color: white;
  user-select: none;
  overflow: hidden;
}

/* line 3496, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card-hovered {
  box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.08);
}

/* line 3500, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .header {
  padding: 0 1.5rem 1.5rem;
  border-bottom: 1px solid var(--z-gray-100);
}

/* line 3504, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .header h5 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 3510, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .header-description {
  color: var(--z-gray-500);
  font-size: 12px;
}

/* line 3514, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .header-description .header-item {
  white-space: nowrap;
  display: flex;
  gap: 5px;
  align-items: center;
}

/* line 3523, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body {
  padding: 1rem 1rem 0;
}

/* line 3433, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member {
  display: flex;
  align-items: center;
  padding: 1rem;
}

/* line 3438, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member .avatar {
  flex-shrink: 0;
  margin-right: 1rem;
}

/* line 3443, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member .light-gray {
  color: var(--z-gray-500);
  font-size: 12px;
}

/* line 3448, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member-info {
  width: 100%;
}

/* line 3451, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member-info .badge {
  background: #fff6ed;
  color: #c04601;
  line-height: 1.2;
  margin-left: 1rem;
}

/* line 3459, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 3465, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member-value {
  flex-shrink: 0;
}

/* line 3528, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member {
  border-bottom: 1px solid var(--z-gray-100);
}

/* line 3531, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .body .member:last-child {
  border: none;
}

/* line 3537, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .footer {
  padding: 1rem;
  text-align: right;
  color: #2aa7ff;
  border-top: 1px solid var(--z-gray-100);
  margin-top: auto;
  font-weight: 500;
}

/* line 3545, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .footer .cta {
  cursor: pointer;
}

/* line 3548, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-card .footer .cta:hover {
  color: var(--z-gray-800);
}

/* line 3433, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .member {
  display: flex;
  align-items: center;
  padding: 1rem;
}

/* line 3438, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .member .avatar {
  flex-shrink: 0;
  margin-right: 1rem;
}

/* line 3443, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .member .light-gray {
  color: var(--z-gray-500);
  font-size: 12px;
}

/* line 3448, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .member-info {
  width: 100%;
}

/* line 3451, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .member-info .badge {
  background: #fff6ed;
  color: #c04601;
  line-height: 1.2;
  margin-left: 1rem;
}

/* line 3459, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .member-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 3465, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .member-value {
  flex-shrink: 0;
}

/* line 3558, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .modal-body, .insights-smart-notifications-dialog .modal-body-centered {
  padding-top: 1rem;
}

/* line 3562, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .member {
  padding-left: 0;
}

/* line 3566, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .remaining-tools {
  padding: 2px 6px;
  border-radius: 14px;
  color: #ffffff;
  background: #2aa7ff;
  font-weight: bold;
}

/* line 3574, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .table-wrapper {
  height: 360px;
  margin-top: 1rem;
  padding-right: 1rem;
  overflow: scroll;
}

/* line 3580, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .table-wrapper .table > tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 3586, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-smart-notifications-dialog .header-description {
  color: var(--z-gray-500);
  font-size: 12px;
}

/* line 3594, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-performance-highlights-widget .insights-no-data {
  height: auto;
  margin-top: 2rem;
}

/* line 3600, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

/* line 3605, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-dot.high-activity {
  background: #ff9725;
}

/* line 3609, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-dot.long-period-of-single-activity-without-mouse {
  background: #ffd5a8;
}

/* line 3613, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-dot.long-period-of-single-activity-without-typing {
  background: #ffd5a8;
}

/* line 3617, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-dot.suspicious-activity {
  background: #c81e1e;
}

/* line 3622, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-dialog .chart-legend,
.insights-unusual-activity-widget .expanded .chart-legend {
  gap: 1.6rem;
}

/* line 3630, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget .chart-legend > .chart-legend-line,
.insights-unusual-activity-dialog .chart-legend > .chart-legend-line {
  color: #1f2937;
}

/* line 3633, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget .chart-legend > .chart-legend-line-high-activity i.shape,
.insights-unusual-activity-dialog .chart-legend > .chart-legend-line-high-activity i.shape {
  background: #ff9725;
}

/* line 3637, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget .chart-legend > .chart-legend-line-long-period-of-single-activity-without-mouse i.shape,
.insights-unusual-activity-dialog .chart-legend > .chart-legend-line-long-period-of-single-activity-without-mouse i.shape {
  background: #ffd5a8;
}

/* line 3641, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget .chart-legend > .chart-legend-line-long-period-of-single-activity-without-typing i.shape,
.insights-unusual-activity-dialog .chart-legend > .chart-legend-line-long-period-of-single-activity-without-typing i.shape {
  background: #ffd5a8;
}

/* line 3645, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget .chart-legend > .chart-legend-line-suspicious-activity i.shape,
.insights-unusual-activity-dialog .chart-legend > .chart-legend-line-suspicious-activity i.shape {
  background: #c81e1e;
}

/* line 3654, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-dialog.team-dialog .modal-body, .insights-unusual-activity-dialog.team-dialog .modal-body-centered {
  overflow-y: hidden;
}

/* line 3659, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-dialog .scroll-container {
  max-height: 74vh;
  overflow-y: auto;
}

/* line 3664, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-dialog .search-wrapper,
.insights-unusual-activity-dialog .filter {
  min-width: 20rem;
}

/* line 3669, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-dialog .select2 {
  min-width: 100%;
}

/* line 3673, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-dialog .content {
  min-height: 77vh;
}

/* line 3677, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-dialog .data-privacy {
  margin-left: -5px;
}

/* line 3683, app/assets/stylesheets/components/Widgets/_insights.scss */
.dashboard-large-widget .insights-unusual-activity-widget .chart-legend-line {
  color: #1f2937;
  font-size: 13px;
  margin-bottom: 0.6rem;
}

/* line 3691, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-content {
  flex: 1;
}

@media only screen and (max-width: 992px) {
  /* line 3691, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-unusual-activity-widget-content {
    flex-direction: column;
  }
}

/* line 3699, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget .vertical-divider {
  border-left: 1px solid #e5e5e5;
  margin: -15px 0;
  margin-left: 2.4rem;
  display: none;
}

@media only screen and (min-width: 1310px) {
  /* line 3699, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-unusual-activity-widget .vertical-divider {
    display: block;
  }
}

@media only screen and (max-width: 992px) {
  /* line 3709, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-unusual-activity-widget-chart {
    width: 100%;
    align-items: start;
    justify-content: center;
    border-right: none;
  }
  /* line 3715, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-unusual-activity-widget-chart.expanded {
    border-bottom: 1px solid #e5e5e5;
  }
}

/* line 3720, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-legend {
  justify-content: start;
}

/* line 3724, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .text {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--z-gray-500);
}

/* line 3730, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart.expanded {
  padding: 3.5rem 5.4rem;
  gap: 3rem;
}

/* line 3735, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-legend-line {
  font-size: 12px;
}

/* line 3741, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-canvas .chart-donut-arc {
  outline: none;
}

/* line 3744, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-canvas .chart-donut-arc.arc-high-activity {
  fill: #ff9725;
}

/* line 3748, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-canvas .chart-donut-arc.arc-long-period-of-single-activity-without-mouse {
  fill: #ffd5a8;
}

/* line 3752, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-canvas .chart-donut-arc.arc-long-period-of-single-activity-without-typing {
  fill: #ffd5a8;
}

/* line 3756, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-canvas .chart-donut-arc.arc-suspicious-activity {
  fill: #c81e1e;
}

/* line 3760, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-canvas .chart-donut-arc.arc-empty {
  fill: #e5e7eb;
}

/* line 3765, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-canvas .text {
  font-size: 2rem;
  color: #1f2937;
  text-align: center;
  pointer-events: none;
}

/* line 3772, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-canvas .text .label, .insights-unusual-activity-widget-chart .chart-donut-canvas .text .manual_time_log span.action, .manual_time_log .insights-unusual-activity-widget-chart .chart-donut-canvas .text span.action,
.insights-unusual-activity-widget-chart .chart-donut-canvas .text .widget-id-manual_time_log span.action,
.widget-id-manual_time_log .insights-unusual-activity-widget-chart .chart-donut-canvas .text span.action, .insights-unusual-activity-widget-chart .chart-donut-canvas .text .adjustment_type_label, .insights-unusual-activity-widget-chart .chart-donut-canvas .text .time_off_request_status, .insights-unusual-activity-widget-chart .chart-donut-canvas .text .timesheet-status, .insights-unusual-activity-widget-chart .chart-donut-canvas .text .timesheet-sync-status {
  font-size: 12px;
  font-weight: 400;
  color: var(--z-gray-500);
}

/* line 3780, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-chart .chart-donut-icon {
  font-size: 12px;
  transition: 0.2s all ease-in-out;
}

/* line 3788, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .max-width {
  max-width: 16vw;
}

/* line 3793, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .loading-table td,
.insights-unusual-activity-widget-table .loading-table th {
  height: 4.5rem;
}

/* line 3799, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .chart-line-stacked {
  width: 100%;
}

/* line 3802, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .chart-line-stacked-canvas {
  height: 8px;
  border-radius: unset;
}

/* line 3807, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .chart-line-stacked-canvas-high-activity {
  background: #ff9725;
}

/* line 3811, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .chart-line-stacked-canvas-long-period-of-single-activity-without-mouse {
  background: #ffd5a8;
}

/* line 3815, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .chart-line-stacked-canvas-long-period-of-single-activity-without-typing {
  background: #ffd5a8;
}

/* line 3819, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-table .chart-line-stacked-canvas-suspicious-activity {
  background: #c81e1e;
}

/* line 3827, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-list .activities-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  margin-top: 1.6rem;
}

@media (min-width: 500px) {
  /* line 3827, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-unusual-activity-widget-list .activities-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  /* line 3827, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-unusual-activity-widget-list .activities-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* line 3843, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-list.activities-loading .meta-head {
  height: 5rem;
}

/* line 3847, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-list.activities-loading .screenshot-content {
  height: 21rem;
}

/* line 3851, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-list.activities-loading .shot-body {
  pointer-events: none;
}

/* line 3857, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot {
  display: flex;
  flex-direction: column;
}

/* line 3861, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .wrapper {
  border: 1px solid #d1d5db;
  border-radius: 3px;
  position: relative;
  height: 100%;
}

/* line 3869, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .count-pill {
  font-weight: bold;
  font-size: 1.2rem;
  width: 9rem;
  margin: -18px auto 0;
  padding: 5px 15px;
  border-radius: 2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
  background: #ffffff;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

/* line 3887, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .screenshot-content {
  padding: 2rem 1rem;
}

/* line 3891, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .header {
  padding-bottom: 12px;
}

/* line 3895, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .activity {
  padding-top: 12px;
}

/* line 3898, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .activity .progress {
  margin: 8px 0;
}

/* line 3901, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .activity .progress:not(.empty) {
  background-color: rgba(14, 159, 110, 0.4);
}

/* line 3906, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .activity .chart-legend {
  justify-content: space-between;
  gap: 5px;
}

/* line 3911, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .activity .chart-legend > .chart-legend-line-keyboard i.shape {
  background: #0e9f6e;
}

/* line 3915, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .activity .chart-legend > .chart-legend-line-mouse i.shape {
  background: rgba(14, 159, 110, 0.4);
}

/* line 3922, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .tools {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

/* line 3927, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-widget-screenshot .title {
  color: var(--z-gray-500);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

/* line 3937, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-lists .accordion {
  margin: 0 -30px;
}

/* line 3941, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-navigation-lists .accordion-trigger {
  padding: 0 30px;
}

/* line 3946, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-summary {
  max-width: 600px;
}

/* line 3950, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-summary.loading .value span {
  display: none;
}

/* line 3954, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-summary.loading .value::before {
  display: inline-block;
  width: 30%;
  height: 2.5rem;
  position: relative;
  left: 0;
  content: '';
  border-radius: 8px;
  animation-name: table-loading-color;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  color: var(--z-gray-200);
}

/* line 3970, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-summary .widget-wrapper {
  padding: 15px 20px;
  margin: 0;
  flex: 1;
  max-width: 200px;
}

/* line 3977, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-summary .value {
  line-height: 38px;
}

/* line 3982, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-confidence-summary {
  max-width: 480px;
}

/* line 3987, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .scroll-wrapper {
  width: 20rem;
  min-width: 20rem;
  position: relative;
}

@media (min-width: 768px) {
  /* line 3987, app/assets/stylesheets/components/Widgets/_insights.scss */
  .insights-unusual-activity-member-dialog .scroll-wrapper {
    width: 25rem;
    min-width: 25rem;
  }
}

/* line 3997, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .scroll-container {
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

/* line 4006, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

/* line 4011, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .progress-bar {
  box-shadow: none;
}

/* line 4015, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .card {
  border: 1px solid var(--z-gray-300);
  font-size: 14px;
  border-radius: 6px;
}

/* line 4020, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .card:hover {
  background: var(--z-blue-50);
  border-color: var(--z-blue-200);
}

/* line 4025, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .card.selected {
  background: var(--z-blue-50);
  border-color: var(--z-blue-200);
  position: relative;
}

/* line 4030, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .card.selected:before, .insights-unusual-activity-member-dialog .card.selected:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  rotate: 45deg;
}

/* line 4039, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .card.selected:before {
  background: var(--z-blue-200);
  width: 9px;
  height: 9px;
  margin-top: -4.5px;
  margin-left: -4px;
}

/* line 4047, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .card.selected:after {
  background: var(--z-blue-50);
  width: 9px;
  height: 9px;
  margin-top: -4.5px;
  margin-left: -5px;
}

/* line 4057, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .insights-view-full-day-link {
  flex-direction: row-reverse;
  background: var(--z-blue-500);
  color: white;
  border-radius: 6px;
  font-size: 12px;
  padding: 8px 12px;
}

/* line 4066, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-unusual-activity-member-dialog .screen-count-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
  color: #2aa7ff;
  font-size: 12px;
  font-weight: 500;
  padding: 0.5rem 1rem;
  user-select: none;
}

/* line 4081, app/assets/stylesheets/components/Widgets/_insights.scss */
.confidence-badge {
  font-size: 12px;
  color: white;
  border-radius: 4px;
  padding: 3px 6px;
}

/* line 4088, app/assets/stylesheets/components/Widgets/_insights.scss */
.insights-widget-confidence-badge {
  border-radius: 44px;
  border: 1px solid white;
  display: inline-flex;
  align-items: center;
  padding: 6px 15px;
  font-size: 16px;
  gap: 10px;
}

/* line 4099, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-breakdown .mouse,
.activity-breakdown .keyboard {
  display: flex;
  flex-direction: column;
}

/* line 4105, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-breakdown .progress-bar {
  height: 0.4rem;
  border-radius: 0.6rem;
  margin-bottom: 0.5rem;
}

/* line 4110, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-breakdown .progress-bar.green {
  background-color: var(--z-green-500);
}

/* line 4114, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-breakdown .progress-bar.orange {
  background-color: var(--z-orange-500);
}

/* line 4119, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-breakdown .percentage {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 4125, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-breakdown .percentage .legend {
  border-radius: 50%;
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
}

/* line 4131, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-breakdown .percentage .legend.green {
  background-color: var(--z-green-500);
}

/* line 4135, app/assets/stylesheets/components/Widgets/_insights.scss */
.activity-breakdown .percentage .legend.orange {
  background-color: var(--z-orange-500);
}

/* line 13, app/assets/stylesheets/widgets.scss */
.widget-id-projects .wcell-project,
.widget-id-project_budgets .wcell-project,
.widget-id-invoices .wcell-project,
.widget-id-tasks .wcell-project,
.widget-id-client_budgets .wcell-project,
.widget-id-timesheet .wcell-project {
  min-width: 210px;
}

/* line 16, app/assets/stylesheets/widgets.scss */
.widget-id-projects .wcell-project-time,
.widget-id-project_budgets .wcell-project-time,
.widget-id-invoices .wcell-project-time,
.widget-id-tasks .wcell-project-time,
.widget-id-client_budgets .wcell-project-time,
.widget-id-timesheet .wcell-project-time {
  width: 180px;
}

/* line 20, app/assets/stylesheets/widgets.scss */
.widget-id-projects.widget-initial .wcell-project,
.widget-id-project_budgets.widget-initial .wcell-project,
.widget-id-invoices.widget-initial .wcell-project,
.widget-id-tasks.widget-initial .wcell-project,
.widget-id-client_budgets.widget-initial .wcell-project,
.widget-id-timesheet.widget-initial .wcell-project {
  min-width: 170px;
}

/* line 23, app/assets/stylesheets/widgets.scss */
.widget-id-projects.widget-initial .avatar.avatar_initial,
.widget-id-project_budgets.widget-initial .avatar.avatar_initial,
.widget-id-invoices.widget-initial .avatar.avatar_initial,
.widget-id-tasks.widget-initial .avatar.avatar_initial,
.widget-id-client_budgets.widget-initial .avatar.avatar_initial,
.widget-id-timesheet.widget-initial .avatar.avatar_initial {
  background-color: #d1d5db !important;
  background-image: none;
  color: transparent !important;
}

/* line 30, app/assets/stylesheets/widgets.scss */
.widget-id-projects.widget-initial:not(.widget-lazy):hover .avatar.avatar_initial,
.widget-id-project_budgets.widget-initial:not(.widget-lazy):hover .avatar.avatar_initial,
.widget-id-invoices.widget-initial:not(.widget-lazy):hover .avatar.avatar_initial,
.widget-id-tasks.widget-initial:not(.widget-lazy):hover .avatar.avatar_initial,
.widget-id-client_budgets.widget-initial:not(.widget-lazy):hover .avatar.avatar_initial,
.widget-id-timesheet.widget-initial:not(.widget-lazy):hover .avatar.avatar_initial {
  background-color: #9ca3af !important;
}

/* line 39, app/assets/stylesheets/widgets.scss */
.widget-id-project_budgets .wcell-project,
.widget-id-client_budgets .wcell-project {
  min-width: 185px;
}

/* line 45, app/assets/stylesheets/widgets.scss */
.widget-id-members .user-cell {
  display: flex;
  align-items: flex-start;
  flex: 1;
  max-width: calc(100% - 180px);
  min-width: 220px;
}

/* line 55, app/assets/stylesheets/widgets.scss */
.widget-id-tasks .wcell-task-time {
  width: 180px;
}

/* line 61, app/assets/stylesheets/widgets.scss */
.widget-id-missed_shifts .wcell-late-shift {
  min-width: 140px;
  white-space: normal !important;
}

/* line 67, app/assets/stylesheets/widgets.scss */
.widget-id-missed_shifts.widget-initial .wcell-late-shift {
  min-width: 120px;
}

/* line 73, app/assets/stylesheets/widgets.scss */
.widget-footer-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f6edff;
  border: 0.1rem solid #8b1dff;
  border-radius: 0.8rem;
  padding: 0.8rem 1.2rem;
  margin-bottom: 1rem;
}

/* line 84, app/assets/stylesheets/widgets.scss */
.widget-footer-banner .message .url {
  color: #8b1dff;
  font-weight: bold;
}

/* line 90, app/assets/stylesheets/widgets.scss */
.widget-footer-banner .close-icon {
  display: flex;
  align-items: center;
}

/* line 94, app/assets/stylesheets/widgets.scss */
.widget-footer-banner .close-icon i {
  color: #8b1dff;
}

/* line 101, app/assets/stylesheets/widgets.scss */
.widget-id-amounts_owed .user-name {
  display: inline-block;
  vertical-align: middle;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 111, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed table {
  table-layout: fixed;
  min-width: 400px;
}

/* line 115, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed table thead th {
  padding-left: 0;
}

/* line 120, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed table tbody td {
  padding: 7px;
}

/* line 125, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed table tbody tr.loading-tr td {
  text-align: center !important;
}

/* line 131, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .widget-table {
  position: relative;
}

/* line 134, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .user-cell {
  display: flex;
  align-items: flex-start;
  flex: 1;
}

/* line 139, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .user-cell-text {
  margin-left: 10px;
  overflow: hidden;
}

/* line 143, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed td {
  vertical-align: top !important;
}

/* line 145, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed td:not(:first-child) {
  line-height: 1 !important;
}

/* line 150, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed tr.is-online + tr:not(.is-online) td {
  border-top: none !important;
  padding-top: 34px;
}

/* line 154, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed tr.is-online + tr:not(.is-online) td:first-child:before {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  background-color: #e5e7eb;
  position: absolute;
  left: 0;
  border-radius: 6px;
  margin-top: -22px;
}

/* line 169, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .loading-tr td {
  text-align: center;
  border-bottom-color: transparent !important;
}

/* line 175, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .this-week-cell-wrapper {
  display: flex;
}

/* line 179, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .a-tooltip.activity-percent {
  cursor: default;
}

/* line 183, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .member-last-worked {
  font-size: 12px;
  color: #6b7280;
  margin-top: 5px;
}

/* line 187, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .member-last-worked:first-letter {
  text-transform: capitalize;
}

/* line 191, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .members-detailed-link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: currentColor;
}

/* line 196, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed .members-detailed-link:hover {
  color: #2aa7ff;
}

/* line 202, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed.widget-initial .members-detailed-link,
.widget-id-members_detailed.widget-initial .is-online:after {
  background-color: #d1d5db;
  color: transparent !important;
}

/* line 207, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed.widget-initial .members-detailed-duration {
  text-align: center;
}

/* line 211, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed.widget-initial .member-name {
  background-color: #d1d5db;
  color: transparent !important;
}

/* line 215, app/assets/stylesheets/widgets.scss */
.widget-id-members_detailed.widget-initial .bar-graph-entry {
  background-color: #d1d5db;
  color: transparent !important;
}

/* line 221, app/assets/stylesheets/widgets.scss */
.member-weekly-activity-graph {
  display: flex;
  align-items: flex-end;
  margin-left: 15px;
}

/* line 227, app/assets/stylesheets/widgets.scss */
.bar-graph-entry {
  width: 7px;
  margin-right: 3px;
  background-color: #2aa7ff;
  min-height: 1px;
}

/* line 234, app/assets/stylesheets/widgets.scss */
.widget-initial {
  -moz-user-select: none;
  cursor: pointer;
}

/* line 238, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy) {
  background-color: #e5e7eb !important;
}

/* line 242, app/assets/stylesheets/widgets.scss */
.widget-initial .btn, .widget-initial .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .widget-initial .nav-item {
  min-width: 0px;
  padding: 12px 15px 10px 14px;
}

/* line 245, app/assets/stylesheets/widgets.scss */
.widget-initial .btn.btn-primary, .widget-initial .app-tabs-switch > .nav.nav-tabs .btn-primary.nav-item, .app-tabs-switch > .nav.nav-tabs .widget-initial .btn-primary.nav-item {
  flex-grow: 0;
  flex-shrink: 0;
}

/* line 251, app/assets/stylesheets/widgets.scss */
.widget-initial .initial-state-default-text,
.widget-initial .widget-progress,
.widget-initial .week-day,
.widget-initial .user-activity-overflow,
.widget-initial .project-name,
.widget-initial .activity-percent {
  background-color: #d1d5db;
  color: transparent !important;
}

/* line 260, app/assets/stylesheets/widgets.scss */
.widget-initial .initial-state-default-text-dark,
.widget-initial .initial-state-dark-blue,
.widget-initial .initial-state-green,
.widget-initial .initial-state-blue,
.widget-initial .initial-state-orange,
.widget-initial .progress-bar,
.widget-initial .sent.bar,
.widget-initial .avatar,
.widget-initial .shot-body {
  background-color: #d1d5db;
  color: transparent !important;
}

/* line 272, app/assets/stylesheets/widgets.scss */
.widget-initial .initial-display-none {
  display: none;
}

/* line 277, app/assets/stylesheets/widgets.scss */
.widget-initial .avatar.avatar-speck, .widget-initial .avatar.avatar-medium {
  vertical-align: middle;
}

/* line 283, app/assets/stylesheets/widgets.scss */
.widget-initial .table-wrapper.is-scrollable:after {
  box-shadow: none;
}

/* line 287, app/assets/stylesheets/widgets.scss */
.widget-initial thead,
.widget-initial .has-worked {
  display: none;
}

/* line 293, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-id-this_week tr {
  border-bottom: none;
}

/* line 298, app/assets/stylesheets/widgets.scss */
.widget-initial tr {
  border-bottom: 2px solid #d1d5db;
}

/* line 302, app/assets/stylesheets/widgets.scss */
.widget-initial .avatar {
  display: inline-block;
}

/* line 307, app/assets/stylesheets/widgets.scss */
.widget-initial .btn-default i {
  color: #2aa7ff !important;
}

/* line 312, app/assets/stylesheets/widgets.scss */
.widget-initial .initial-plus {
  font-size: 14px;
}

/* line 316, app/assets/stylesheets/widgets.scss */
.widget-initial .widget-menu,
.widget-initial .initial-cta {
  display: none;
}

/* line 321, app/assets/stylesheets/widgets.scss */
.widget-initial .view-all-activity {
  color: transparent !important;
}

/* line 325, app/assets/stylesheets/widgets.scss */
.widget-initial .duration,
.widget-initial .budget-date,
.widget-initial .budget-spent,
.widget-initial .budget-amount,
.widget-initial .label-paid,
.widget-initial .label-sent,
.widget-initial .label-open,
.widget-initial .action,
.widget-initial .policy-name,
.widget-initial .time_off_request_status,
.widget-initial .timesheet-status {
  background-color: #d1d5db;
  color: transparent !important;
  background-color: #d1d5db !important;
}

/* line 340, app/assets/stylesheets/widgets.scss */
.widget-initial .shot-body {
  pointer-events: none;
}

/* line 342, app/assets/stylesheets/widgets.scss */
.widget-initial .shot-body .screenshot-activity-overlay,
.widget-initial .shot-body .state_shot {
  display: none;
}

/* line 348, app/assets/stylesheets/widgets.scss */
.widget-initial .activity-percent {
  box-shadow: none !important;
}

/* line 352, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover {
  background-color: #ffffff !important;
}

/* line 355, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .initial-plus {
  display: none;
}

/* line 359, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .initial-cta {
  display: inline;
}

/* line 363, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .is-online:after,
.widget-initial:not(.widget-lazy):hover .label-paid,
.widget-initial:not(.widget-lazy):hover .action-add,
.widget-initial:not(.widget-lazy):hover .time_off-approved,
.widget-initial:not(.widget-lazy):hover .timesheet-status.approved,
.widget-initial:not(.widget-lazy):hover .initial-state-green {
  background-color: #31c48d !important;
}

/* line 372, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .progress-bar-info,
.widget-initial:not(.widget-lazy):hover .label-sent,
.widget-initial:not(.widget-lazy):hover .action-edit,
.widget-initial:not(.widget-lazy):hover .policy-name,
.widget-initial:not(.widget-lazy):hover .time_off-submitted,
.widget-initial:not(.widget-lazy):hover .initial-state-blue,
.widget-initial:not(.widget-lazy):hover .sent.bar {
  background-color: #2aa7ff !important;
}

/* line 380, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .progress-bar-info .duration,
.widget-initial:not(.widget-lazy):hover .label-sent .duration,
.widget-initial:not(.widget-lazy):hover .action-edit .duration,
.widget-initial:not(.widget-lazy):hover .policy-name .duration,
.widget-initial:not(.widget-lazy):hover .time_off-submitted .duration,
.widget-initial:not(.widget-lazy):hover .initial-state-blue .duration,
.widget-initial:not(.widget-lazy):hover .sent.bar .duration {
  background-color: #2aa7ff !important;
}

/* line 386, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .initial-state-orange .duration {
  background-color: #ffac51 !important;
}

/* line 392, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .initial-state-dark-blue .duration {
  background-color: #9ca3af !important;
}

/* line 398, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-id-missed_shifts:not(.widget-lazy):hover .duration {
  background-color: #2aa7ff !important;
}

/* line 403, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .label-open {
  background-color: #9ca3af;
}

/* line 407, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .timesheet-status.open {
  background-color: #ffac51 !important;
}

/* line 412, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .activity-percent.activity-low {
  background-color: #f05252;
}

/* line 415, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .activity-percent.activity-medium {
  background-color: #ffac51;
}

/* line 418, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .activity-percent.activity-high {
  background-color: #31c48d;
}

/* line 421, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .activity-percent.activity-none {
  background-color: #e5e7eb;
}

/* line 426, app/assets/stylesheets/widgets.scss */
.widget-initial:not(.widget-lazy):hover .avatar {
  background-image: url(https://server-assets.hubstaff.com/b9e3417e06/widgets/avatar_silhouette-00eb8d891ac37dede5747b979a07cc6417e49ad2cc9b1f9c49fb628ad801416b.svg);
  background-color: #d1d5db;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 75%;
}

/* line 436, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-large .btn, .widget-initial.widget-large .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .widget-initial.widget-large .nav-item {
  margin-right: 2rem;
  min-width: 4.5rem;
}

/* line 441, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-large .widget-sortable-header {
  gap: 1rem;
}

/* line 445, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-large .widget-title, .widget-initial.widget-large .insights-timeline-popover-list-title, .widget-initial.widget-large .insights-team-collaboration-widget label, .insights-team-collaboration-widget .widget-initial.widget-large label {
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 5px;
}

/* line 451, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-large .initial-description {
  text-transform: none;
  font-size: 12px;
  color: #9ca3af;
}

/* line 457, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-large .widget-sortable-body {
  padding-bottom: 30px;
  margin-top: 15px;
}

/* line 462, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-large .widget-footer {
  display: none;
}

/* line 468, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small .widget-sortable-header {
  height: 50px;
  gap: 1rem;
}

/* line 472, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small .btn, .widget-initial.widget-small .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .widget-initial.widget-small .nav-item {
  margin-top: 6px;
  margin-right: 6px;
}

/* line 477, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small .widget-tooltip {
  font-size: 14px;
}

/* line 481, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small .initial-description {
  display: none;
}

/* line 485, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small .text-value {
  background-color: #d1d5db;
  color: transparent !important;
  width: 85px;
}

/* line 490, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small .text-difference {
  background-color: #d1d5db;
  color: transparent !important;
  width: 55px;
}

/* line 495, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small .area {
  display: none;
}

/* line 499, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small .line {
  stroke: #d1d5db !important;
}

/* line 506, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small.widget-id-worked_today:hover .line, .widget-initial.widget-small.widget-id-activity:hover .line {
  stroke: #31c48d !important;
}

/* line 513, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small.widget-id-this_week_total:hover .line, .widget-initial.widget-small.widget-id-earned_today:hover .line {
  stroke: #8b1dff !important;
}

/* line 520, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small.widget-id-projects_worked:hover .line, .widget-initial.widget-small.widget-id-members_worked:hover .line {
  stroke: #ffac51 !important;
}

/* line 527, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small.widget-id-spent_today:hover .line, .widget-initial.widget-small.widget-id-spent_week:hover .line {
  stroke: #2aa7ff !important;
}

/* line 534, app/assets/stylesheets/widgets.scss */
.widget-initial.widget-small.widget-id-earned_week:hover .line, .widget-initial.widget-small.widget-id-today_activity:hover .line {
  stroke: #f05252 !important;
}

/* line 1, app/assets/stylesheets/achievement_badges.scss */
.badges {
  width: 100%;
  flex-wrap: wrap;
}

/* line 5, app/assets/stylesheets/achievement_badges.scss */
.badges-badge {
  position: relative;
  margin-left: 2rem;
  margin-top: 0.5em;
  margin-right: -15px;
}

/* line 11, app/assets/stylesheets/achievement_badges.scss */
.badges-badge:first-child {
  margin-left: 0;
}

/* line 15, app/assets/stylesheets/achievement_badges.scss */
.badges-badge .badge-icon {
  width: 40px;
}

/* line 18, app/assets/stylesheets/achievement_badges.scss */
.badges-badge .badge-icon-small {
  width: 26px;
}

/* line 23, app/assets/stylesheets/achievement_badges.scss */
.badges-badge .badge-streak {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  right: -9px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}

/* line 38, app/assets/stylesheets/achievement_badges.scss */
.badges-badge .badge-streak-small {
  top: -7px;
  right: -8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

/* line 50, app/assets/stylesheets/achievement_badges.scss */
.tooltip.badge-tooltip .tooltip-inner, .badge-tooltip.vue-tooltip .tooltip-inner {
  background-color: white;
  color: #1f2937;
  border-radius: 7px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
}

/* line 58, app/assets/stylesheets/achievement_badges.scss */
.tooltip.badge-tooltip > .tooltip-arrow, .badge-tooltip.vue-tooltip > .tooltip-arrow {
  border-bottom-color: #e5e5e5;
  border-width: 0 6px 6px;
}

/* line 62, app/assets/stylesheets/achievement_badges.scss */
.tooltip.badge-tooltip > .tooltip-arrow::before, .badge-tooltip.vue-tooltip > .tooltip-arrow::before {
  content: '';
  position: absolute;
  margin-left: -5px;
  top: 1px;
  border-width: 0 5px 5px;
  border-color: transparent;
  border-style: solid;
  border-bottom-color: white;
}

/* line 2, app/assets/stylesheets/simple_layout.scss */
#simple-header .topbar {
  display: flex;
  align-items: middle;
  height: 67px;
}

/* line 7, app/assets/stylesheets/simple_layout.scss */
#simple-header .topbar-border {
  border-bottom: 1px solid #f3f4f6;
  clear: left;
  width: 100%;
}

/* line 15, app/assets/stylesheets/simple_layout.scss */
.full-width-topbar .content-wrapper {
  display: block;
}

/* line 18, app/assets/stylesheets/simple_layout.scss */
.full-width-topbar .top-bar {
  border-bottom: none;
  left: 0;
  width: 100%;
}

/* line 1, app/assets/stylesheets/_blank_layout.scss */
html#blank-layout {
  overflow: hidden;
  overflow-y: auto;
  min-height: 100vh;
}

/* line 5, app/assets/stylesheets/_blank_layout.scss */
html#blank-layout body {
  overflow-x: hidden;
}

/* line 8, app/assets/stylesheets/_blank_layout.scss */
html#blank-layout body.no-heading-nav .page-heading,
html#blank-layout body.no-heading-nav .organization-nav-tabs {
  display: none;
}

/* line 13, app/assets/stylesheets/_blank_layout.scss */
html#blank-layout body .blank-layout-logo {
  position: absolute;
  left: 21px;
  top: 21px;
  z-index: 1039;
}

/* line 1, app/assets/stylesheets/simple-chat.scss */
#simple-chat {
  right: 0;
  left: auto;
  z-index: 999;
}

@media (max-width: 480px) {
  /* line 1, app/assets/stylesheets/simple-chat.scss */
  #simple-chat {
    width: 100%;
  }
}

/* line 9, app/assets/stylesheets/simple-chat.scss */
#simple-chat > .open-chat {
  margin-right: 130px;
  margin-bottom: 10px;
}

/* line 16, app/assets/stylesheets/simple-chat.scss */
#simple-chat.minimized > .open-chat {
  display: block !important;
}

/* line 18, app/assets/stylesheets/simple-chat.scss */
#simple-chat hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #f3f4f6;
}

/* line 25, app/assets/stylesheets/simple-chat.scss */
#simple-chat #chat_area_messages_frame {
  display: block;
  border: 1px #d1d5db solid;
  border-bottom: none;
  padding: 5px;
  width: 40vw;
  background-color: white;
  overflow: hidden;
}

@media (max-width: 768px) {
  /* line 25, app/assets/stylesheets/simple-chat.scss */
  #simple-chat #chat_area_messages_frame {
    width: 100%;
  }
}

/* line 37, app/assets/stylesheets/simple-chat.scss */
#simple-chat #chat_area_messages_frame .btn, #simple-chat #chat_area_messages_frame .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #simple-chat #chat_area_messages_frame .nav-item {
  min-width: auto;
}

/* line 40, app/assets/stylesheets/simple-chat.scss */
#simple-chat #chat_area_messages_frame .controls_panel {
  display: flex !important;
  justify-content: flex-end;
  width: 100%;
  position: absolute;
  top: -33px;
  right: 0px;
  padding: 5px;
}

/* line 48, app/assets/stylesheets/simple-chat.scss */
#simple-chat #chat_area_messages_frame .controls_panel .maximize_btn {
  display: none;
}

/* line 51, app/assets/stylesheets/simple-chat.scss */
#simple-chat #chat_area_messages_frame .messages {
  max-height: 60vh;
  min-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 56, app/assets/stylesheets/simple-chat.scss */
#simple-chat #chat_area_messages_frame .messages .message {
  display: block !important;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 65, app/assets/stylesheets/simple-chat.scss */
#simple-chat #chat_area_messages_frame .messages .typing-img {
  width: 50px;
}

/* line 1, app/assets/stylesheets/sections/_footer.scss */
.font-thin {
  font-weight: 300;
}

/* line 4, app/assets/stylesheets/sections/_footer.scss */
.normal-font {
  display: inline;
  font-weight: 400 !important;
}

/* line 9, app/assets/stylesheets/sections/_footer.scss */
strong, .strong {
  font-weight: 500;
}

/* line 13, app/assets/stylesheets/sections/_footer.scss */
.bold {
  font-weight: 700 !important;
}

/* line 17, app/assets/stylesheets/sections/_footer.scss */
.rounded-corners {
  border-radius: 6px;
}

/* line 21, app/assets/stylesheets/sections/_footer.scss */
.new-landing-footer {
  position: relative;
  padding: 70px 0 40px;
}

/* line 24, app/assets/stylesheets/sections/_footer.scss */
.new-landing-footer a {
  color: #6b7280;
  font-weight: normal;
  font-size: 13px;
}

/* line 32, app/assets/stylesheets/sections/_footer.scss */
.new-landing-footer li {
  margin-bottom: 10px;
}

/* line 37, app/assets/stylesheets/sections/_footer.scss */
.new-landing-footer .social-col a:hover {
  text-decoration: none;
}

/* line 41, app/assets/stylesheets/sections/_footer.scss */
.new-landing-footer .social-col .hi, .new-landing-footer .social-col .toggling-dropdown > li.is-on > a:before, .new-landing-footer .social-col .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .new-landing-footer .social-col input:checked + label:before, .new-landing-footer .social-col .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-selection__choice__remove, .new-landing-footer .social-col .datepicker:before,
.new-landing-footer .social-col .hs_daterange_picker:before, .new-landing-footer .social-col .search-filter:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-selection:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .new-landing-footer .social-col b:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-date:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-week:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-paid:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-user:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-member:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-client:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-project:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-timesheet:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-task:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-team:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-job_site:before, .new-landing-footer .social-col .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .new-landing-footer .social-col .select2-results__option.is-work_break_policy:before, .new-landing-footer .social-col .vue-map-search:before, .new-landing-footer .social-col .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .new-landing-footer .social-col .step-number {
  font-size: 16px;
}

/* line 44, app/assets/stylesheets/sections/_footer.scss */
.new-landing-footer .social-col .hi-gplus {
  font-size: 22px;
}

/* line 47, app/assets/stylesheets/sections/_footer.scss */
.new-landing-footer .social-col .hi-youtube {
  font-size: 20px;
}

/* line 53, app/assets/stylesheets/sections/_footer.scss */
.rb-footer {
  padding: 10rem 0;
  background-color: #374151;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  position: relative;
}

/* line 61, app/assets/stylesheets/sections/_footer.scss */
.rb-footer a:not(.btn) {
  color: #ffffff;
  font-weight: 400;
  line-height: 28px;
}

/* line 66, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .footer-flex-row {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

/* line 73, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .footer-col-heading {
  font-family: "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 25px;
}

/* line 79, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .social-col-heading {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}

/* line 84, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .hs-social-networks {
  display: flex;
  align-self: center;
  justify-content: space-between;
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  padding-top: 15px;
  margin-top: 10px;
}

/* line 91, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .hs-social-networks .hi, .rb-footer .hs-social-networks .toggling-dropdown > li.is-on > a:before, .rb-footer .hs-social-networks .rounded-checkbox-wrapper input:checked + label:before, .rounded-checkbox-wrapper .rb-footer .hs-social-networks input:checked + label:before, .rb-footer .hs-social-networks .select2-container--bootstrap.select2-container--bootstrap .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-selection__choice__remove, .rb-footer .hs-social-networks .datepicker:before,
.rb-footer .hs-social-networks .hs_daterange_picker:before, .rb-footer .hs-social-networks .search-filter:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-selection:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow b:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-selection__arrow .rb-footer .hs-social-networks b:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-date:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-date:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-week:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-week:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-paid:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-paid:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-user:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-user:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-member:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-member:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-client:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-client:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-project:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-project:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-timesheet:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-timesheet:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-task:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-task:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-team:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-team:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-job_site:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-job_site:before, .rb-footer .hs-social-networks .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .select2-results__option.is-work_break_policy:before, .groupBy-select-container .select2-container--bootstrap.select2-container--bootstrap .rb-footer .hs-social-networks .select2-results__option.is-work_break_policy:before, .rb-footer .hs-social-networks .vue-map-search:before, .rb-footer .hs-social-networks .is-first.is-last.is-complete .v-step-number-wrapper .step-number, .is-first.is-last.is-complete .v-step-number-wrapper .rb-footer .hs-social-networks .step-number {
  font-size: 18px;
}

/* line 95, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .copyright-area {
  margin-top: 6rem;
}

/* line 98, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .copyright-text {
  font-size: 12px;
  font-family: "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* line 105, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .footer-brand {
  opacity: .5;
}

/* line 107, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .footer-brand:hover {
  opacity: .7;
}

/* line 110, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .footer-brand img {
  height: 24px;
  width: 24px;
}

/* line 116, app/assets/stylesheets/sections/_footer.scss */
.rb-footer .terms-links {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 991.98px) {
  /* line 116, app/assets/stylesheets/sections/_footer.scss */
  .rb-footer .terms-links {
    justify-content: flex-start;
  }
  /* line 125, app/assets/stylesheets/sections/_footer.scss */
  .rb-footer .terms-links a {
    margin-right: 10px;
  }
}

/* line 132, app/assets/stylesheets/sections/_footer.scss */
.hs-rebranded-btn.btn-signup {
  background: #84e1bc;
  font: 700 14px/20px "Ubuntu", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 8px 17px;
}

/* line 138, app/assets/stylesheets/sections/_footer.scss */
.footer-last-column {
  padding: 0;
}

@media (max-width: 991.98px) {
  /* line 138, app/assets/stylesheets/sections/_footer.scss */
  .footer-last-column {
    padding: 0 15px;
  }
}

/* line 146, app/assets/stylesheets/sections/_footer.scss */
.social-col-heading {
  font-family: "Lato", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* line 1, app/assets/stylesheets/sections/_outdated.scss */
#outdated-browser {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 2rem 0;
  border-top: 1px solid #faca15;
  background: #fff8d3;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
  color: #e3a008;
}

@supports (grid-area: auto) {
  /* line 1, app/assets/stylesheets/sections/_outdated.scss */
  #outdated-browser {
    display: none;
  }
}

/* line 20, app/assets/stylesheets/sections/_outdated.scss */
#outdated-browser > strong {
  display: block;
  margin-bottom: 1rem;
  font-size: 16px;
}

/* line 145, app/assets/stylesheets/hubstaff-variables.scss */
:root {
  --sidebar-width: 240px;
  --sidebar-bg: #f3f4f6;
  --sidebar-border-color: #e5e7eb;
  --sidebar-gutter-width: 80px;
  --topbar-height: 46px;
  --sidebar-logo-link-height: 28px + 15px;
  --nav-sidebar-footer-height: 56px;
}

@font-face {
  font-family: "Roboto Regular";
  url: url(https://server-assets.hubstaff.com/fonts/roboto-regular.ttf) format("truetype");
}

/* line 8, app/assets/stylesheets/oauth_redirect.scss.erb */
.oauth-redirect.container {
  font-family: "Roboto Regular";
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: 500px;
  height: 75%;
}

/* line 17, app/assets/stylesheets/oauth_redirect.scss.erb */
.oauth-redirect.container .redirect-message {
  text-align: center;
}

/* line 21, app/assets/stylesheets/oauth_redirect.scss.erb */
.oauth-redirect.container .redirect-form {
  display: none;
}

/* line 25, app/assets/stylesheets/oauth_redirect.scss.erb */
.oauth-redirect.container .spinner-wrapper {
  display: flex;
  justify-content: center;
}

/* line 29, app/assets/stylesheets/oauth_redirect.scss.erb */
.oauth-redirect.container .spinner-wrapper .spinner {
  border: 5px solid #f3f4f6;
  border-top: 5px solid #2aa7ff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: Spinner 1.5s linear infinite;
}

@keyframes Spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 48, app/assets/stylesheets/oauth_redirect.scss.erb */
.modal-body .oauth-redirect.container .redirect-message h3, .modal-body-centered .oauth-redirect.container .redirect-message h3 {
  font-size: 16px;
}

/* line 2, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up .modal-body, .popup-scale-up .modal-body-centered {
  text-align: center;
  margin-top: 3rem;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/experiments/0073_scale_up.scss */
  .popup-scale-up .modal-body, .popup-scale-up .modal-body-centered {
    margin-top: 6rem;
  }
}

/* line 11, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up .modal-title {
  margin: 0 0 1rem;
  font-size: 18px;
  color: #374151;
}

/* line 17, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up p {
  color: var(--z-gray-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

/* line 24, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up img {
  margin: 0.6rem auto;
}

/* line 28, app/assets/stylesheets/experiments/0073_scale_up.scss */
.popup-scale-up .scale-up-skip {
  color: var(--z-gray-600);
  font-size: 12px;
  font-weight: 400;
}

/* line 2, app/assets/stylesheets/experiments/0073_schedule_report_on_team_creation.scss */
#team-projects .checkbox {
  justify-content: flex-end;
}

/* line 6, app/assets/stylesheets/experiments/0073_schedule_report_on_team_creation.scss */
#team-projects i.a-tooltip {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  color: var(--z-gray-400);
}

/* line 4, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body {
  display: flex;
  flex-direction: column;
  max-width: 120rem;
  margin: 0 auto;
}

/* line 10, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .totals {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin: 2rem 0 3rem 0;
  width: 100%;
}

/* line 19, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .totals .card {
  border-radius: 0.6rem;
  border: 0.1rem solid #e5e7eb;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 8.8rem;
  max-width: 24rem;
  padding: 2rem;
  width: 100%;
}

/* line 30, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .totals .card .value {
  font-size: 32px;
  font-weight: 500;
}

/* line 35, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .totals .card .description {
  font-size: 14px;
  color: #6b7280;
}

/* line 42, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .table-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  gap: 0.5rem;
}

/* line 51, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-automatically-detect-unusual-activity .substep-body .member-table .member {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 62, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score {
  border: 0.1rem solid var(--z-gray-300);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  row-gap: 2rem;
  width: 48rem;
}

/* line 71, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score h4 {
  color: black;
  margin: 0;
}

/* line 76, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .confidence-score-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

/* line 81, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .confidence-score-header span {
  color: var(--z-gray-900);
  font-size: 1.3rem;
  font-weight: 400;
}

/* line 88, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .description {
  color: var(--z-gray-900);
  font-size: 14px;
}

/* line 93, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .separator {
  height: 0.1rem;
  background-color: var(--z-gray-300);
}

/* line 98, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .auto-clicker {
  background-color: var(--z-red-500);
  color: white;
}

/* line 103, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .suspicious-application {
  text-align: center;
}

/* line 106, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .suspicious-application p {
  color: var(--z-gray-600);
  font-size: 13px;
  font-weight: 400;
  margin: 0.4rem 0 0 0;
}

/* line 113, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .confidence-score .suspicious-application .auto-clicker {
  margin-top: 1.2rem;
}

/* line 121, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .urls > div,
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .apps > div {
  color: var(--z-gray-600);
}

/* line 126, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .progress-bar {
  box-shadow: none;
}

/* line 130, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown {
  column-gap: 3rem;
  display: flex;
}

/* line 134, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .duration {
  width: 6rem;
}

/* line 138, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .activity-breakdown {
  flex-grow: 1;
}

/* line 141, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .activity-breakdown .content {
  column-gap: 1rem;
  display: flex;
}

/* line 146, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .activity-breakdown .mouse,
.growth-wizard #growth-wizard-section-substeps .substep-investigate-individual-members .substep-body .duration-breakdown .activity-breakdown .keyboard {
  display: flex;
  flex-direction: column;
  width: 50%;
}

/* line 159, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard .growth-wizard-completed .insights-onboarding-completed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 165, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard .growth-wizard-completed .insights-onboarding-completed h3 {
  max-width: 40rem;
  text-align: center;
}

/* line 170, app/assets/stylesheets/experiments/0078_insights_onboarding.scss */
.growth-wizard .growth-wizard-completed .insights-onboarding-completed img {
  padding: 3rem;
}

/* line 52, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem !important;
}

/* line 59, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner {
  margin-bottom: 5rem;
}

/* line 62, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .title {
  font-weight: 300;
  font-size: 5rem;
  margin-bottom: 1.6rem;
  color: var(--z-primary-900);
}

/* line 69, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .headline {
  font-weight: 900;
  font-size: 3.6rem;
  line-height: 5.6rem;
  color: var(--z-primary-900);
}

/* line 76, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .header-logo {
  display: none;
}

@media (min-width: 576px) {
  /* line 81, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .headline {
    font-size: 6rem;
  }
}

@media (min-width: 1200px) {
  /* line 87, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .header-logo {
    display: block;
  }
  /* line 90, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .wizard-plans-header .wizard-plans-header-inner .header-logo img {
    width: 10rem;
    height: 10rem;
    bottom: 14rem;
    right: 4rem;
  }
}

/* line 100, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .header__plans-time {
  margin: 0;
  padding: 0;
}

/* line 104, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .header__plans-time .frequency-toggle {
  color: var(--z-gray-500) !important;
  border-bottom: 0.2rem solid var(--z-gray-200) !important;
}

/* line 108, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .header__plans-time .frequency-toggle.active {
  color: var(--z-primary-700) !important;
  border-bottom: 0.2rem solid var(--z-primary-700) !important;
}

/* line 114, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-header .header__plans-time .frequency-toggle span.months-free.two.hide {
  display: inline-block !important;
}

/* line 123, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container {
  position: relative;
  padding: 0 !important;
  grid-gap: 3rem !important;
}

@media (min-width: 576px) {
  /* line 123, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .pricing__container {
    padding: 2.8rem 3.2rem !important;
  }
}

@media (min-width: 1200px) {
  /* line 132, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .pricing__container.glow {
    background: radial-gradient(ellipse at center, #eae1fc 0%, rgba(234, 225, 252, 0.8) 18%, rgba(234, 225, 252, 0.6) 28%, rgba(234, 225, 252, 0.4) 40%, rgba(234, 225, 252, 0.2) 52%, rgba(234, 225, 252, 0.08) 64%, rgba(234, 225, 252, 0.02) 74%, rgba(255, 255, 255, 0.5) 82%, #ffffff 88%, #ffffff 100%);
  }
}

/* line 150, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .sgt-enterprise {
  grid-column: initial !important;
}

/* line 154, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container #sgt_solo_free {
  display: none !important;
}

/* line 158, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block {
  position: relative;
  z-index: 1;
  border-radius: 1.8rem !important;
  border: none !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 0.4rem 0.6rem 0 #0000000d, 0 1rem 1.5rem -0.3rem #0000001a;
  padding: 3rem 2.6rem !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 170, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #253053;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 2rem;
}

/* line 179, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__heading .popular-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffe7aa;
  border: 0.1rem solid #f4b821;
  border-radius: 3.2rem;
  padding: 0.4rem 1.2rem;
  font-weight: 700;
  font-size: 1.4rem;
  height: 3.5rem;
  width: 7.5rem;
}

/* line 184, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing__minimun {
  color: #253053;
  font-size: 14px;
  min-width: none;
  font-weight: 400;
}

/* line 191, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing {
  margin: 0;
}

/* line 194, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars {
  display: flex;
  font-weight: 700;
  color: #253053;
  font-size: 62px;
  white-space: pre-line;
  gap: 0.5rem;
}

/* line 202, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars strong {
  font-weight: 700;
  font-size: 62px;
}

/* line 207, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .user-month {
  line-height: 2.5rem;
}

/* line 211, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 216, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 221, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information .insights-trial {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6rem 0.7rem;
  border: 0.1rem solid #294dff;
  border-radius: 1.6rem;
  font-size: 8px;
  line-height: 0;
  gap: 0.3rem;
  text-transform: uppercase;
  position: relative;
  top: -0.5rem;
}

/* line 236, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information .insights-trial .hubstaff-icon img {
  width: 1rem;
  height: 1rem;
}

/* line 242, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information .insights-trial .blue-trial {
  color: #294dff;
}

/* line 247, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .information .hi-info-filled {
  color: #294dff;
  position: relative;
  top: -0.5rem;
  line-height: 2.5rem;
}

/* line 255, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .price__dollars .price-details .price__cents {
  font-weight: 400;
  font-size: 18px;
  position: relative;
  top: -0.5rem;
  line-height: 2.5rem;
}

/* line 265, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .user-month,
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__pricing .d-inline-block.description {
  font-weight: 500;
}

/* line 271, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .summary {
  color: var(--z-gray-500);
  font-weight: 400;
  font-size: 1.6rem;
  margin: 1.6rem 0;
  height: 8.5rem;
}

/* line 279, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button {
  margin-top: auto;
}

/* line 282, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .btn, .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .nav-item {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.7rem;
  border: 0.2rem solid #294dff;
  color: #294dff;
  background-color: white;
  font-size: 18px;
  height: 5rem;
  border-radius: 0.8rem;
}

/* line 20, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .btn:hover, .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .nav-item:hover {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 25, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .btn.team, .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .app-tabs-switch > .nav.nav-tabs .team.nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .team.nav-item {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 29, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .btn.team:hover, .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .app-tabs-switch > .nav.nav-tabs .team.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .pricing__container .pricing-block .pricing-block__button .team.nav-item:hover {
  background-color: var(--z-primary-800);
  border-color: var(--z-primary-800);
}

/* line 294, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .comparison-toggle .btn, .act-0103-plans-page .comparison-toggle .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .comparison-toggle .nav-item {
  background-color: white;
  border: 0.1rem solid var(--z-gray-200);
  color: var(--z-gray-600);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.7rem;
  gap: 1.2rem;
}

/* line 304, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .comparison-toggle .btn .comparison-btn-icon, .act-0103-plans-page .comparison-toggle .app-tabs-switch > .nav.nav-tabs .nav-item .comparison-btn-icon, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .comparison-toggle .nav-item .comparison-btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transform-origin: center center;
  margin: 0;
  transition: transform 0.3s ease;
}

/* line 312, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .comparison-toggle .btn .comparison-btn-icon.arrow-down, .act-0103-plans-page .comparison-toggle .app-tabs-switch > .nav.nav-tabs .nav-item .comparison-btn-icon.arrow-down, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .comparison-toggle .nav-item .comparison-btn-icon.arrow-down {
  transform: rotate(-90deg) translateX(-3px);
}

/* line 316, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .comparison-toggle .btn .comparison-btn-icon.arrow-up, .act-0103-plans-page .comparison-toggle .app-tabs-switch > .nav.nav-tabs .nav-item .comparison-btn-icon.arrow-up, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .comparison-toggle .nav-item .comparison-btn-icon.arrow-up {
  transform: rotate(90deg) translateX(-2px);
}

/* line 325, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details {
  width: 100%;
  max-width: 192rem;
}

/* line 330, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details .select-plan .btn, .act-0103-plans-page .addons-comparison .comparison-details .select-plan .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .comparison-details .select-plan .nav-item {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.7rem;
  border: 0.2rem solid #294dff;
  color: #294dff;
  background-color: white;
  font-size: 14px;
  height: 4.4rem;
  width: 16rem;
  height: 4rem;
}

/* line 20, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details .select-plan .btn:hover, .act-0103-plans-page .addons-comparison .comparison-details .select-plan .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .comparison-details .select-plan .nav-item:hover {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 25, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details .select-plan .btn.team, .act-0103-plans-page .addons-comparison .comparison-details .select-plan .app-tabs-switch > .nav.nav-tabs .team.nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .comparison-details .select-plan .team.nav-item {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 29, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .comparison-details .select-plan .btn.team:hover, .act-0103-plans-page .addons-comparison .comparison-details .select-plan .app-tabs-switch > .nav.nav-tabs .team.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .comparison-details .select-plan .team.nav-item:hover {
  background-color: var(--z-primary-800);
  border-color: var(--z-primary-800);
}

/* line 340, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table {
  width: 100%;
  margin: 0 auto;
}

/* line 344, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table .heading-title {
  font-weight: 700;
  font-size: 1.8rem;
  border: none;
  display: block;
  margin-bottom: 2.4rem;
  padding: 0;
}

/* line 353, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table .table-wrapper {
  width: 100%;
  overflow-x: auto;
}

/* line 357, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table .table-wrapper .scrollable {
  width: 100%;
}

/* line 362, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table {
  width: 100%;
  table-layout: auto;
}

/* line 367, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: white;
  border: none;
}

/* line 374, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans th {
  border: none;
  padding: 1rem 0.5rem;
  white-space: nowrap;
}

/* line 380, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .feature-column {
  min-width: 200px;
  text-align: left;
}

/* line 385, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan {
  min-width: 180px;
  text-align: center;
}

/* line 390, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .btn, .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .nav-item {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.7rem;
  border: 0.2rem solid #294dff;
  color: #294dff;
  background-color: white;
  font-size: 16px;
  padding: 0.6rem 2rem;
  min-width: 17.6rem;
  height: 4rem;
}

/* line 20, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .btn:hover, .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .nav-item:hover {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 25, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .btn.team, .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .app-tabs-switch > .nav.nav-tabs .team.nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .team.nav-item {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 29, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .btn.team:hover, .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .app-tabs-switch > .nav.nav-tabs .team.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .addons-comparison .plans-table table thead tr.heading-plans .heading-plans-plan .select-plan .team.nav-item:hover {
  background-color: var(--z-primary-800);
  border-color: var(--z-primary-800);
}

/* line 403, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.section-features {
  height: 6rem;
}

/* line 406, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.section-features td:nth-child(3),
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.section-features td:nth-child(5) {
  background-color: rgba(239, 246, 255, 0.5);
}

/* line 411, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.section-features .hi-check-circle {
  color: var(--z-primary-700);
}

/* line 417, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell {
  box-shadow: none;
  padding: 0;
  border: none;
}

/* line 422, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner {
  background: rgba(239, 246, 255, 0.5);
  padding: 2.4rem 3.2rem;
  margin: 5rem 0 0 0;
  border: 0.1rem solid #294dff;
  border-radius: 1.2rem;
  color: #253053;
}

/* line 430, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 436, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .banner-header {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}

/* line 442, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .banner-header .name {
  font-size: 25px;
  font-weight: 700;
}

/* line 447, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .banner-header .addon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffe7aa;
  border: 0.1rem solid #f4b821;
  border-radius: 3.2rem;
  padding: 0.4rem 1.2rem;
  font-weight: 700;
  font-size: 1.4rem;
  height: 3.5rem;
  width: 7.5rem;
}

/* line 451, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .banner-header .pricing {
  font-size: 18px;
  font-weight: 700;
}

/* line 457, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .info .description {
  font-size: 16px;
  color: var(--z-gray-600);
}

/* line 463, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features {
  font-size: 14px;
}

/* line 466, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features .features-list {
  display: flex;
  gap: 1rem;
}

/* line 470, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features .features-list .column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 474, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features .features-list .column .feature {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
}

/* line 480, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content .features .features-list .column .feature .hi-check-circle {
  color: #294dff;
  font-size: 1.6rem;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  /* line 430, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
  .act-0103-plans-page .addons-comparison .plans-table table tbody tr.insights-banner-row .insights-banner-cell .insights-banner .banner-content {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 506, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-title {
  font-weight: 700;
  font-size: 3.6rem;
}

/* line 512, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box {
  border: 0.1rem solid var(--z-gray-200);
  border-radius: 1.6rem;
  background-color: rgba(239, 246, 255, 0.5);
}

/* line 517, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .header {
  display: flex;
  align-items: center;
  padding: 2.4rem 3.2rem;
  margin: 0;
  background-color: white;
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
}

/* line 526, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .header .addon-icon {
  max-width: 3.6rem;
  max-height: 3.6rem;
  margin-right: 1rem;
}

/* line 531, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .header .addon-icon img {
  width: 100%;
  height: 100%;
}

/* line 537, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .header .title {
  font-weight: 600;
  font-size: 2.6rem;
  color: #253053;
}

/* line 544, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .box-body {
  padding: 2.4rem 3.2rem;
}

/* line 547, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .box-body .pricing {
  font-weight: 700;
  font-size: 1.8rem;
  color: #253053;
  margin-bottom: 1.6rem;
}

/* line 555, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .section.addons .addons-table .addon-box .box-body .features .feature {
  color: var(--z-gray-500);
  gap: 1rem;
}

/* line 567, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .title {
  font-weight: 700;
  font-size: 3rem;
  margin-bottom: 1.6rem;
}

/* line 574, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .questions a {
  color: var(--z-primary-700);
}

/* line 579, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .nav-item {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.7rem;
  border: 0.2rem solid #294dff;
  color: #294dff;
  background-color: white;
  font-size: 14px;
  height: 4.4rem;
  border-color: var(--z-primary-700);
  color: var(--z-primary-700);
}

/* line 20, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn:hover, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .nav-item:hover {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 25, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn.team, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .team.nav-item, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .team.nav-item {
  background-color: #294dff;
  color: var(--z-white);
}

/* line 29, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn.team:hover, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .team.nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .team.nav-item:hover {
  background-color: var(--z-primary-800);
  border-color: var(--z-primary-800);
}

/* line 586, app/assets/stylesheets/experiments/0103_change_plans_page.scss */
.act-0103-plans-page .wizard-plans-footer .btn:hover, .act-0103-plans-page .wizard-plans-footer .app-tabs-switch > .nav.nav-tabs .nav-item:hover, .app-tabs-switch > .nav.nav-tabs .act-0103-plans-page .wizard-plans-footer .nav-item:hover {
  background-color: var(--z-primary-700);
  color: var(--z-white);
}

/* line 4, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body {
  display: flex;
  flex-direction: row;
}

/* line 8, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column {
  width: 30rem;
  flex-shrink: 0;
}

/* line 12, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column .divider, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column .divider, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column .divider {
  margin: 3.2rem 0;
  width: 100%;
  border: 0.1rem solid var(--z-gray-100);
}

/* line 18, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column .app-select-wrapper, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column .app-select-wrapper, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column .app-select-wrapper {
  max-width: 24rem;
}

/* line 23, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column {
  display: none;
}

@media (min-width: 768px) {
  /* line 4, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body {
    justify-content: space-between;
  }
  /* line 30, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  /* line 35, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img {
    width: 100%;
  }
  /* line 38, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.screenshot-example, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.screenshot-example, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.screenshot-example {
    min-width: 27rem;
    max-width: 27rem;
  }
  /* line 43, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.alert-example, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.alert-example, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.alert-example {
    max-width: 27rem;
    min-width: 27rem;
    padding-left: 1rem;
  }
  /* line 49, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.reason-field-image, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.reason-field-image, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.reason-field-image {
    max-width: 27rem;
    min-width: 27rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
  }
}

@media (min-width: 992px) {
  /* line 60, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column {
    width: 40rem;
  }
}

@media (min-width: 1200px) {
  /* line 66, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .settings-column, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .settings-column {
    width: 60rem;
  }
  /* line 72, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.alert-example, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.alert-example, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.alert-example {
    max-width: 41.5rem;
    min-width: 27rem;
  }
  /* line 77, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body .display-example-column img.reason-field-image, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body .display-example-column img.reason-field-image, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.modify-time-image, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body .display-example-column img.reason-field-image {
    max-width: 46rem;
    min-width: 27rem;
  }
}

@media (min-width: 1600px) {
  /* line 4, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-configure-screenshots .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-automate-idle-time .substep-body, .getting-started-wizard #growth-wizard-section-substeps .substep-set-manual-time-preferences .substep-body {
    justify-content: start;
    gap: 40rem;
  }
}

/* line 93, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

/* line 98, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .member-view, .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .manager-view {
  display: flex;
  flex-direction: column;
  max-width: 55rem;
}

/* line 103, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .member-view .title, .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .manager-view .title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 1.1rem;
}

/* line 109, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .member-view .subtitle, .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .manager-view .subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--z-gray-500);
  margin-bottom: 2.3rem;
}

/* line 116, app/assets/stylesheets/experiments/0108_org_settings.scss */
.getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .member-view img, .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views .manager-view img {
  width: 55rem;
  cursor: pointer;
}

@media (min-width: 768px) {
  /* line 93, app/assets/stylesheets/experiments/0108_org_settings.scss */
  .getting-started-wizard #growth-wizard-section-substeps .substep-preview-what-your-team-sees .dashboard-views {
    flex-direction: row;
  }
}

@media (min-width: 800px) {
  /* line 1, app/assets/stylesheets/experiments/0110_example_data_light_retest.scss */
  .dashboard.widgets.example-data-visible {
    max-width: 80%;
  }
}

@media (min-width: 1920px) {
  /* line 1, app/assets/stylesheets/experiments/0110_example_data_light_retest.scss */
  .dashboard.widgets.example-data-visible {
    max-width: 64%;
  }
}

/* line 6, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started {
  padding-bottom: 6rem;
  background-color: white;
}

/* line 11, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-bottom: none;
  background-color: white;
  padding: 3rem 3rem 0 3rem;
}

/* line 20, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps #growth-wizard-header {
  margin-bottom: 2.3rem;
}

/* line 23, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps #growth-wizard-header .title {
  font-weight: 300;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 0;
}

/* line 32, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps .gs-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-bottom: 4rem;
}

/* line 40, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps .gs-steps .gs-progress-bar {
  width: 100%;
  background-color: var(--z-gray-300);
  height: 0.5rem;
  max-width: 3.6rem;
}

/* line 46, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started #growth-wizard-section-steps .gs-steps .gs-progress-bar .gs-progress {
  height: 100%;
  background-color: var(--z-blue-700);
}

/* line 55, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .main-button {
  margin-top: 2rem;
}

/* line 60, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .embedded-form-box .embedded-form-box-footer {
  justify-content: flex-start !important;
}

/* line 65, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/* line 73, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .substep-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.5rem;
}

/* line 81, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .substep-header h3 {
  font-size: 2rem !important;
  margin: 0 0 1rem 0 !important;
}

/* line 86, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .substep-header p {
  margin: 0;
}

/* line 91, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .select-team-member {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

/* line 97, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .select-team-member .app-select-wrapper {
  max-width: 29.3rem !important;
}

/* line 103, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-component .substep-content,
.streamlined-getting-started .substep-component .substep-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 180rem;
}

/* line 116, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-report-subscription .report-card {
  width: 30rem;
  height: 21rem;
}

/* line 123, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-download-app .substep-body {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

/* line 132, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-review-team-insights .widgets {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

/* line 139, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-review-team-insights .widgets .widget {
  width: 100%;
  max-width: 41rem;
  padding: 0;
}

/* line 148, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-pick-projects .substep-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* line 156, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-review-screenshots #activities {
  width: 100%;
}

/* line 162, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-view-unusual-activity .totals {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* line 171, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-approve-timesheet .activities-section {
  width: 100%;
}

/* line 179, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-configure-screenshots .substep-body,
.streamlined-getting-started .substep-automate-idle-time .substep-body,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body {
  gap: 4rem !important;
}

/* line 182, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-configure-screenshots .substep-body .settings-column,
.streamlined-getting-started .substep-automate-idle-time .substep-body .settings-column,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body .settings-column {
  flex-shrink: 1;
}

@media (min-width: 768px) {
  /* line 179, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .substep-configure-screenshots .substep-body,
.streamlined-getting-started .substep-automate-idle-time .substep-body,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body {
    justify-content: center !important;
  }
  /* line 189, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .substep-configure-screenshots .substep-body .display-example-column,
.streamlined-getting-started .substep-automate-idle-time .substep-body .display-example-column,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body .display-example-column {
    width: 46rem;
  }
}

@media (min-width: 1600px) {
  /* line 179, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .substep-configure-screenshots .substep-body,
.streamlined-getting-started .substep-automate-idle-time .substep-body,
.streamlined-getting-started .substep-set-manual-time-preferences .substep-body {
    justify-content: center !important;
    gap: 4rem !important;
  }
}

/* line 202, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .substep-smart-notifications .substep-body {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 213, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  border-top: 0.1rem solid #e5e7eb;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  transition: left 0.5s ease;
}

@media (min-width: 576px) {
  /* line 213, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .streamlined-bottom-bar {
    left: 240px;
  }
  /* line 232, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .sidebar-collapsed .streamlined-getting-started .streamlined-bottom-bar {
    left: 80px;
  }
  /* line 236, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .no-sidebar .streamlined-getting-started .streamlined-bottom-bar {
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  /* line 242, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  body:not(.tablet-sidebar-expanded) .streamlined-getting-started .streamlined-bottom-bar {
    left: 80px;
  }
  /* line 246, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  body.tablet-sidebar-expanded .streamlined-getting-started .streamlined-bottom-bar {
    left: 240px;
  }
}

@media (min-width: 992px) {
  /* line 213, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .streamlined-getting-started .streamlined-bottom-bar {
    left: 240px;
  }
  /* line 254, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
  .sidebar-collapsed .streamlined-getting-started .streamlined-bottom-bar {
    left: 80px;
  }
}

/* line 259, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120rem;
}

/* line 265, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper.justify-center {
  justify-content: center;
}

/* line 269, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper.justify-between {
  justify-content: space-between;
}

/* line 273, app/assets/stylesheets/experiments/0115_streamlined_getting_started.scss */
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper .continue-button,
.streamlined-getting-started .streamlined-bottom-bar .cta-wrapper .back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  gap: 1rem;
  font-weight: 500;
}

/* line 4, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog {
  width: 100%;
}

/* line 7, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog form {
  display: flex;
  gap: 2rem;
  flex-direction: column-reverse;
}

/* line 13, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-information {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1;
}

/* line 20, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-information .informational-banner {
  display: flex;
  gap: 1rem;
  flex-direction: row;
  color: var(--z-gray-600);
  font-size: 12px;
  padding: 1rem;
  align-items: center;
}

/* line 30, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-information .footer {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
  flex-wrap: wrap;
}

/* line 36, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-information .footer .btn, #payment-dialog .modal-dialog .payment-information .footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #payment-dialog .modal-dialog .payment-information .footer .nav-item {
  width: 100%;
}

/* line 42, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--z-gray-100);
  border-radius: 6px;
  padding: 2rem;
  width: 100%;
}

/* line 51, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary h6 {
  margin-top: 0;
  font-weight: 500;
}

/* line 56, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .separator {
  height: 0.1rem;
  background-color: var(--z-gray-200);
  margin: 1rem 0;
}

/* line 62, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 2rem;
  font-size: 12px;
}

/* line 68, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details strong {
  font-size: 14px;
}

/* line 72, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details .discount {
  color: var(--z-green-800);
  font-size: 10px;
  padding: 0.2rem 0.5rem;
  background-color: var(--z-green-100);
  font-weight: 500;
  border-radius: 6px;
}

/* line 81, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details p {
  display: flex;
  justify-content: space-between;
}

/* line 86, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-details p:last-child {
  margin-bottom: 0;
}

/* line 91, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-features {
  background-color: var(--z-blue-50);
  border-color: var(--z-blue-200);
  border-radius: 6px;
  padding: 2rem;
}

/* line 97, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-features ul {
  list-style: none;
  padding: 0;
}

/* line 101, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-features ul li {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  gap: 1rem;
}

/* line 110, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons {
  list-style: none;
  padding: 0;
}

/* line 114, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons li:not(:last-child) {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons li {
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  border-color: var(--z-gray-200);
  border-radius: 6px;
  padding: 1.5rem;
}

/* line 126, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons li span:first-child {
  font-weight: 500;
}

/* line 130, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-addons li .included {
  color: var(--z-green-500);
  font-weight: 500;
}

/* line 138, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-total p {
  color: var(--z-gray-600);
  display: flex;
  justify-content: space-between;
}

/* line 144, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-total .discount {
  color: var(--z-green-500);
  font-weight: 500;
}

/* line 149, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
#payment-dialog .modal-dialog .payment-summary .plan-total .due-today {
  font-weight: 500;
  color: var(--z-gray-900);
}

@media (min-width: 576px) {
  /* line 158, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog {
    width: 80%;
    max-width: 100rem;
  }
  /* line 162, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog form {
    flex-direction: row;
  }
  /* line 165, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog form .payment-information {
    width: 60%;
  }
  /* line 169, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog form .payment-summary {
    width: 40%;
  }
  /* line 175, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog .payment-information .footer {
    flex-wrap: nowrap;
  }
  /* line 178, app/assets/stylesheets/experiments/0118_two_column_checkout_modal.scss */
  #payment-dialog .modal-dialog .payment-information .footer .btn, #payment-dialog .modal-dialog .payment-information .footer .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs #payment-dialog .modal-dialog .payment-information .footer .nav-item {
    width: auto;
  }
}

/* line 1, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-invite-button {
  display: none;
}

@media (min-width: 992px) {
  /* line 1, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
  .topbar-invite-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    gap: 0.5rem;
    width: 6rem;
    height: 2.7rem;
    border-radius: 2rem;
    background-color: var(--z-blue-500);
    color: white;
    cursor: pointer;
    transition: white 0.2s ease, transform 0.1s ease;
  }
  /* line 18, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
  .topbar-invite-button:hover {
    background-color: var(--z-blue-600);
    color: white;
  }
  /* line 23, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
  .topbar-invite-button:active {
    background-color: var(--z-blue-700);
  }
}

/* line 29, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
  transform: translateY(100%);
}

/* line 36, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal .max-input-warning {
  max-width: 32rem;
}

/* line 40, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal .title {
  color: var(--z-gray-900);
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* line 47, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal .subtitle {
  color: var(--z-gray-900);
  font-size: 1.6rem;
  font-weight: 400;
}

/* line 54, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.3rem;
}

/* line 59, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .help-block {
  margin-bottom: 0;
}

/* line 63, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs {
  display: flex;
}

/* line 66, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .email {
  max-width: 20.3rem;
  width: 100%;
}

/* line 70, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .email input {
  border-radius: 0.6rem 0 0 0.6rem;
  border-right: none;
}

/* line 74, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .email input:focus {
  border: #2aa7ff solid 0.1rem;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
  position: relative;
}

/* line 82, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .role {
  display: flex;
  align-items: center;
}

/* line 86, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .role .select2-selection {
  border-radius: 0 0.6rem 0.6rem 0 !important;
}

/* line 90, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs .role .select2-selection:focus {
  border-radius: 0 0.6rem 0 0 !important;
  box-shadow: 0 0 0.37rem 0.09rem #2AA7FF80;
}

/* line 98, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs.error .email input {
  border: #f05252 solid 0.1rem;
}

/* line 101, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs.error .email input:focus {
  border: #2aa7ff solid 0.1rem;
}

/* line 106, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs.error .role .select2-selection {
  border: #f05252 solid 0.1rem;
  border-left: none;
}

/* line 110, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .information .inputs.error .role .select2-selection:focus {
  border: #2aa7ff solid 0.1rem;
}

/* line 118, app/assets/stylesheets/experiments/0121_topbar_quick_invite.scss */
.topbar-quick-invite-modal #quick-invite-members-to-invite .remove-line-item {
  color: #6b7280;
  margin-left: 2rem;
  display: flex;
  align-items: center;
}

/* line 3, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard {
  overflow: auto;
}

/* line 6, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .hubstaff-logo {
  margin: 2rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 12, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .hubstaff-logo a {
  margin-left: 0;
}

/* line 17, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content {
  padding-bottom: 6rem;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* line 25, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .form-wrapper {
  overflow: hidden !important;
}

/* line 31, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form.create-organization input {
  max-width: 39rem;
}

/* line 35, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form.create-organization .help-block {
  max-width: 39rem;
}

/* line 40, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .step-title {
  font-weight: 700;
  font-style: Bold;
  font-size: 30px !important;
  text-align: center !important;
  color: var(--z-gray-900) !important;
  font-family: Ubuntu;
  font-weight: 700;
  margin-bottom: 0.5rem;
  width: 100%;
}

/* line 52, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .step-subtitle {
  font-weight: 400;
  color: var(--z-gray-600);
  text-align: center !important;
  margin-bottom: 5rem;
  font-size: 14px;
}

/* line 60, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .field {
  margin-bottom: 5rem;
}

/* line 63, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .field.goals {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* line 69, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .field.goals .options {
  max-width: 62.1rem;
}

/* line 74, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .growth-wizard-form .field .control-label, .streamlined-wizard .content .growth-wizard-form .field #attendance-schedule-form .toggle-switch-wrapper .inline-control-label, #attendance-schedule-form .toggle-switch-wrapper .streamlined-wizard .content .growth-wizard-form .field .inline-control-label {
  font-weight: 500;
  font-size: 26px;
  color: var(--z-blue-900);
  font-family: Ubuntu;
  text-transform: capitalize;
  margin-bottom: 1.7rem;
}

/* line 87, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content #growth-wizard-section-steps {
  display: flex;
  align-items: center;
  text-align: center;
  border-bottom: none;
  background-color: white;
  width: 100%;
}

/* line 96, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content #growth-wizard-section-steps .streamlined-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-bottom: 4rem;
}

/* line 104, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content #growth-wizard-section-steps .streamlined-steps .streamlined-progress-bar {
  width: 100%;
  background-color: var(--z-gray-300);
  height: 0.5rem;
  max-width: 3.6rem;
}

/* line 110, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content #growth-wizard-section-steps .streamlined-steps .streamlined-progress-bar .streamlined-progress {
  height: 100%;
  background-color: var(--z-blue-700);
}

/* line 119, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  border-top: 0.1rem solid #e5e7eb;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  transition: left 0.5s ease;
}

/* line 134, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120rem;
}

/* line 140, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper.justify-center {
  justify-content: center;
}

/* line 144, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper.justify-between {
  justify-content: space-between;
}

/* line 148, app/assets/stylesheets/experiments/0123_split_steps.scss */
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper .continue-button,
.streamlined-wizard .content .streamlined-bottom-bar .cta-wrapper .back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  gap: 1rem;
  font-weight: 500;
}

@media (min-width: 768px) {
  /* line 164, app/assets/stylesheets/experiments/0123_split_steps.scss */
  .streamlined-wizard .hubstaff-logo {
    justify-content: start;
    margin: 1.8rem 0 3rem 2.6rem;
  }
  /* line 171, app/assets/stylesheets/experiments/0123_split_steps.scss */
  .streamlined-wizard .content .growth-wizard-form .step-title {
    font-size: 3.4rem !important;
  }
}

/* line 5, app/assets/stylesheets/experiments/hide_sidebar.scss */
.toggle-sidebar-items-card .subtitle {
  line-height: 1.6rem;
}

/* line 4, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen,
.growth-wizard-completed .managers-with-referral-link-completion-screen {
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-header,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-header {
  text-align: center;
  margin-bottom: 3.2rem;
}

/* line 16, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-header .onboarding-title,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-header .onboarding-title {
  color: var(--z-gray-900);
  font-size: 32px;
  font-weight: 700;
}

/* line 22, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-header .onboarding-subtitles,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-header .onboarding-subtitles {
  color: var(--z-gray-600);
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
}

/* line 30, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns {
  display: flex;
  gap: 3.3rem;
  justify-content: center;
  align-items: flex-start;
  border-radius: 2.1rem;
  border: 0.1rem solid var(--z-gray-200);
  margin-bottom: 3.7rem;
}

/* line 39, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns.no-border,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns.no-border {
  border: none;
}

/* line 43, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .divider,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .divider {
  width: 0.1rem;
  background-color: var(--z-gray-200);
  height: 42.5rem;
  margin: 3rem 0;
}

/* line 50, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 46rem;
  padding: 3.2rem;
  min-width: 0;
}

/* line 58, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-title,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-title {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  line-height: 2.8rem;
  margin-bottom: 1.6rem;
}

/* line 66, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-subtitle,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-subtitle {
  color: var(--z-gray-600);
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}

/* line 73, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-image,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-image {
  margin: 3rem 0 2.4rem 0;
  max-width: 37.2rem;
  width: 100%;
}

/* line 78, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-image img,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .column-image img {
  width: 100%;
  border-radius: 0.8rem;
}

/* line 84, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-columns .onboarding-column .referral-link,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-columns .onboarding-column .referral-link {
  width: 37.8rem;
  margin-bottom: 1rem;
}

/* line 91, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .terms-link,
.growth-wizard-completed .managers-with-referral-link-completion-screen .terms-link {
  font-size: 11px;
}

/* line 95, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-footer,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-footer {
  font-weight: 500;
  margin-bottom: 3rem;
}

/* line 99, app/assets/stylesheets/experiments/referral_link_completion_screen.scss */
.growth-wizard-completed .users-with-referral-link-completion-screen .onboarding-footer.no-margin,
.growth-wizard-completed .managers-with-referral-link-completion-screen .onboarding-footer.no-margin {
  margin-bottom: 0;
}

/* line 4, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner h1 {
  color: var(--z-gray-900);
  font-size: 2.4rem;
  font-weight: 400;
}

/* line 9, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner h1 strong {
  font-weight: 700;
}

/* line 14, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner {
  border: 0.1rem solid var(--z-gray-200);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  position: relative;
}

/* line 22, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content {
  display: flex;
  flex-direction: column;
  margin: 3rem 4rem 1rem 4rem;
  width: auto;
}

/* line 28, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .logo {
  width: 10rem;
}

/* line 32, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features {
  list-style: none;
  margin: 2rem 0 0 0;
  padding-left: 0;
}

/* line 37, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features li {
  color: var(--z-gray-600);
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
}

/* line 44, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features li strong {
  display: contents;
  font-weight: 700;
}

/* line 49, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features li:nth-child(2) {
  margin-top: 2rem;
}

/* line 53, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .features li .material-symbols-rounded {
  color: var(--z-blue-500);
  font-size: 2rem;
  font-variation-settings: 'FILL' 1;
  height: 2rem;
  margin-right: 1rem;
  width: 2rem;
}

/* line 64, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration {
  align-self: center;
  margin-top: 2rem;
  width: 100%;
}

/* line 69, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration-image {
  max-width: 47.2rem;
}

/* line 73, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration-image-small {
  max-width: 33rem;
}

/* line 78, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem;
}

/* line 85, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .actions .btn, .new-wise-banner .wise-banner .content .actions .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .new-wise-banner .wise-banner .content .actions .nav-item {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4rem;
  line-height: 4rem;
  padding: 0;
  width: 100%;
}

/* line 95, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .actions .btn-create-wise-account {
  background-color: white;
  border: 0.1rem solid var(--z-gray-300);
  color: var(--z-gray-600);
}

/* line 101, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .actions .btn-connect-wise {
  background-color: var(--z-primary-500);
  color: white;
}

/* line 107, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .calculator-link {
  color: var(--z-gray-500);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin-top: 2.4rem;
}

/* line 114, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .calculator-link a {
  color: var(--z-blue-700);
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .banner {
  display: none;
  height: 19.4rem;
  margin: 1.2rem 5rem 1.2rem 0;
  max-width: 47.2rem;
  width: 100%;
}

/* line 129, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon {
  background-image: -o-linear-gradient(#f3f4f6, #ffffff);
  background-image: -moz-linear-gradient(#f3f4f6, #ffffff);
  background-image: -webkit-linear-gradient(#f3f4f6, #ffffff);
  background-image: linear-gradient(#f3f4f6, #ffffff);
  align-items: center;
  border-radius: 0 0.6rem 0.6rem 0;
  box-shadow: 0 1px 11px #f3f4f6;
  display: flex;
  height: 3rem;
  left: -0.8rem;
  padding: 0 0.7rem;
  position: absolute;
  top: -1.6rem;
}

/* line 141, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon i {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

/* line 145, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon i.fa-heart {
  color: red;
}

/* line 150, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon p {
  color: black;
  font-size: 1rem;
  margin-bottom: 0;
  padding-right: 1rem;
}

/* line 157, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .preferred-ribbon:after {
  content: '';
  border-color: transparent #545964 transparent transparent;
  border-style: solid;
  border-width: 0 0.7rem 0.7rem 0;
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
  top: 3rem;
}

/* line 177, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration-image {
  display: none;
}

/* line 181, app/assets/stylesheets/experiments/wise_landing_page.scss */
.new-wise-banner .wise-banner .content .illustration-image-small {
  display: block;
}

@media (min-width: 576px) {
  /* line 193, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .illustration-image {
    display: block;
  }
  /* line 197, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .illustration-image-small {
    display: none;
  }
  /* line 201, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .actions {
    flex-direction: row;
    gap: 1rem;
  }
  /* line 205, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .actions .btn, .new-wise-banner .wise-banner .content .actions .app-tabs-switch > .nav.nav-tabs .nav-item, .app-tabs-switch > .nav.nav-tabs .new-wise-banner .wise-banner .content .actions .nav-item {
    max-width: 27.7rem;
    min-width: 14.9rem;
  }
}

@media (min-width: 1200px) {
  /* line 217, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner {
    flex-direction: row;
    gap: 8rem;
  }
  /* line 222, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .content .illustration {
    display: none;
  }
  /* line 227, app/assets/stylesheets/experiments/wise_landing_page.scss */
  .new-wise-banner .wise-banner .banner {
    display: block;
  }
}

/* line 104, app/assets/stylesheets/application.scss */
div.jGrowl.top-right {
  top: 50px;
}

/* line 108, app/assets/stylesheets/application.scss */
.primary-nav i {
  height: 15px;
}

/* line 112, app/assets/stylesheets/application.scss */
.btn-wide {
  width: 90%;
  margin-top: 12px;
}

/* line 117, app/assets/stylesheets/application.scss */
.checkbox_container > label {
  cursor: pointer;
}

/* line 121, app/assets/stylesheets/application.scss */
.select2-dropdown {
  z-index: 9001;
}

/* line 125, app/assets/stylesheets/application.scss */
.not-allowed {
  cursor: not-allowed;
  pointer-events: all !important;
}

/* line 131, app/assets/stylesheets/application.scss */
.affix + .main-wrapper {
  padding-top: 71px;
}

/* line 136, app/assets/stylesheets/application.scss */
.font-material-symbols-rounded {
  width: 18px;
  height: 18px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 143, app/assets/stylesheets/application.scss */
.icons-loaded .font-material-symbols-rounded {
  width: auto;
  height: auto;
  opacity: 1;
}

/* line 149, app/assets/stylesheets/application.scss */
#zone-teleport {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8030;
}