.ember-power-calendar {
  box-sizing: border-box;
  position: relative; }

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.ember-power-calendar-nav * {
  box-sizing: border-box; }

.ember-power-calendar-days, .ember-power-calendar-days * {
  box-sizing: border-box; }

.ember-power-calendar-nav-title {
  -ms-flex: 1;
  flex: 1;
  text-align: center; }

.ember-power-calendar-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.ember-power-calendar-weekday {
  -webkit-appearance: none;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0; }

.ember-power-calendar-day {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  font-size: inherit;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0; }

.ember-power-calendar-nav-control {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  font-size: inherit; }

.ember-power-calendar {
  font-size: 14px;
  line-height: 1.42857; }

.ember-power-calendar-nav {
  line-height: 2; }

.ember-power-calendar-nav-control {
  line-height: 1;
  font-size: 150%; }
  .ember-power-calendar-nav-control:focus {
    transform: scale(1.2); }

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold; }

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4; }

html {
  box-sizing: border-box; }

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

html,
body,
body > .ember-view {
  height: 100%; }

body {
  margin: 0;
  height: 100%; }

h1,
h2,
h3,
h4,
p {
  margin: 0; }

input[type="text"],
input[type="email"],
input[type="file"],
input[type="password"],
input[type="number"],
input[type='url'],
input[type='tel'],
select,
textarea {
  border: none;
  outline: none;
  border: none;
  border-radius: rem(0);
  box-shadow: none;
  background: transparent;
  background-image: none;
  padding: rem(0);
  font-family: 'Rubik', sans-serif; }

select {
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }
  select:disabled {
    cursor: default; }

button,
.button {
  background: none;
  border: none;
  outline: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer; }

:focus {
  outline: none; }

select::-ms-expand {
  display: none; }

select::-ms-value {
  background: none;
  color: #000; }

select:-moz-focusring {
  color: transparent !important;
  text-shadow: 0 0 0 #000 !important; }

html,
body {
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  color: #201c1d; }

input,
select {
  font-size: 16px; }

html,
body {
  font-weight: 400; }

h1,
h2,
h3,
h4 {
  font-weight: 400; }

h1,
h2,
h3,
h4,
p {
  margin: 10px 0; }

a {
  text-decoration: none;
  color: #201c1d; }

h1 {
  font-size: 26px;
  line-height: 28px; }

h2 {
  font-size: 24px;
  line-height: 24px; }

h3 {
  font-size: 22px;
  line-height: 22px; }

h4 {
  font-size: 20px;
  line-height: 24px; }

.subheading {
  font-size: 18px;
  line-height: 22px; }

.footnote {
  font-size: 12px;
  line-height: 12px; }

.label {
  font-size: 14px; }

.auth-form.form {
  position: relative;
  background-color: transparent; }
  .auth-form.form .row {
    margin-bottom: 25px;
    padding-left: 0;
    padding-right: 0; }
    .auth-form.form .row .label {
      pointer-events: none;
      display: block;
      text-align: left;
      height: 18px;
      color: #fff;
      font-weight: 400;
      font-size: 16px; }
    .auth-form.form .row .input {
      border: none;
      box-shadow: none;
      padding: 0;
      border-radius: 0; }
      .auth-form.form .row .input input, .auth-form.form .row .input select {
        padding: 5px 0px;
        color: #fff; }
      .auth-form.form .row .input.validation-error {
        border: none; }
      .auth-form.form .row .input.focused-border {
        box-shadow: none; }
    .auth-form.form .row .input-error {
      position: relative; }
      .auth-form.form .row .input-error .error {
        position: absolute;
        font-size: 16px; }
        .auth-form.form .row .input-error .error .alert-icon {
          display: none; }
    .auth-form.form .row.split {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .auth-form.form .row .half {
      -ms-flex-preferred-size: 48%;
      flex-basis: 48%; }
    .auth-form.form .row.row-animated .input {
      -webkit-transform: translateZ(0px); }
      .auth-form.form .row.row-animated .input input,
      .auth-form.form .row.row-animated .input textarea {
        background: linear-gradient(90deg, #004A99 0%, #003E80 100%) no-repeat;
        background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to bottom, silver, silver);
        background-size: 0 2px, 100% 1px;
        background-position: 0% 100%, 0% 100%;
        transition: background-size 500ms cubic-bezier(0.64, 0.09, 0.08, 1); }
        .auth-form.form .row.row-animated .input input:focus,
        .auth-form.form .row.row-animated .input textarea:focus {
          background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to bottom, #fff, #fff); }
        .auth-form.form .row.row-animated .input input.error,
        .auth-form.form .row.row-animated .input textarea.error {
          background-image: linear-gradient(to bottom, #f54a49, #f54a49), linear-gradient(to bottom, #fff, #fff);
          background-size: 100% 2px, 100% 1px; }
        .auth-form.form .row.row-animated .input input.valid,
        .auth-form.form .row.row-animated .input textarea.valid {
          background-image: linear-gradient(to bottom, #95c11f, #95c11f), linear-gradient(to bottom, #fff, #fff);
          background-size: 100% 2px, 100% 1px; }
      .auth-form.form .row.row-animated .input select {
        background: linear-gradient(90deg, #004A99 0%, #003E80 100%) no-repeat;
        background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to bottom, silver, silver), url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/arrow-down-white-856cdb1c0b6252094bc32d429d95e6f7.svg");
        background-size: 0 2px, 100% 1px, 10px;
        background-position: 0% 100%, 0% 100%, right 10px center;
        transition: background-size 500ms cubic-bezier(0.64, 0.09, 0.08, 1);
        border-radius: 0; }
        .auth-form.form .row.row-animated .input select:focus {
          background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to bottom, #fff, #fff), url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/arrow-down-white-856cdb1c0b6252094bc32d429d95e6f7.svg"); }
        .auth-form.form .row.row-animated .input select.error {
          background-image: linear-gradient(to bottom, #f54a49, #f54a49), linear-gradient(to bottom, #fff, #fff), url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/arrow-down-white-856cdb1c0b6252094bc32d429d95e6f7.svg");
          background-size: 100% 2px, 100% 1px, 10px; }
        .auth-form.form .row.row-animated .input select.valid {
          background-image: linear-gradient(to bottom, #95c11f, #95c11f), linear-gradient(to bottom, #fff, #fff), url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/arrow-down-white-856cdb1c0b6252094bc32d429d95e6f7.svg");
          background-size: 100% 2px, 100% 1px, 10px; }
      .auth-form.form .row.row-animated .input .label-animated {
        transform: translate3d(5px, 20px, 0) scale(1);
        transform-origin: top left;
        transition: 500ms; }
      .auth-form.form .row.row-animated .input.focused .label-animated, .auth-form.form .row.row-animated .input.focus .label-animated {
        transform: scale(0.75);
        opacity: 0.5; }
    .auth-form.form .row.business-confirmation .business-confirmation-label {
      font-size: 14px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
    .auth-form.form .row.business-confirmation input[type="checkbox"] {
      display: none; }
    .auth-form.form .row.business-confirmation input[type="checkbox"] + label::before {
      content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-unchecked-white-1f60bad2ecee46558a77d151ccf411d7.svg);
      margin-right: 10px; }
    .auth-form.form .row.business-confirmation input[type="checkbox"]:checked + label::before {
      content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-checked-2205d5d3958cfb47c78c1f0bb7b7a403.svg); }

.form .form-content {
  background-color: #fff;
  border: 1px solid #EDEDED; }
  .form .form-content .form-instruction {
    padding: 25px 70px 10px;
    text-align: center; }

.form .header-label-row {
  background: #FAFAFA;
  height: 30px;
  padding: 6px 10px; }
  .form .header-label-row label {
    color: #666162;
    line-height: 18px;
    font-size: 14px; }

.form .row {
  padding: 10px 10px 0; }
  .form .row.white .input {
    background: #fff; }
  .form .row .label {
    color: #666162;
    font-size: 12px;
    pointer-events: none;
    display: block;
    text-align: left;
    height: 16px;
    font-weight: 400;
    font-size: 16px; }
  .form .row.split {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .form .row .half {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%; }
  .form .row .input {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 7px 10px;
    position: relative; }
    .form .row .input input, .form .row .input select {
      width: 100%;
      color: #201c1d; }
    .form .row .input select {
      background-image: url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/images/icon-arrow-down-e919866130a249b02813c70801716da8.svg");
      background-position: right -10px top 0px; }
      .form .row .input select option {
        color: #201c1d; }
      .form .row .input select:disabled {
        background-image: none; }
    .form .row .input textarea {
      width: 100%;
      height: 96px;
      resize: none;
      line-height: 24px;
      font-size: 16px; }
    .form .row .input.focused-border {
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
    .form .row .input.validation-error {
      border: 1px solid #f54a49; }
  .form .row .form-validated-input .input, .form .row .form-validated-select .input, .form .row .form-validated-wholesaler-select .input, .form .row .disabled-form-input .input {
    height: 50px; }
    .form .row .form-validated-input .input input, .form .row .form-validated-input .input select, .form .row .form-validated-select .input input, .form .row .form-validated-select .input select, .form .row .form-validated-wholesaler-select .input input, .form .row .form-validated-wholesaler-select .input select, .form .row .disabled-form-input .input input, .form .row .disabled-form-input .input select {
      padding: 0;
      height: 34px;
      margin-top: -10px; }
    .form .row .form-validated-input .input.textarea, .form .row .form-validated-select .input.textarea, .form .row .form-validated-wholesaler-select .input.textarea, .form .row .disabled-form-input .input.textarea {
      height: 132px; }
  .form .row .form-validated-select .input {
    padding-top: 0;
    padding-bottom: 0; }
  .form .row .input-error .error {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #f54a49;
    position: relative;
    top: 5px;
    font-size: 12px; }
    .form .row .input-error .error img {
      padding-right: 8px; }
  .form .row .places-search-input .ember-progress-bar {
    margin-top: -5px; }
    .form .row .places-search-input .ember-progress-bar svg {
      height: 2px; }
  .form .row.row-animated .input .label-animated {
    transform: translate3d(5px, 8px, 0) scale(1);
    transform-origin: top left;
    transition: 500ms; }
  .form .row.row-animated .input.focused .label-animated {
    transform: scale(0.75);
    font-weight: 600; }
  .form .row.row-animated .form-validated-select .input .label-animated {
    transform: translate3d(5px, 15px, 0) scale(1);
    transform-origin: top left;
    transition: 500ms; }
  .form .row.row-animated .form-validated-select .input.focused .label-animated {
    margin-top: 7px;
    transform: scale(0.75);
    font-weight: 600; }
  .form .row:last-of-type {
    margin-bottom: 0px;
    padding-bottom: 10px; }

.form .form-actions {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .form .form-actions .button {
    margin-left: 10px; }

#flash {
  position: fixed;
  top: 50px;
  text-align: center;
  right: 0;
  left: 0;
  z-index: 100; }
  #flash .alert {
    display: inline-block;
    padding: 25px 70px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    border: 1px solid; }
    #flash .alert.alert-danger {
      color: #f54a49;
      border-color: #f54a49; }
    #flash .alert.alert-success {
      color: #fff;
      background-color: #95c11f;
      border-color: #95c11f; }
      #flash .alert.alert-success::before {
        display: inline-block;
        width: 22px;
        height: 22px;
        margin: 0 5px -6px 0;
        content: "";
        background: url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/success-tick-white-ba3d135fd6611523d79cf08b055fa725.svg") no-repeat 0 0;
        background-size: 100%; }

.table {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }
  .table table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse; }
    .table table tr {
      height: 50px;
      border-bottom: 1px solid #EDEDED;
      cursor: pointer; }
      .table table tr th, .table table tr tr, .table table tr td {
        padding: 0 10px; }
    .table table thead tr {
      cursor: default; }
      .table table thead tr th {
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 1px;
        text-transform: uppercase; }
        .table table thead tr th > .inner {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center; }
          .table table thead tr th > .inner .sort-icon {
            cursor: pointer; }
            .table table thead tr th > .inner .sort-icon img {
              margin-top: 2px; }
    .table table tbody tr {
      color: #666162; }
      .table table tbody tr td {
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .table table tbody tr td .truncated {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .table table tbody tr td .arrow-right-grey {
          display: block; }
        .table table tbody tr td .arrow-right-grey-blue {
          display: none; }
      .table table tbody tr:hover {
        background: #EDF3FA;
        color: #004a99;
        font-weight: 500; }
        .table table tbody tr:hover .arrow-right-grey {
          display: none; }
        .table table tbody tr:hover .arrow-right-grey-blue {
          display: block; }
  .table .table-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 48px;
    padding: 0 10px; }
    .table .table-row .column {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
  .table .dropdown-indicator {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .table .filter-row {
    padding: 0;
    cursor: default;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .table .filter-row .filter-column {
      height: 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      width: 40%;
      max-width: 220px;
      cursor: pointer; }
      .table .filter-row .filter-column.active {
        color: #95c11f;
        border-bottom: 2px solid #95c11f; }
  .table .select-all-row .select-all-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .table .select-all-row .select-all-column .select-all-label {
      font-size: 14px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
    .table .select-all-row .select-all-column input[type="checkbox"] {
      display: none; }
    .table .select-all-row .select-all-column input[type="checkbox"] + label::before {
      content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-unchecked-8c985e3f9455660e3aa024b986f425d9.svg); }
    .table .select-all-row .select-all-column input[type="checkbox"]:checked + label::before {
      content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-checked-2205d5d3958cfb47c78c1f0bb7b7a403.svg); }
  .table .row-indicator {
    text-align: right; }
  .table .table-actions {
    padding: 10px;
    border-top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .table .table-actions .right {
      display: -ms-flexbox;
      display: flex; }
      .table .table-actions .right .button {
        height: 30px; }
        .table .table-actions .right .button:not(:first-child) {
          margin-left: 10px; }
  .table .empty-table {
    padding: 50px 0;
    text-align: center; }
    .table .empty-table .empty-image {
      padding-bottom: 50px; }
      .table .empty-table .empty-image img {
        width: 190px;
        height: 190px; }
    .table .empty-table .empty-message {
      margin: 0 auto;
      width: 400px;
      color: #666162; }
    .table .empty-table .empty-actions {
      display: inline-block;
      margin: 25px auto;
      padding: 7px; }

.button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 7px 16px;
  border-radius: 3px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  border: none; }
  .button.text-blue {
    color: #004a99; }
  .button.text-red {
    color: #ba1312; }
  .button.text-green {
    color: #95c11f; }
  .button.text-brown {
    color: #666162; }
  .button.green {
    background-color: #95c11f; }
    .button.green:disabled {
      opacity: 0.5;
      cursor: default; }
    .button.green:not(:disabled):hover {
      background-color: #9fce21; }
    .button.green:not(:disabled):active {
      background-color: #abdc27; }
  .button.red {
    background-color: #ba1312; }
    .button.red:disabled {
      opacity: 0.3;
      cursor: default; }
    .button.red:not(:disabled):hover {
      background-color: #c81413; }
    .button.red:not(:disabled):active {
      background-color: #db1615; }
  .button.blue {
    background-color: #004a99; }
    .button.blue:disabled {
      opacity: 0.3;
      cursor: default; }
    .button.blue:not(:disabled):hover {
      background-color: #0056b3; }
    .button.blue:not(:disabled):active {
      background-color: #0060c7; }
  .button.light-blue {
    background-color: #EDF3FA; }
  .button.white {
    background-color: #fff;
    color: #004a99; }
    .button.white:disabled {
      opacity: 0.4;
      cursor: default; }
    .button.white.red {
      color: #ba1312; }
  .button.large {
    font-size: 18px;
    padding: 16px 60px; }
  .button.small {
    padding: 7px 10px; }
  .button.standard {
    min-width: 120px; }
  .button.border-grey {
    border: 1px solid rgba(0, 0, 0, 0.07); }
  .button .icon {
    margin-right: 10px; }
  .button::before, .button::after {
    content: '';
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

#shepherdOverlay {
  background-color: #00254D;
  opacity: 0.7; }

.sequence-element.sequence-element-request-access {
  display: -ms-flexbox;
  display: flex; }

.sequence-element.sequence-element-test-tab .tab-menu-action img {
  margin-left: 5px; }

.sequence-element.sequence-element-click-fitting-action .table-row .column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.sequence-element.sequence-element-commissioned-filter, .sequence-element.sequence-element-collected-filter {
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  width: 40%;
  max-width: 220px; }
  .sequence-element.sequence-element-commissioned-filter .filter-column, .sequence-element.sequence-element-collected-filter .filter-column {
    width: 100%; }

.sequence-element.highlight {
  background: #fff; }
  .sequence-element.highlight .button {
    opacity: 1; }

.shepherd-element.sequence-tooltip {
  max-width: 100%;
  max-height: 100%; }
  .shepherd-element.sequence-tooltip .shepherd-content {
    max-width: 534px;
    border-radius: 3px; }
    .shepherd-element.sequence-tooltip .shepherd-content header {
      height: 35px; }
      .shepherd-element.sequence-tooltip .shepherd-content header a.shepherd-cancel-link {
        padding: 15px;
        opacity: 1;
        background-image: url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/icon-close-small-0cb593b4a65e18bc5295a76c45229263.svg");
        background-repeat: no-repeat;
        background-position: center;
        width: 10px;
        height: 10px;
        color: transparent; }
    .shepherd-element.sequence-tooltip .shepherd-content, .shepherd-element.sequence-tooltip .shepherd-content .shepherd-buttons .shepherd-button.button {
      font-size: 14px; }
    .shepherd-element.sequence-tooltip .shepherd-content .shepherd-text {
      padding: 20px 20px; }
      .shepherd-element.sequence-tooltip .shepherd-content .shepherd-text p {
        margin: 0;
        line-height: 24px; }
    .shepherd-element.sequence-tooltip .shepherd-content .sequence-progress {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 25px 0 0; }
      .shepherd-element.sequence-tooltip .shepherd-content .sequence-progress .sequence-progress-item {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        margin: 0 5px;
        background-color: #EDF3FA; }
        .shepherd-element.sequence-tooltip .shepherd-content .sequence-progress .sequence-progress-item.active {
          background-color: #004a99; }
    .shepherd-element.sequence-tooltip .shepherd-content footer {
      padding: 0 20px 20px; }
      .shepherd-element.sequence-tooltip .shepherd-content footer .shepherd-buttons .shepherd-button.button {
        min-width: 140px;
        text-align: center;
        line-height: 17px;
        text-transform: none;
        padding: 6px 0;
        letter-spacing: normal; }
        .shepherd-element.sequence-tooltip .shepherd-content footer .shepherd-buttons .shepherd-button.button.button-primary {
          background-color: #004a99; }
        .shepherd-element.sequence-tooltip .shepherd-content footer .shepherd-buttons .shepherd-button.button.button-secondary {
          background-color: #EDF3FA;
          color: #053687; }

.logo-large {
  width: 162px;
  height: 60px; }

.password-toggle {
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0.5; }

.dropdown-menu .dropdown-menu-trigger {
  cursor: pointer;
  color: #7CA1C7; }
  .dropdown-menu .dropdown-menu-trigger .dropdown-arrow-white {
    display: none; }
  .dropdown-menu .dropdown-menu-trigger:hover {
    color: #fff; }
    .dropdown-menu .dropdown-menu-trigger:hover .dropdown-arrow-white {
      display: inline-block; }
    .dropdown-menu .dropdown-menu-trigger:hover .dropdown-arrow-pale-blue {
      display: none; }

.dropdown-menu .dropdown-menu-list {
  position: absolute;
  width: 295px;
  top: 53px;
  right: 0;
  background-color: #fff;
  border-radius: 1px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.07);
  z-index: 99; }
  .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item {
    width: 100%;
    padding: 16px 10px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
    display: block;
    text-align: left;
    cursor: pointer;
    color: #004a99; }
    .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item:hover:not([disabled]) {
      background-color: #EDF3FA; }
    .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item:disabled {
      cursor: default;
      color: rgba(0, 74, 153, 0.4); }
    .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item.delete {
      color: #ba1312; }
      .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item.delete:disabled {
        color: rgba(186, 19, 18, 0.4); }
    .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item:first-child::after, .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item:first-child::before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item:first-child::after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 11px;
      border-bottom-width: 14px;
      left: 96%;
      margin-left: -20px; }
    .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item:first-child::before {
      border-color: rgba(113, 158, 206, 0);
      border-bottom-color: rgba(0, 0, 0, 0.03);
      border-width: 13px;
      border-bottom-width: 16px;
      left: 96%;
      margin-left: -22px; }
    .dropdown-menu .dropdown-menu-list .dropdown-menu-list-item:first-child:hover:not([disabled]):after {
      border-bottom-color: #EDF3FA; }

.auth-page {
  height: 100%;
  min-height: 100%;
  background: linear-gradient(90deg, #004A99 0%, #003E80 100%);
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff; }
  .auth-page a {
    color: #fff; }
  .auth-page .content {
    text-align: center;
    width: 100%;
    max-width: 600px; }
    .auth-page .content .logo-large {
      margin-bottom: 50px; }
    .auth-page .content .password-form {
      max-width: 382px;
      margin: auto; }
      .auth-page .content .password-form .auth-submit {
        width: 100%; }
    .auth-page .content .forgot-password {
      position: absolute;
      right: 0;
      bottom: 75px; }
    .auth-page .content .auth-submit {
      display: inline-block;
      margin: 25px auto 0; }
    .auth-page .content .actions {
      padding: 1px; }
    .auth-page .content.terms-content {
      max-width: 902px;
      padding: 10px; }

.page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px; }

.main-page .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 50px 0; }
  .main-page .header .page-header-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }

.main-page .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.site-page {
  min-height: calc(100vh - 60px); }
  .site-page .site-header {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #EDEDED; }
    .site-page .site-header .site-header-action {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px; }
      .site-page .site-header .site-header-action.text-blue {
        color: #004a99; }
    .site-page .site-header .back-button {
      background-color: #FAFAFA;
      border-left: 1px solid #EDEDED;
      border-right: 1px solid #EDEDED; }
      .site-page .site-header .back-button a {
        height: 84px;
        padding: 20px;
        width: 210px; }
        .site-page .site-header .back-button a img {
          margin-right: 15px; }
    .site-page .site-header .site-info-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: calc(1240px - 200px);
      position: relative; }
      .site-page .site-header .site-info-header .site-info {
        padding: 10px 20px;
        min-width: 380px; }
        .site-page .site-header .site-info-header .site-info h4 {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .site-page .site-header .site-info-header .site-header-actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .site-page .site-header .site-info-header .site-header-actions .site-header-action {
          padding: 10px 5px; }
          .site-page .site-header .site-info-header .site-header-actions .site-header-action a img {
            margin-top: -5px; }
  .site-page .body {
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 80px - 60px); }
    .site-page .body .site-menu {
      min-height: calc(100vh - 80px - 60px);
      background-color: #FAFAFA;
      border-left: 1px solid #EDEDED;
      border-right: 1px solid #EDEDED; }
      .site-page .body .site-menu .menu-actions {
        display: block;
        height: 50px;
        width: 210px;
        cursor: pointer;
        padding: 17px 18px; }
        .site-page .body .site-menu .menu-actions .order-item-count {
          margin-top: -8px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 18px;
          height: 18px;
          border-radius: 9px;
          background-color: #95c11f;
          color: #fff;
          font-size: 12px; }
          .site-page .body .site-menu .menu-actions .order-item-count.hide {
            display: none; }
        .site-page .body .site-menu .menu-actions.active {
          color: #95c11f;
          border-left: 2px solid #95c11f; }
        .site-page .body .site-menu .menu-actions.shopping-cart {
          display: -ms-flexbox;
          display: flex;
          padding-right: 0; }
    .site-page .body .content {
      width: 100%;
      padding-left: 20px;
      padding-top: 20px;
      padding-bottom: 50px; }
      .site-page .body .content .header h2 {
        margin-top: 0;
        margin-bottom: 20px; }

#details {
  width: 600px; }
  #details .dropdown-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 10px 10px 0;
    position: relative; }
    #details .dropdown-menu .dropdown-menu-list {
      top: 45px; }
  #details .autocomplete-results {
    width: 580px; }
  #details .actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px; }
    #details .actions .button.space-right {
      margin-left: 15px; }

.fittings-index {
  display: -ms-flexbox;
  display: flex; }
  .fittings-index .fittings-list {
    -ms-flex: 1;
    flex: 1; }
  .fittings-index .fitting-details {
    margin-left: 20px;
    -ms-flex-preferred-size: 354px;
    flex-basis: 354px; }
    .fittings-index .fitting-details .fitting-panel {
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }
      .fittings-index .fitting-details .fitting-panel .edit {
        font-size: 14px;
        color: #004a99;
        cursor: pointer; }
      .fittings-index .fitting-details .fitting-panel .fitting-header {
        padding: 0 10px;
        height: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .fittings-index .fitting-details .fitting-panel .fitting-header .edit {
          font-size: 14px;
          color: #004a99;
          cursor: pointer; }
      .fittings-index .fitting-details .fitting-panel .fitting-tab-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        height: 40px;
        border-bottom: 1px solid #EDEDED; }
        .fittings-index .fitting-details .fitting-panel .fitting-tab-menu .tab-menu-action {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          height: 40px;
          min-width: 115px;
          border-bottom: 2px solid rgba(0, 0, 0, 0); }
          .fittings-index .fitting-details .fitting-panel .fitting-tab-menu .tab-menu-action .faultyIndicator {
            margin-left: 5px; }
          .fittings-index .fitting-details .fitting-panel .fitting-tab-menu .tab-menu-action.active {
            color: #95c11f;
            border-bottom: 2px solid #95c11f; }
      .fittings-index .fitting-details .fitting-panel .successConfirmation {
        display: none;
        border-radius: 0px;
        height: 50px;
        transition: display 500ms; }
        .fittings-index .fitting-details .fitting-panel .successConfirmation .icon {
          height: 16px; }
        .fittings-index .fitting-details .fitting-panel .successConfirmation.show {
          display: -ms-flexbox;
          display: flex; }
      .fittings-index .fitting-details .fitting-panel .fitting-panel-actions {
        padding: 10px;
        border-top: 1px solid #EDEDED; }
        .fittings-index .fitting-details .fitting-panel .fitting-panel-actions.delete-fitting {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: end;
          justify-content: flex-end; }
      .fittings-index .fitting-details .fitting-panel .fitting-actions {
        padding: 10px;
        border-top: 1px solid #EDEDED; }
        .fittings-index .fitting-details .fitting-panel .fitting-actions .delete-action {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: end;
          justify-content: flex-end;
          padding-bottom: 10px; }
          .fittings-index .fitting-details .fitting-panel .fitting-actions .delete-action .button {
            padding-right: 0; }
        .fittings-index .fitting-details .fitting-panel .fitting-actions .edit-actions {
          text-align: center; }
          .fittings-index .fitting-details .fitting-panel .fitting-actions .edit-actions:first-of-type {
            margin-bottom: 5px;
            width: 100%; }
      .fittings-index .fitting-details .fitting-panel .form-content {
        border: none; }
      .fittings-index .fitting-details .fitting-panel .header-label-row, .fittings-index .fitting-details .fitting-panel .maintenance-row {
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED; }
        .fittings-index .fitting-details .fitting-panel .header-label-row:first-of-type, .fittings-index .fitting-details .fitting-panel .maintenance-row:first-of-type {
          border-top: none; }
      .fittings-index .fitting-details .fitting-panel .maintenance-row .header-label-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .fittings-index .fitting-details .fitting-panel .maintenance-row .fitting-actions {
        border-top: none; }
      .fittings-index .fitting-details .fitting-panel .no-maintenance-rows, .fittings-index .fitting-details .fitting-panel .no-latest-test {
        text-align: center;
        background: #fff;
        border-bottom: 1px solid #EDEDED; }
        .fittings-index .fitting-details .fitting-panel .no-maintenance-rows .empty-image, .fittings-index .fitting-details .fitting-panel .no-latest-test .empty-image {
          margin-top: 50px;
          margin-bottom: 25px; }
          .fittings-index .fitting-details .fitting-panel .no-maintenance-rows .empty-image img, .fittings-index .fitting-details .fitting-panel .no-latest-test .empty-image img {
            height: 165px; }
        .fittings-index .fitting-details .fitting-panel .no-maintenance-rows .empty-message, .fittings-index .fitting-details .fitting-panel .no-latest-test .empty-message {
          margin: 0px 70px 100px;
          font-size: 14px;
          color: #666162; }
          .fittings-index .fitting-details .fitting-panel .no-maintenance-rows .empty-message.long, .fittings-index .fitting-details .fitting-panel .no-latest-test .empty-message.long {
            margin: 0px 45px 100px; }
      .fittings-index .fitting-details .fitting-panel .see-latest-test {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 0;
        border-bottom: 1px solid #EDEDED; }
        .fittings-index .fitting-details .fitting-panel .see-latest-test .button {
          font-size: 16px; }
      .fittings-index .fitting-details .fitting-panel .add-action {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px 0px 40px; }
      .fittings-index .fitting-details .fitting-panel .test-event-warning {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #004A99;
        font-size: 14px;
        padding: 10px;
        padding-bottom: 0; }
        .fittings-index .fitting-details .fitting-panel .test-event-warning img {
          padding-right: 8px; }
      .fittings-index .fitting-details .fitting-panel #fitting-details-form .commission-fitting {
        margin: 10px 0; }
        .fittings-index .fitting-details .fitting-panel #fitting-details-form .commission-fitting .mark-commissioned-label {
          color: #004a99;
          font-size: 14px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center; }
        .fittings-index .fitting-details .fitting-panel #fitting-details-form .commission-fitting input[type="checkbox"] {
          display: none; }
        .fittings-index .fitting-details .fitting-panel #fitting-details-form .commission-fitting input[type="checkbox"] + label::before {
          content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-unchecked-8c985e3f9455660e3aa024b986f425d9.svg);
          margin-top: 2px;
          margin-right: 10px;
          cursor: pointer; }
        .fittings-index .fitting-details .fitting-panel #fitting-details-form .commission-fitting input[type="checkbox"]:checked + label::before {
          content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-checked-2205d5d3958cfb47c78c1f0bb7b7a403.svg); }
      .fittings-index .fitting-details .fitting-panel #test-and-status-form .last-test-row {
        padding-bottom: 10px; }
      .fittings-index .fitting-details .fitting-panel #test-and-status-form .confirmation-text {
        color: #004a99; }
      .fittings-index .fitting-details .fitting-panel #test-and-status-form .add-action {
        background: #FAFAFA; }
      .fittings-index .fitting-details .fitting-panel #test-and-status-form .latest-test-header {
        padding: 20px 10px;
        border-bottom: 1px solid #EDEDED; }
      .fittings-index .fitting-details .fitting-panel #test-and-status-form .test-event-warning {
        padding-bottom: 10px;
        border-bottom: 1px solid #EDEDED; }
      .fittings-index .fitting-details .fitting-panel #latest-test-modal .form-content {
        padding: 0;
        border: 1px solid #EDEDED; }
        .fittings-index .fitting-details .fitting-panel #latest-test-modal .form-content .row {
          padding-left: 10px;
          padding-right: 10px; }
      .fittings-index .fitting-details .fitting-panel #maintenance-form .form-content {
        background: #FAFAFA; }
        .fittings-index .fitting-details .fitting-panel #maintenance-form .form-content .header-label-row {
          border-bottom: none; }
        .fittings-index .fitting-details .fitting-panel #maintenance-form .form-content .last-maintenance-row {
          padding-bottom: 10px; }

#user-page .back-button {
  margin-top: 20px; }

#user-page .user-content {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

#invite-to-site-form .heading-label {
  padding-top: 20px; }
  #invite-to-site-form .heading-label:first-of-type {
    padding-top: 10px; }

#analytics-page .header {
  margin-bottom: 25px; }

#analytics-page .note {
  margin-bottom: 25px; }

#change-password {
  padding-top: 130px;
  text-align: center; }
  #change-password .change-password-success {
    text-align: center; }
    #change-password .change-password-success .success-text {
      margin: 30px auto 15px; }
    #change-password .change-password-success .button {
      margin: 30px auto; }

#edit {
  padding: 20px 25px; }
  #edit .back-button {
    margin-bottom: 20px; }
  #edit > .inner {
    max-width: 600px; }
    #edit > .inner .row {
      padding-left: 0; }
    #edit > .inner .edit-actions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 20px 10px; }
      #edit > .inner .edit-actions .delete-icon {
        height: 17px; }

#forgot-password .content {
  max-width: 382px;
  margin: 0 auto; }
  #forgot-password .content .instruction {
    margin: 0 auto 40px; }
  #forgot-password .content .auth-submit {
    width: 100%; }
  #forgot-password .content .success .confirmation {
    margin: 15px auto 40px; }

#login .form-heading {
  text-align: left;
  margin-bottom: 28px; }

#login .signup {
  margin: 27px 0 50px;
  display: block; }

#signup {
  padding: 75px 0;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: auto; }
  #signup .back-bar {
    position: relative;
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    margin-bottom: -40px;
    z-index: 2; }
    #signup .back-bar .back {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
      #signup .back-bar .back .icon-back {
        margin-right: 8px; }
  #signup .auth-submit {
    min-width: 223px; }
  #signup .form-heading {
    margin-bottom: 40px; }
  #signup .user-signup-link {
    display: block;
    max-width: 230px;
    margin: 50px auto 0;
    cursor: pointer; }

#reset-password .content {
  max-width: 382px; }
  #reset-password .content .auth-submit {
    width: 100%; }
  #reset-password .content #success {
    text-align: center; }
    #reset-password .content #success .success-heading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #reset-password .content #success .success-heading .success-tick {
        max-height: 32px;
        margin-right: 10px; }
    #reset-password .content #success .success-message {
      margin: 30px auto 20px; }
    #reset-password .content #success .subheading {
      margin-bottom: 50px; }

#signup-terms {
  text-align: left;
  margin-bottom: 125px; }
  #signup-terms .heading {
    text-align: center;
    margin: -15px auto 40px; }
  #signup-terms .actions {
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    background-color: rgba(0, 74, 153, 0.5);
    box-shadow: 0 0 65px 40px rgba(0, 74, 153, 0.5); }
    #signup-terms .actions > .inner {
      max-width: 925px;
      height: 130px;
      padding: 20px;
      margin: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      #signup-terms .actions > .inner .terms-submit {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin: 0; }
  #signup-terms p {
    margin-bottom: 25px; }

#terms .heading {
  text-align: center;
  margin: -15px auto 40px; }

#terms .back-bar {
  max-width: 1200px;
  padding: 30px 10px;
  margin: 0 auto -40px; }
  #terms .back-bar .back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
    #terms .back-bar .back .icon-back {
      margin-right: 8px; }

#terms .content {
  padding: 50px 0;
  max-width: 902px;
  margin: auto;
  padding: 10px; }
  #terms .content .heading {
    margin: 30px 0; }

#new-organisation {
  padding: 130px 10px 10px;
  text-align: center; }

#invite .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px; }
  #invite .title .invite-icon {
    margin-right: 20px; }

#invite .actions .auth-submit {
  display: block; }
  #invite .actions .auth-submit :last-of-type {
    padding-top: 5px; }

#site-request {
  background: none;
  color: #201c1d; }
  #site-request .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px; }
  #site-request .actions .auth-submit {
    display: block; }
    #site-request .actions .auth-submit :last-of-type {
      padding-top: 5px; }

#support .title, #support .back-to-sites {
  display: block;
  margin: 30px 0; }
  #support .title .icon, #support .back-to-sites .icon {
    margin-right: 10px; }

#support .support-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px; }
  #support .support-item a {
    color: #004a99; }
  #support .support-item .icon, #support .support-item .icon-container {
    height: 20px; }
  #support .support-item .icon-container {
    width: 30px;
    text-align: center;
    margin: 0 10px 0 -5px; }
    #support .support-item .icon-container.phone {
      height: 25px; }
  #support .support-item .icon-phone {
    height: 25px; }

.onboarding {
  min-height: calc(100vh - 60px);
  display: -ms-flexbox;
  display: flex; }
  .onboarding .pagination-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-top: 100px;
    height: 520px;
    padding-top: 50px; }
    .onboarding .pagination-control img {
      height: 60px; }
    .onboarding .pagination-control.hidden {
      visibility: hidden; }
  .onboarding .swiper-container {
    margin-top: 90px;
    height: 590px; }
    .onboarding .swiper-container .swiper-pagination-bullet {
      height: 12px;
      width: 12px; }
      .onboarding .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #004a99; }

.form .autocomplete-input .input {
  border: none;
  box-shadow: none;
  padding: 0;
  height: auto; }

.form .autocomplete-input .autocomplete-result-item {
  background-color: #fff; }
  .form .autocomplete-input .autocomplete-result-item.highlight {
    background-color: #004a99;
    color: #fff; }

.form .autocomplete-results {
  position: absolute;
  margin: 8px -11px;
  padding: 0px;
  width: 500px;
  z-index: 10;
  background: #fff;
  list-style-type: none;
  border: 1px solid #EDEDED;
  border-radius: 3px; }
  .form .autocomplete-results .autocomplete-result-item {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
    cursor: pointer;
    line-height: 30px;
    height: 50px;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .form .autocomplete-results .autocomplete-result-item:hover {
      background-color: #EEF4FA; }

.batch-move-confirmation .confirmation-message {
  text-align: left;
  margin-bottom: 20px; }

.internal-auth-form.auth-form.form {
  max-width: 382px;
  margin: 45px auto 0; }
  .internal-auth-form.auth-form.form .row input, .internal-auth-form.auth-form.form .row select, .internal-auth-form.auth-form.form .row .label {
    color: #201c1d; }
  .internal-auth-form.auth-form.form .row .input {
    border: none;
    box-shadow: none;
    border-radius: 0; }
    .internal-auth-form.auth-form.form .row .input input {
      background-image: linear-gradient(to bottom, silver, silver), linear-gradient(to bottom, silver, silver); }
      .internal-auth-form.auth-form.form .row .input input:focus {
        background-image: linear-gradient(to bottom, silver, silver), linear-gradient(to bottom, #201c1d, #201c1d); }
      .internal-auth-form.auth-form.form .row .input input.error {
        background-image: linear-gradient(to bottom, #f54a49, #f54a49), linear-gradient(to bottom, silver, silver);
        background-size: 100% 2px, 100% 1px; }
      .internal-auth-form.auth-form.form .row .input input.valid {
        background-image: linear-gradient(to bottom, #95c11f, #95c11f), linear-gradient(to bottom, silver, silver);
        background-size: 100% 2px, 100% 1px; }
    .internal-auth-form.auth-form.form .row .input select {
      background-image: linear-gradient(to bottom, silver, silver), linear-gradient(to bottom, silver, silver), url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/images/icon-arrow-down-e919866130a249b02813c70801716da8.svg");
      background-size: 0 2px, 100% 1px, 30px;
      background-position: 0% 100%, 0% 100%, right center; }
      .internal-auth-form.auth-form.form .row .input select:focus {
        background-image: linear-gradient(to bottom, silver, silver), linear-gradient(to bottom, #201c1d, #201c1d), url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/images/icon-arrow-down-e919866130a249b02813c70801716da8.svg"); }
      .internal-auth-form.auth-form.form .row .input select.error {
        background-image: linear-gradient(to bottom, #f54a49, #f54a49), linear-gradient(to bottom, silver, silver), url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/images/icon-arrow-down-e919866130a249b02813c70801716da8.svg");
        background-size: 100% 2px, 100% 1px, 30px; }
      .internal-auth-form.auth-form.form .row .input select.valid {
        background-image: linear-gradient(to bottom, #95c11f, #95c11f), linear-gradient(to bottom, silver, silver), url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/images/icon-arrow-down-e919866130a249b02813c70801716da8.svg");
        background-size: 100% 2px, 100% 1px, 30px; }
    .internal-auth-form.auth-form.form .row .input.focused .label-animated, .internal-auth-form.auth-form.form .row .input .password-toggle {
      opacity: 1; }
  .internal-auth-form.auth-form.form .business-confirmation input[type="checkbox"] + label::before {
    content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-unchecked-8c985e3f9455660e3aa024b986f425d9.svg); }
  .internal-auth-form.auth-form.form .submit {
    margin-top: 70px;
    width: 100%; }

#organisation-edit-form .wholesaler-account-heading {
  margin: 20px 0; }

#user-signup-form .sub-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px; }
  #user-signup-form .sub-heading .section-number {
    font-size: 18px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 15px; }
    #user-signup-form .sub-heading .section-number.required {
      background-color: #95c11f; }
    #user-signup-form .sub-heading .section-number.optional {
      background-color: rgba(255, 255, 255, 0.6); }
  #user-signup-form .sub-heading .section-label {
    margin-left: 20px; }
  #user-signup-form .sub-heading .section-optional {
    margin-left: 10px;
    padding-top: 8px;
    opacity: 0.5; }
  #user-signup-form .sub-heading.business-signup {
    margin-top: 50px; }

#user-signup-form .business-signup-instruction {
  font-size: 14px;
  line-height: 24px;
  text-align: left; }
  #user-signup-form .business-signup-instruction .signup-text {
    color: #95c11f;
    font-weight: 500; }

#user-signup-form .business-confirmation .business-confirmation-label {
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

#user-signup-form .business-confirmation input[type="checkbox"] {
  display: none; }

#user-signup-form .business-confirmation input[type="checkbox"] + label::before {
  content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-unchecked-white-1f60bad2ecee46558a77d151ccf411d7.svg);
  margin-right: 10px; }

#user-signup-form .business-confirmation input[type="checkbox"]:checked + label::before {
  content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-checked-2205d5d3958cfb47c78c1f0bb7b7a403.svg); }

.file-upload-input label {
  cursor: pointer; }

.file-upload-input input {
  display: none; }

.file-uploader label {
  cursor: pointer; }

.file-uploader img {
  margin-right: 7px; }

.file-uploader input {
  display: none; }

#file-upload-error-modal .modal-content {
  font-size: 16px; }
  #file-upload-error-modal .modal-content > .inner {
    max-height: 215px;
    overflow-y: scroll;
    text-align: left; }
    #file-upload-error-modal .modal-content > .inner .error-message {
      font-weight: 500; }
    #file-upload-error-modal .modal-content > .inner .errors-list {
      color: #ba1312; }
      #file-upload-error-modal .modal-content > .inner .errors-list .error {
        line-height: 23px; }
  #file-upload-error-modal .modal-content .template-download {
    margin-top: 20px; }
    #file-upload-error-modal .modal-content .template-download .green {
      color: #95c11f; }

.file-upload-progress-bar {
  display: none;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: 35px;
  position: absolute;
  top: 75px;
  left: 0;
  right: 0px;
  background-color: #95c11f; }
  .file-upload-progress-bar.show {
    display: -ms-flexbox;
    display: flex; }
  .file-upload-progress-bar svg {
    opacity: 0.4; }
  .file-upload-progress-bar .sk-circle {
    margin: 0;
    position: absolute;
    width: 10px;
    height: 20px;
    right: 20px;
    top: 7px; }
  .file-upload-progress-bar .progress-message {
    position: absolute;
    top: 7px;
    left: 10px;
    color: #fff;
    margin: 0; }
    .file-upload-progress-bar .progress-message.success::after {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: 0 0 -6px 8px;
      content: "";
      background: url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/success-tick-white-ba3d135fd6611523d79cf08b055fa725.svg") no-repeat 0 0;
      background-size: 100%; }
  .file-upload-progress-bar .cancel, .file-upload-progress-bar .dismiss {
    color: #fff;
    margin: 0;
    text-align: right;
    padding: 0 10px 5px 0;
    cursor: pointer; }
  .file-upload-progress-bar .dismiss {
    padding: 0 10px 8px 0; }

.fitting-form .test-event-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #004A99;
  font-size: 14px;
  padding: 10px;
  padding-bottom: 0; }
  .fitting-form .test-event-warning img {
    padding-right: 8px; }

.load-more-button {
  padding: 0;
  display: block; }
  .load-more-button .items-displayed-text {
    margin: 0;
    color: #666162;
    cursor: default; }
  .load-more-button .load-more-text {
    margin-bottom: 0; }
    .load-more-button .load-more-text .icon-arrow-down-blue {
      display: inline-block; }

.modal-success {
  text-align: center; }
  .modal-success .success-text {
    margin: 17px auto 45px; }
  .modal-success .modal-success-action .button {
    margin: auto; }
  .modal-success .modal-success-action .button {
    margin: auto; }

.dropdown-menu.group-dropdown-menu {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .dropdown-menu.group-dropdown-menu .dropdown-menu-list {
    width: 175px;
    top: 35px;
    right: -10px;
    z-index: 5; }
    .dropdown-menu.group-dropdown-menu .dropdown-menu-list .dropdown-menu-list-item {
      letter-spacing: 1px;
      text-transform: none;
      font-weight: 400; }

#group-table .row .icon-groups-blue {
  display: none; }

#group-table .row .icon-groups {
  margin: 0 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

#group-table .row:hover .icon-groups-grey {
  display: none; }

#group-table .row:hover .icon-groups-blue {
  display: inline-block; }

#group-table .row .table-row {
  padding: 0px; }

#group-table .column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  #group-table .column.name {
    padding: 0 10px;
    width: 35%; }
  #group-table .column.fittings {
    width: 20%; }
  #group-table .column.faults {
    width: 20%; }
  #group-table .column.created-at {
    width: 20%; }
  #group-table .column.row-indicator {
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 5%; }

#group-table tbody tr .column.name {
  padding-left: 0; }

#group-table .cancel {
  min-width: 140px; }

#invite-to-site-form .grant-access-type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 70px; }

#nav-bar {
  height: 60px;
  background: linear-gradient(270deg, #004a99 0%, #003E80 100%); }
  #nav-bar > .inner {
    height: 100%;
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #nav-bar .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    #nav-bar .left .nav-bar-link {
      margin: 0 50px; }
  #nav-bar .right {
    position: relative; }
  #nav-bar .nav-bar-item {
    -ms-flex-negative: 1;
    flex-shrink: 1; }
  #nav-bar .nav-bar-logo {
    padding-right: 50px; }
    #nav-bar .nav-bar-logo img {
      height: 34px;
      width: 92px; }
  #nav-bar .nav-bar-link {
    text-decoration: none;
    cursor: pointer; }
    #nav-bar .nav-bar-link > a {
      color: #7CA1C7; }
    #nav-bar .nav-bar-link:hover > a {
      color: #fff; }
    #nav-bar .nav-bar-link.users {
      position: relative; }

#site-table {
  background-color: #fff;
  margin-bottom: 50px; }
  #site-table tr.not-permitted {
    background-color: #FAFAFA; }
    #site-table tr.not-permitted:hover {
      color: #666162;
      font-weight: 400;
      cursor: default; }
      #site-table tr.not-permitted:hover .request-access:hover {
        cursor: pointer;
        font-weight: 400; }
  #site-table tr td:last-of-type {
    padding: 0px; }
  #site-table .row-action {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left; }
    #site-table .row-action .pending-access {
      cursor: default; }
    #site-table .row-action .row-indicator {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
  #site-table .column.unit {
    width: 10%; }
  #site-table .column.unittext {
    max-width: 5%;
    overflow: hidden; }
  #site-table .column.address {
    padding-left: 2%;
    width: 30%; }
  #site-table .column.business-name {
    width: 20%; }
  #site-table .column.building-name {
    width: 20%; }
  #site-table .column.created-at {
    width: 20%; }

.modal-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
  z-index: 10;
  background-color: rgba(0, 37, 77, 0.7); }
  .modal-overlay .container {
    position: relative;
    margin: auto;
    background-color: #EDF3FA;
    padding: 45px 40px 20px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }
    .modal-overlay .container .modal-header {
      margin-bottom: 35px; }
      .modal-overlay .container .modal-header .form-heading {
        display: inline; }
      .modal-overlay .container .modal-header .modal-close {
        position: absolute;
        cursor: pointer;
        right: 25px; }
    .modal-overlay .container .modal-content {
      width: 520px; }
      .modal-overlay .container .modal-content > .inner {
        padding: 20px;
        background-color: #fff;
        text-align: center;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }
        .modal-overlay .container .modal-content > .inner .message {
          text-align: left;
          margin-bottom: 20px;
          font-size: 16px; }
          .modal-overlay .container .modal-content > .inner .message.error-message {
            color: #ba1312; }
      .modal-overlay .container .modal-content.wide-content {
        width: auto; }
      .modal-overlay .container .modal-content .form-content {
        padding: 10px; }
      .modal-overlay .container .modal-content .row {
        padding-left: 0;
        padding-right: 0; }
      .modal-overlay .container .modal-content .modal-actions {
        margin-top: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .modal-overlay .container .modal-content .modal-actions .button {
          margin-left: 10px; }
  .modal-overlay.white {
    background-color: rgba(255, 255, 255, 0.55); }

.pagination-button {
  height: 30px;
  width: 265px; }

.search-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  width: 250px;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 10px;
  margin-left: 20px; }
  .search-bar img {
    margin-right: 10px; }
  .search-bar .search-input {
    width: 100%; }
  .search-bar.large {
    width: 400px; }

.multiselect-checkboxes label {
  margin: 5px 8px -4px 8px;
  height: 30px;
  cursor: pointer; }
  .multiselect-checkboxes label.large {
    text-align: center;
    padding: 15px 10px;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    height: auto;
    min-width: 158px; }
    .multiselect-checkboxes label.large.checked {
      background-color: #EDF3FA;
      color: #004a99; }
  .multiselect-checkboxes label.round {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 50px; }
    .multiselect-checkboxes label.round::before {
      margin: 0 5px -4px 0;
      content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/radio-button-not-active-0ed324d7e6edc912d3c623f04370d076.svg); }
    .multiselect-checkboxes label.round.checked::before {
      margin: 0 5px -5px 0;
      content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/radio-button-active-fb60723a031b468e001964a56a36af88.svg); }

.multiselect-checkboxes input[type="checkbox"] {
  display: none; }

.multiselect-checkboxes input[type="checkbox"] + label::before {
  content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-unchecked-8c985e3f9455660e3aa024b986f425d9.svg);
  cursor: pointer; }

.multiselect-checkboxes input[type="checkbox"]:checked + label::before {
  content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-checked-2205d5d3958cfb47c78c1f0bb7b7a403.svg); }

.validated-multi-select .arrow-up {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }

.validated-multi-select .selection {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px 0; }
  .validated-multi-select .selection .selected-item + * {
    margin-right: 5px; }
  .validated-multi-select .selection .selected-item {
    margin: 0 5px 5px 0;
    -webkit-transform-style: preserve-3d; }
    .validated-multi-select .selection .selected-item .icon-close {
      margin-left: 5px; }

.validated-multi-select select {
  background-image: none !important; }

.validated-multi-select:not(.active) {
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/images/icon-arrow-down-e919866130a249b02813c70801716da8.svg");
  background-position: right 10px;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 50px; }
  .validated-multi-select:not(.active) select, .validated-multi-select:not(.active) .multi-select {
    height: 0; }

#fitting-table, .fitting-table {
  margin-bottom: 50px; }
  #fitting-table thead tr, .fitting-table thead tr {
    cursor: default; }
  #fitting-table .fitting-table-head, .fitting-table .fitting-table-head {
    width: 40%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px; }
    #fitting-table .fitting-table-head > .inner, .fitting-table .fitting-table-head > .inner {
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #fitting-table .fitting-table-head > .inner .back, .fitting-table .fitting-table-head > .inner .back {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
  #fitting-table .select-all-row .select-all-column.replace-all-fittings, .fitting-table .select-all-row .select-all-column.replace-all-fittings {
    min-width: 120px; }
  #fitting-table .select-all-row .select-all-column.replace-all-components, .fitting-table .select-all-row .select-all-column.replace-all-components {
    min-width: 250px; }
    #fitting-table .select-all-row .select-all-column.replace-all-components.hide, .fitting-table .select-all-row .select-all-column.replace-all-components.hide {
      visibility: hidden; }
  #fitting-table .select-all-row .select-all-column.replace-all-decals, .fitting-table .select-all-row .select-all-column.replace-all-decals {
    min-width: 110px; }
  #fitting-table tbody tr.order-replacement-row:hover, .fitting-table tbody tr.order-replacement-row:hover {
    background: none;
    cursor: default;
    color: #666162;
    font-weight: 400; }
  #fitting-table .column.device-reference, .fitting-table .column.device-reference {
    width: 40%; }
  #fitting-table .column.replacement-fitting-option, .fitting-table .column.replacement-fitting-option {
    min-width: 120px;
    -ms-flex-pack: center;
    justify-content: center; }
  #fitting-table .column.replacement-faulty-component-option, .fitting-table .column.replacement-faulty-component-option {
    min-width: 250px;
    -ms-flex-pack: center;
    justify-content: center; }
  #fitting-table .column.replacement-decal-option, .fitting-table .column.replacement-decal-option {
    min-width: 110px;
    -ms-flex-pack: center;
    justify-content: center; }
  #fitting-table .column.row-indicator, .fitting-table .column.row-indicator {
    width: 6px; }
  #fitting-table .selecting-fittings, .fitting-table .selecting-fittings {
    padding-left: 0px; }
  #fitting-table .icon-back, .fitting-table .icon-back {
    cursor: pointer;
    padding: 17px 5px 13px 0; }

#report-form .form-content {
  width: 694px; }

#report-form .multiselect-checkboxes, #report-form .report-format, #report-form .report-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  #report-form .multiselect-checkboxes label, #report-form .report-format label, #report-form .report-content label {
    margin-right: 50px; }
  #report-form .multiselect-checkboxes .message, #report-form .report-format .message, #report-form .report-content .message {
    margin-right: 20px; }

#report-form .report-category-options {
  display: -ms-flexbox;
  display: flex; }
  #report-form .report-category-options .ember-radio-button {
    width: 158px;
    min-width: 158px;
    margin-right: 10px; }

#report-form .report-content {
  margin-bottom: 10px; }

#report-form .divider {
  border-bottom: 1px solid #EDEDED;
  margin: 20px 5px; }

#report-form .buttontmpgreen {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background-color: #95c11f;
  padding: 7px 16px;
  border-radius: 3px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  border: none; }

.ember-radio-button {
  padding: 15px 10px;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  min-width: 245px;
  margin-bottom: 10px;
  display: block;
  cursor: pointer;
  text-align: center; }
  .ember-radio-button input[type="radio"] {
    display: none; }
  .ember-radio-button.checked {
    background-color: #EDF3FA;
    color: #004a99; }
  .ember-radio-button.round {
    padding: 0;
    border: none;
    min-width: 0;
    margin: 0; }
    .ember-radio-button.round label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
    .ember-radio-button.round input[type="radio"] + label::before {
      margin-right: 5px;
      height: 20px;
      content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/radio-button-not-active-0ed324d7e6edc912d3c623f04370d076.svg); }
    .ember-radio-button.round input[type="radio"]:checked + label::before {
      margin-right: 5px;
      height: 21px;
      content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/radio-button-active-fb60723a031b468e001964a56a36af88.svg); }

#site-request-table {
  margin-bottom: 50px; }
  #site-request-table .row-action {
    padding-right: 0px;
    text-align: right; }
    #site-request-table .row-action .action-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-right: 30px; }
      #site-request-table .row-action .action-wrapper .divider {
        margin: 0 20px;
        height: 12px;
        width: 2px;
        background: #EDEDED; }
  #site-request-table tbody tr:hover {
    cursor: default;
    background: none;
    color: #666162;
    font-weight: 400; }
  #site-request-table .column.first-name {
    width: 15%; }
  #site-request-table .column.last-name {
    width: 15%; }
  #site-request-table .column.business-name {
    width: 20%; }
  #site-request-table .column.site-address {
    width: 30%; }

#employment-table {
  margin-bottom: 50px; }
  #employment-table .column.user {
    width: 30%; }
    #employment-table .column.user.fullName:hover {
      cursor: pointer; }
  #employment-table .column.userType {
    width: 20%; }
  #employment-table tbody tr:hover {
    background: none;
    cursor: default;
    color: #666162;
    font-weight: 400; }
  #employment-table tbody tr.userRow:hover {
    background: #EDF3FA;
    font-weight: 500;
    color: #004a99; }
  #employment-table tbody tr td:last-of-type {
    padding: 0px; }
  #employment-table .row-action {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    #employment-table .row-action .row-indicator {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
  #employment-table .input {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    border-radius: 3px; }
    #employment-table .input select {
      padding: 0 10px;
      height: 36px;
      width: 100%;
      color: #201c1d;
      background-image: url("https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/images/icon-arrow-down-e919866130a249b02813c70801716da8.svg");
      background-position: right 0px top 2px; }
      #employment-table .input select option {
        color: #201c1d; }

.user-panel {
  width: 530px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }
  .user-panel .user-panel-header {
    padding: 0 10px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .user-panel .user-panel-header .edit {
      font-size: 14px;
      color: #004a99;
      cursor: pointer; }
  .user-panel .form-content {
    border: none; }
    .user-panel .form-content .grant-purchasing-rights {
      display: -ms-flexbox;
      display: flex;
      margin: 10px 0; }
      .user-panel .form-content .grant-purchasing-rights .grant-purchasing-rights-label {
        color: #004a99;
        font-size: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
      .user-panel .form-content .grant-purchasing-rights input[type="checkbox"] {
        display: none; }
      .user-panel .form-content .grant-purchasing-rights input[type="checkbox"] + label::before {
        content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-unchecked-8c985e3f9455660e3aa024b986f425d9.svg);
        margin-top: 2px;
        margin-right: 10px;
        cursor: pointer; }
      .user-panel .form-content .grant-purchasing-rights input[type="checkbox"]:checked + label::before {
        content: url(https://s3-ap-southeast-2.amazonaws.com/cleversparkystagingassets.com/assets/icons/checkbox-checked-2205d5d3958cfb47c78c1f0bb7b7a403.svg); }
  .user-panel .user-detail-actions {
    padding: 10px;
    border-top: 1px solid #EDEDED; }
    .user-panel .user-detail-actions .edit-actions {
      text-align: center; }
      .user-panel .user-detail-actions .edit-actions:first-of-type {
        margin-bottom: 5px; }
  .user-panel .user-panel-actions {
    padding: 10px;
    border-top: 1px solid #EDEDED; }
    .user-panel .user-panel-actions.delete-user {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .user-panel .user-panel-actions.delete-user .button {
        padding-right: 0; }

.site-permissions-panel {
  margin-left: 50px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }
  .site-permissions-panel .site-permissions-panel-header {
    padding: 0 10px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }

#site-permission-table {
  box-shadow: none; }
  #site-permission-table tr {
    border-left: none;
    border-right: none; }
  #site-permission-table thead tr {
    border-top: none; }
  #site-permission-table tbody tr:hover {
    cursor: default;
    background: none;
    color: #666162;
    font-weight: 400; }
  #site-permission-table tbody tr td:last-of-type {
    padding-right: 0px; }
  #site-permission-table .empty-table {
    padding: 30px 0; }
  #site-permission-table .column.businessName {
    width: 30%; }
  #site-permission-table .column.address {
    width: 50%; }
  #site-permission-table .table-actions {
    border: none; }
  #site-permission-table .row-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end; }

.screen-too-small {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  overflow: none;
  text-align: center; }
  .screen-too-small .message {
    max-width: 375px;
    margin: 40px auto 10px; }

.terms-formatting .term {
  margin-bottom: 30px; }
  .terms-formatting .term td.letter-order, .terms-formatting .term td.numeral-order, .terms-formatting .term td.capital-letter-order, .terms-formatting .term td.sub-heading-order {
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px; }
  .terms-formatting .term tr.sub-heading-row td {
    padding-top: 15px; }
  .terms-formatting .term td.sub-heading-order {
    font-weight: 500; }
  .terms-formatting .term .numerals-table {
    margin: 10px 0; }

.terms-formatting table thead {
  text-align: left; }

.terms-formatting table td {
  padding-top: 8px; }

.users-dropdown-menu .dropdown-menu-trigger {
  cursor: pointer;
  color: #7CA1C7; }
  .users-dropdown-menu .dropdown-menu-trigger:hover {
    color: #fff; }

.users-dropdown-menu .users-dropdown-menu-list {
  position: absolute;
  top: 43px;
  left: -125px;
  width: 295px;
  background-color: #fff;
  border-radius: 1px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.07);
  z-index: 99; }
  .users-dropdown-menu .users-dropdown-menu-list .dropdown-menu-list-item {
    width: 100%;
    padding: 16px 10px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
    display: block;
    text-align: left;
    cursor: pointer;
    color: #004a99; }
    .users-dropdown-menu .users-dropdown-menu-list .dropdown-menu-list-item:hover:not([disabled]) {
      background-color: #EDF3FA; }
    .users-dropdown-menu .users-dropdown-menu-list .dropdown-menu-list-item:first-child::after, .users-dropdown-menu .users-dropdown-menu-list .dropdown-menu-list-item:first-child::before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .users-dropdown-menu .users-dropdown-menu-list .dropdown-menu-list-item:first-child::after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 11px;
      border-bottom-width: 14px;
      left: 47%; }
    .users-dropdown-menu .users-dropdown-menu-list .dropdown-menu-list-item:first-child::before {
      border-color: rgba(113, 158, 206, 0);
      border-bottom-color: rgba(0, 0, 0, 0.03);
      border-width: 13px;
      border-bottom-width: 16px;
      left: 47%; }
    .users-dropdown-menu .users-dropdown-menu-list .dropdown-menu-list-item:first-child:hover:not([disabled]):after {
      border-bottom-color: #EDF3FA; }

#test-event-table .row .icon-test-event-blue {
  display: none; }

#test-event-table .row .icon-test-event {
  margin: 0 10px 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

#test-event-table .row:hover .icon-test-event-grey {
  display: none; }

#test-event-table .row:hover .icon-test-event-blue {
  display: inline-block; }

#test-event-table .row td:last-of-type {
  padding: 0px; }

#test-event-table .column.startDate {
  width: 25%; }

#test-event-table .column.endDate {
  width: 25%; }

#test-event-table td.column.startDate {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0; }
  #test-event-table td.column.startDate.checkbox {
    padding: 9px 0; }

#test-event-table .test-event-archived {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-right: 10px;
  color: #A0A0A0; }

#test-event-table .cancel {
  min-width: 140px; }

#test-event-modal .modal-content.test-event-details {
  width: 700px; }
  #test-event-modal .modal-content.test-event-details #test-event-form .date-picker-label {
    margin-bottom: 10px; }

#test-event-group-table {
  margin-bottom: 50px; }
  #test-event-group-table .test-event-group-table-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px; }
    #test-event-group-table .test-event-group-table-head > .inner {
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #test-event-group-table .test-event-group-table-head > .inner .back {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        font-weight: normal;
        text-transform: none; }
        #test-event-group-table .test-event-group-table-head > .inner .back .icon-test-event {
          margin: 0 10px 2px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
    #test-event-group-table .test-event-group-table-head:last-of-type > .inner {
      -ms-flex-pack: end;
      justify-content: flex-end; }
      #test-event-group-table .test-event-group-table-head:last-of-type > .inner .test-event-archived {
        color: #A0A0A0; }
  #test-event-group-table tr td:last-of-type {
    padding: 0px; }
  #test-event-group-table .column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 48px; }
    #test-event-group-table .column.name {
      max-width: 95%;
      padding: 9px 0;
      padding-left: 10px; }
  #test-event-group-table .icon-back {
    cursor: pointer;
    padding: 15px 5px 15px 0; }

.dropdown-menu.test-event-group-dropdown-menu {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .dropdown-menu.test-event-group-dropdown-menu .dropdown-menu-list {
    width: 210px;
    top: 35px;
    right: -10px;
    z-index: 5; }
    .dropdown-menu.test-event-group-dropdown-menu .dropdown-menu-list .dropdown-menu-list-item {
      letter-spacing: 1px;
      text-transform: none;
      font-weight: 400; }

.test-event-groups-form .form-instruction {
  margin-bottom: 20px; }
  .test-event-groups-form .form-instruction .boldFont {
    font-weight: bold; }

.test-event-groups-form .form-content {
  max-height: 200px;
  overflow-y: scroll;
  padding: 0px; }
  .test-event-groups-form .form-content #groups-list {
    box-shadow: none; }
    .test-event-groups-form .form-content #groups-list tbody .column {
      height: 48px; }
      .test-event-groups-form .form-content #groups-list tbody .column.group-name {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 9px 0;
        padding-left: 10px; }
        .test-event-groups-form .form-content #groups-list tbody .column.group-name.selecting-groups {
          padding-left: 0px; }
    .test-event-groups-form .form-content #groups-list tbody tr:hover {
      cursor: default;
      background: none;
      color: #666162;
      font-weight: 400; }
  .test-event-groups-form .form-content.validation-error {
    border: 1px solid #f54a49; }

.test-event-groups-form .error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #f54a49;
  position: relative;
  top: 5px;
  font-size: 12px; }
  .test-event-groups-form .error img {
    padding-right: 8px; }

#test-event-fitting-table {
  margin-bottom: 50px; }
  #test-event-fitting-table .test-event-fitting-table-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px; }
    #test-event-fitting-table .test-event-fitting-table-head > .inner {
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #test-event-fitting-table .test-event-fitting-table-head > .inner .back {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        font-weight: normal;
        text-transform: none; }
        #test-event-fitting-table .test-event-fitting-table-head > .inner .back .icon-test-event {
          margin: 0 10px 2px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
    #test-event-fitting-table .test-event-fitting-table-head:last-of-type > .inner {
      -ms-flex-pack: end;
      justify-content: flex-end; }
      #test-event-fitting-table .test-event-fitting-table-head:last-of-type > .inner .test-event-group {
        color: #A0A0A0; }
  #test-event-fitting-table .column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 48px; }
    #test-event-fitting-table .column.device-reference {
      max-width: 95%; }
  #test-event-fitting-table .selecting-test-event-fittings {
    padding-left: 0px; }
  #test-event-fitting-table .icon-back {
    cursor: pointer;
    padding: 15px 5px 15px 0; }

.metric-chart {
  width: 380px;
  height: 200px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  padding: 20px; }
  .metric-chart .metric-label.green, .metric-chart .metric-value.green {
    color: #95c11f; }
  .metric-chart .metric-label.red, .metric-chart .metric-value.red {
    color: #ba1312; }
  .metric-chart .metric-label.blue, .metric-chart .metric-value.blue {
    color: #004a99; }
  .metric-chart .chart {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    .metric-chart .chart canvas {
      height: 120px !important;
      width: 120px !important; }
  .metric-chart .metric-value {
    font-size: 32px;
    width: 120px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 40px; }

.onboarding-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-align: center;
  align-items: center; }
  .onboarding-slide img {
    height: 240px;
    width: 240px; }
  .onboarding-slide h2 {
    margin-top: 40px;
    margin-bottom: 20px;
    color: #053687;
    font-family: 'Calibri', sans-serif;
    line-height: 28px; }
  .onboarding-slide .onboarding-text {
    width: 400px;
    height: 105px;
    font-size: 16px;
    line-height: 26px;
    color: #666162;
    text-align: center; }
    .onboarding-slide .onboarding-text.wide {
      width: 450px; }
    .onboarding-slide .onboarding-text.extra-wide {
      width: 580px; }
  .onboarding-slide .skip-action {
    margin-top: 50px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }
  .onboarding-slide .button {
    font-size: 16px; }
    .onboarding-slide .button.get-started {
      padding: 0;
      margin-top: 25px;
      font-size: 16px;
      height: 50px;
      width: 380px; }
    .onboarding-slide .button.skip {
      margin-top: 30px;
      text-transform: uppercase;
      color: #A0A0A0; }

#shopping-cart-group-table {
  margin-bottom: 50px; }
  #shopping-cart-group-table .table-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px; }
    #shopping-cart-group-table .table-header > .inner {
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #shopping-cart-group-table .table-header > .inner .table-heading {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        font-weight: normal;
        text-transform: none; }
        #shopping-cart-group-table .table-header > .inner .table-heading .icon-shopping-cart {
          margin-right: 10px;
          margin-top: -2px; }
  #shopping-cart-group-table tbody .table-row {
    padding-right: 0px; }
  #shopping-cart-group-table .column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 48px; }
  #shopping-cart-group-table .is-checking-out {
    padding-left: 0px; }

#order-item-table {
  margin-bottom: 50px; }
  #order-item-table thead tr {
    cursor: default; }
  #order-item-table tbody tr:hover {
    background: none;
    cursor: default;
    color: #666162;
    font-weight: 400; }
  #order-item-table .table-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px; }
    #order-item-table .table-header > .inner {
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #order-item-table .table-header > .inner .back {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
  #order-item-table .column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 48px; }
  #order-item-table .is-deleting-order-items {
    padding-left: 0px; }
  #order-item-table .icon-back {
    cursor: pointer;
    padding: 17px 5px 13px 0; }

#fault-table .select-all-row .select-all-column.replace-all-fittings {
  min-width: 120px; }

#fault-table .select-all-row .select-all-column.replace-all-components {
  min-width: 250px; }

#fault-table .select-all-row .select-all-column.replace-all-decals {
  min-width: 110px; }

#fault-table tbody tr.order-replacement-row:hover {
  background: none;
  cursor: default;
  color: #666162;
  font-weight: 400; }

#fault-table .column.device-reference {
  width: 40%; }

#fault-table .column.replacement-fitting-option {
  min-width: 120px;
  -ms-flex-pack: center;
  justify-content: center; }

#fault-table .column.replacement-faulty-component-option {
  min-width: 250px;
  -ms-flex-pack: center;
  justify-content: center; }

#fault-table .column.replacement-decal-option {
  min-width: 110px;
  -ms-flex-pack: center;
  justify-content: center; }

#fault-table .column.row-indicator {
  width: 6px; }

.replacement-option-button {
  margin: 0 5px; }
  .replacement-option-button.hide-option {
    display: none; }
  .replacement-option-button .button {
    max-width: 98px;
    font-size: 11px;
    padding: 7px 5px; }
    .replacement-option-button .button .icon {
      margin-top: 2px;
      margin-right: 5px;
      height: 10px; }

.dropdown-menu.faults-dropdown-menu {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .dropdown-menu.faults-dropdown-menu .dropdown-menu-list {
    width: 200px;
    top: 35px;
    right: -10px;
    z-index: 5; }
    .dropdown-menu.faults-dropdown-menu .dropdown-menu-list .dropdown-menu-list-item {
      letter-spacing: 1px;
      text-transform: none;
      font-weight: 400; }

.dropdown-menu.shopping-cart-dropdown-menu {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .dropdown-menu.shopping-cart-dropdown-menu .dropdown-menu-list {
    width: 200px;
    top: 35px;
    right: -10px;
    z-index: 5; }
    .dropdown-menu.shopping-cart-dropdown-menu .dropdown-menu-list .dropdown-menu-list-item {
      letter-spacing: 1px;
      text-transform: none;
      font-weight: 400; }

.wholesaler-info-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  padding: 5px 10px;
  margin-left: -20px;
  margin-top: -20px;
  margin-right: -20px;
  margin-bottom: 10px;
  color: #fff;
  background-color: #95c11f; }
  .wholesaler-info-banner .icon {
    margin-right: 10px; }

#user-form .wholesaler-account-heading {
  margin: 20px 0; }

.fitting-info-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  color: #fff;
  background-color: #95c11f; }
  .fitting-info-banner .icon {
    margin-right: 10px; }
  .fitting-info-banner .label {
    margin: 0; }

#quick-test-modal .header-label-row {
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED; }
  #quick-test-modal .header-label-row:first-of-type {
    border-top: none; }

#quick-test-modal .form-content {
  padding: 0;
  border: 1px solid #EDEDED; }
  #quick-test-modal .form-content .row {
    padding-left: 10px;
    padding-right: 10px; }

#quick-test-modal .last-test-row {
  padding-bottom: 10px; }

.ember-power-calendar {
  width: 292px; }
  .ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="1"] {
    padding-left: 42px; }
  .ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="2"] {
    padding-left: 84px; }
  .ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="3"] {
    padding-left: 126px; }
  .ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="4"] {
    padding-left: 168px; }
  .ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="5"] {
    padding-left: 210px; }
  .ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="6"] {
    padding-left: 252px; }
  .ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="1"] {
    padding-right: 42px; }
  .ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="2"] {
    padding-right: 84px; }
  .ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="3"] {
    padding-right: 126px; }
  .ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="4"] {
    padding-right: 168px; }
  .ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="5"] {
    padding-right: 210px; }
  .ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="6"] {
    padding-right: 252px; }
  .ember-power-calendar .ember-power-calendar-day, .ember-power-calendar .ember-power-calendar-weekday {
    max-width: 40px;
    max-height: 40px;
    width: 40px;
    height: 40px; }
  .ember-power-calendar .ember-power-calendar-weekdays, .ember-power-calendar .ember-power-calendar-week {
    height: 42px;
    padding-left: 0;
    padding-right: 0; }
  .ember-power-calendar .ember-power-calendar-day {
    color: #bbb; }
  .ember-power-calendar .ember-power-calendar-weekdays {
    color: #333333; }
  .ember-power-calendar .ember-power-calendar-nav-control {
    color: #201c1d; }
    .ember-power-calendar .ember-power-calendar-nav-control:focus {
      color: #564c4e; }
  .ember-power-calendar .ember-power-calendar-day--current-month {
    color: #656D78;
    background-color: #F5F7FA; }
  .ember-power-calendar .ember-power-calendar-day--today {
    background-color: #eee; }
  .ember-power-calendar .ember-power-calendar-day:not([disabled]):hover {
    background-color: #eee; }
  .ember-power-calendar .ember-power-calendar-day--focused {
    box-shadow: inset 0px -2px 0px 0px #201c1d; }
  .ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
    background-color: #8c7c80; }
    .ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
      background-color: #8c7c80; }
  .ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
    background-color: #8c7c80; }
    .ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
      background-color: #8c7c80; }
  .ember-power-calendar .ember-power-calendar-day--selected {
    background-color: #a4979a;
    color: #656D78; }
  .ember-power-calendar .ember-power-calendar-day--selected:not([disabled]):hover {
    background-color: #a4979a;
    color: #656D78; }
  .ember-power-calendar .ember-power-calendar-day--other-month:not([disabled]):hover {
    color: #656D78; }
  .ember-power-calendar .ember-power-calendar-nav {
    height: 40px;
    -ms-flex-flow: column;
    flex-flow: column; }
    .ember-power-calendar .ember-power-calendar-nav .control-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      line-height: 0; }
    .ember-power-calendar .ember-power-calendar-nav .ember-power-calendar-nav-title {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 12px; }
      .ember-power-calendar .ember-power-calendar-nav .ember-power-calendar-nav-title.toggle-months {
        cursor: pointer; }
    .ember-power-calendar .ember-power-calendar-nav .nav-control {
      border: none;
      outline: none;
      cursor: pointer; }
  .ember-power-calendar .ember-power-calendar-days, .ember-power-calendar .ember-power-calendar-months {
    border-top: 1px solid #EDEDED; }
    .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid.months, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid.months {
      padding: 20px; }
      .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid.months .ember-power-calendar-week, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid.months .ember-power-calendar-week {
        height: 60px; }
    .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-day, .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-month, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid .ember-power-calendar-day, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid .ember-power-calendar-month {
      color: #201c1d;
      font-size: 12px;
      font-family: 'Rubik', sans-serif;
      background-color: #fff; }
      .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-day.ember-power-calendar-day--selected, .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-month.ember-power-calendar-day--selected, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid .ember-power-calendar-day.ember-power-calendar-day--selected, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid .ember-power-calendar-month.ember-power-calendar-day--selected {
        color: #fff;
        background-color: #95c11f;
        border-radius: 20px; }
      .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-day.ember-power-calendar-day--focused, .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-month.ember-power-calendar-day--focused, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid .ember-power-calendar-day.ember-power-calendar-day--focused, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid .ember-power-calendar-month.ember-power-calendar-day--focused {
        box-shadow: none; }
    .ember-power-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-month, .ember-power-calendar .ember-power-calendar-months .ember-power-calendar-day-grid .ember-power-calendar-month {
      width: 60px;
      height: 60px; }

.calendar-container {
  height: auto !important;
  padding: 15px;
  background: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 2px;
  z-index: 20; }

#disabled-form-input .label {
  color: #D0D0D0; }

#disabled-form-input input {
  color: #C2C2C2; }