@charset "UTF-8";
html, body {
  padding: 0;
  margin: 0;
  font: 14px proxima-nova, sans-serif;
  background-color: #F2F2F2;
}
@media print {
  html, body {
    background-color: white;
    font: 12px proxima-nova, sans-serif;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

p {
  font-size: 14px;
  font-weight: 400;
}

*::-moz-focus-inner {
  border: 0;
}

/* Uncomment and set these variables to customize the grid. */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

.row--tiny .col-xs,
.row--tiny .col-xs-1,
.row--tiny .col-xs-2,
.row--tiny .col-xs-3,
.row--tiny .col-xs-4,
.row--tiny .col-xs-5,
.row--tiny .col-xs-6,
.row--tiny .col-xs-7,
.row--tiny .col-xs-8,
.row--tiny .col-xs-9,
.row--tiny .col-xs-10,
.row--tiny .col-xs-11,
.row--tiny .col-xs-12 {
  padding-right: 5px;
  padding-left: 5px;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }

  .col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
/* *
 * * * selectize.css (v0.12.6)
 * * * Copyright (c) 2013–2015 Brian Reavis & contributors
 * * *
 * * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * * * file except in compliance with the License. You may obtain a copy of the License at:
 * * * http://www.apache.org/licenses/LICENSE-2.0
 * * *
 * * * Unless required by applicable law or agreed to in writing, software distributed under
 * * * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * * * ANY KIND, either express or implied. See the License for the specific language
 * * * governing permissions and limitations under the License.
 * * *
 * * * @author Brian Reavis <brian@thirdroute.com> */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control {
  position: relative;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 32px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.15);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.selectize-dropdown {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 6px 6px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled {
  cursor: default !important;
}
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 5px 5px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
  border-radius: 5px;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 5px 5px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .option, .selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-disabled] {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input {
  cursor: pointer;
}
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active {
  cursor: text;
}
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-input.not-full > input {
  width: auto !important;
}

header.header {
  width: 100%;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 400;
}
header.header .header--width {
  max-width: 1300px;
}
header.header .header__container {
  margin: 0 auto;
}
header.header .header__top {
  background-color: #FFC421;
  padding: 7px;
  font-size: 11px;
  color: #FFF;
}
header.header .header__top a {
  color: #FFF;
}
header.header .header__top a:hover {
  text-decoration: none;
}
header.header .header__top .header__links a:not(:first-child), header.header .header__top .header__links span:not(:first-child), header.header .header__top .header__contact a:not(:first-child), header.header .header__top .header__contact span:not(:first-child) {
  padding-left: 10px;
}
header.header .header__top .header__links a:not(:last-child), header.header .header__top .header__links span:not(:last-child), header.header .header__top .header__contact a:not(:last-child), header.header .header__top .header__contact span:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid;
}
header.header .header__top .header__contact {
  padding: 7px;
}
header.header .header__main {
  background-color: white;
}
header.header .header__main .header__logo {
  padding: 15px 15px 15px 0;
}
@media screen and (max-width: 800px) {
  header.header .header__main .header__logo {
    text-align: center;
    padding: 11px;
  }
}
header.header .header__main .header__logo img {
  max-width: 100%;
}

.navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.navigation ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
  text-align: right;
}
.navigation ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #2D2D2D;
}
.navigation ul li a:hover {
  color: #9c9c9c;
}
.navigation ul li:not(:last-child) {
  margin-right: 50px;
}

@media screen and (max-width: 499px) {
  .navigation--page ul {
    text-align: center;
  }
}
@media screen and (max-width: 499px) {
  .navigation--page ul li {
    margin: 0 !important;
    text-align: center;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
  }
}

@media screen and (max-width: 499px) {
  .navigation--header ul {
    text-align: center;
  }
}
@media screen and (max-width: 499px) {
  .navigation--header ul li {
    margin: 0 !important;
    width: 18%;
    text-align: center;
    padding: 5px 0 15px 0;
    font-size: 12px;
  }
}

.box--center {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}
@media print {
  .box--center {
    padding: 0 0;
    max-width: none;
  }
}

.box--small {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.block {
  background-color: white;
  -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 20px;
  position: relative;
}
@media print {
  .block {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 7px 0px;
  }
}
.block .block__title {
  margin: 10px 0;
}
.block .block__title h1 {
  font-size: 22px;
  font-weight: 300;
  margin: 0;
}
.block .block__title h2 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.block .block__title h5 {
  font-size: 11px;
  font-weight: 300;
  margin: 0;
}
.block .block__title--underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #d7d7d7;
}
.block .block__content, .block .block__body {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-weight: normal;
  margin: 13px 0;
}
.block .block__content:not(:last-child), .block .block__body:not(:last-child) {
  border-bottom: 1px solid #c6c6c6;
}
.block .block__icons {
  position: absolute;
  top: 18px;
  right: 20px;
}
.block .block__icons a {
  color: #000;
  text-decoration: none;
}
.block .block__footer {
  padding-bottom: 15px;
}
.block .block__footer p {
  margin: 0;
  font-size: 11px;
  color: #73767b;
}
.block .block__image {
  margin: -7px -20px 0 -20px;
}
.block .block__image img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.block--top-margin, .alert--top-margin {
  margin-top: 30px !important;
}

@media screen and (max-width: 800px) {
  .block--pocket-top-margin {
    margin-top: 30px !important;
  }
}
.block--s-top-margin {
  margin-top: 15px !important;
}

.block--no-padding {
  padding: 0 !important;
}

.block--no-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.block--dark {
  background: #2a2c2e;
  color: white !important;
}
.block--dark * {
  color: white !important;
}

.block--zoom {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transorm 0.2s;
  -moz-transition: transorm 0.2s;
  -ms-transition: transorm 0.2s;
  -o-transition: transorm 0.2s;
  transition: transorm 0.2s;
}

.flex {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .flex--desk {
    display: block;
  }
}

@media screen and (max-width: 499px) {
  .flex--portable {
    display: block;
  }
}

.flex--justify-center {
  justify-content: center;
}

.flex--justify-between {
  justify-content: space-between;
}

.flex--align-center {
  align-items: center;
}

.d-print-only {
  display: none;
}

@media print {
  .d-no-print {
    display: none !important;
  }

  .d-print-only {
    display: block !important;
  }
}
.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.mlauto {
  margin-left: auto !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mrauto {
  margin-right: auto !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.button {
  text-decoration: none;
  display: inline-block;
  padding: 7px 15px;
  background-color: #FFC421;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-box-shadow: 0 3px 7px 0 rgba(61, 61, 61, 0.35);
  -moz-box-shadow: 0 3px 7px 0 rgba(61, 61, 61, 0.35);
  box-shadow: 0 3px 7px 0 rgba(61, 61, 61, 0.35);
  transition: all 0.2s ease-in-out;
  border: none;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  cursor: pointer;
}
.button:hover {
  background-color: #ffbd08;
  -webkit-box-shadow: 0 3px 10px 0 rgba(48, 48, 48, 0.35);
  -moz-box-shadow: 0 3px 10px 0 rgba(48, 48, 48, 0.35);
  box-shadow: 0 3px 10px 0 rgba(48, 48, 48, 0.35);
}
.button:active {
  background-color: #ffcb3b;
  -webkit-box-shadow: 0 3px 10px 0 rgba(74, 74, 74, 0.35);
  -moz-box-shadow: 0 3px 10px 0 rgba(74, 74, 74, 0.35);
  box-shadow: 0 3px 10px 0 rgba(74, 74, 74, 0.35);
}

.button--small {
  padding: 5px 10px;
  margin-bottom: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3.5px 0 rgba(61, 61, 61, 0.35);
  -moz-box-shadow: 0 1px 3.5px 0 rgba(61, 61, 61, 0.35);
  box-shadow: 0 1px 3.5px 0 rgba(61, 61, 61, 0.35);
}
.button--small:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(48, 48, 48, 0.35);
  -moz-box-shadow: 0 1px 2px 0 rgba(48, 48, 48, 0.35);
  box-shadow: 0 1px 2px 0 rgba(48, 48, 48, 0.35);
}
.button--small:active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(74, 74, 74, 0.35);
  -moz-box-shadow: 0 1px 2px 0 rgba(74, 74, 74, 0.35);
  box-shadow: 0 1px 2px 0 rgba(74, 74, 74, 0.35);
}

.button--tiny {
  padding: 3px 8px;
  font-size: 11px;
  margin-bottom: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3.5px 0 rgba(61, 61, 61, 0.35);
  -moz-box-shadow: 0 1px 3.5px 0 rgba(61, 61, 61, 0.35);
  box-shadow: 0 1px 3.5px 0 rgba(61, 61, 61, 0.35);
}
.button--tiny:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(48, 48, 48, 0.35);
  -moz-box-shadow: 0 1px 2px 0 rgba(48, 48, 48, 0.35);
  box-shadow: 0 1px 2px 0 rgba(48, 48, 48, 0.35);
}
.button--tiny:active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(74, 74, 74, 0.35);
  -moz-box-shadow: 0 1px 2px 0 rgba(74, 74, 74, 0.35);
  box-shadow: 0 1px 2px 0 rgba(74, 74, 74, 0.35);
}

.button--blue {
  background-color: #1e87f0;
}
.button--blue:hover {
  background-color: #0f7ae5;
}
.button--blue:active {
  background-color: #3694f2;
}
.button--blue:disabled {
  background-color: #666666;
  cursor: default;
}

.button--red {
  background-color: #ce2525;
}
.button--red:hover {
  background-color: #b82121;
}
.button--red:active {
  background-color: #da3232;
}
.button--red:disabled {
  background-color: #666666;
  cursor: default;
}

.button--gray {
  background-color: #5d5d5d;
}
.button--gray:hover {
  background-color: #505050;
}
.button--gray:active {
  background-color: #6a6a6a;
}

.button--light {
  background-color: #ffffff;
  color: #000;
}
.button--light:hover {
  background-color: #f2f2f2;
}
.button--light:active {
  background-color: white;
}

.button--secondary {
  background-color: #e6e6e6;
  color: #000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button--secondary:hover {
  background-color: #d9d9d9;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button--secondary:active {
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.button--flat {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button--flat:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button--flat:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.button--full-width {
  display: block;
  width: 100%;
  text-align: center;
}

.button__lookup {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
  width: 19px;
  height: 19px;
  border-radius: 3pt;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border: 0.5px solid #dadada;
}
.button__lookup:hover {
  background: #e7e7e7;
}

.footer {
  background-color: #2a2c2e;
  color: white;
  padding: 10px 0 30px 0;
  margin-top: 40px;
}
.footer .footer__container {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 499px) {
  .footer .footer__container {
    padding: 0 20px;
  }
}
.footer .footer__container a {
  color: #FFF;
}
.footer .footer__container .footer__title h1 {
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 499px) {
  .footer .footer__container .footer__title h1 {
    font-size: 14px;
    margin-top: 20px;
  }
}
.footer .footer__container .footer__body {
  text-align: center;
}
@media screen and (max-width: 499px) {
  .footer .footer__container .footer__body {
    font-size: 12px !important;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}

h1 {
  margin: 10px 0;
  padding: 0;
}

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

.text-center {
  text-align: center;
}

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

.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.page_title {
  font-weight: 400;
  margin: 10px 0;
}

.text--no-decoration {
  text-decoration: none;
  color: #000;
}

.text--monospace {
  font-family: Consolas, "Courier New", monospace;
}

code {
  display: inline-block;
  padding: 2px 6px;
  background: #f4f4f4;
  color: #000000;
  border-radius: 3px;
  border: 1px dashed #c1c1c1;
  font-size: 0.9rem;
}

pre code {
  width: 100%;
  padding: 12px;
}

blockquote {
  border-left: 3px solid #FFC421;
  font-size: 0.9rem;
}
blockquote p {
  padding-left: 15px;
  font-size: 0.9rem;
}

.circle--icon {
  border-radius: 50%;
  height: 48px;
  width: 48px;
  background-color: #FFC421;
  font-size: 22px;
  color: white;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -24px;
}

.heading__title {
  font-weight: 400;
  font-size: 34px;
  margin-bottom: 0;
}

.heading__subtitle {
  margin-top: 5px;
  font-size: 16px;
  color: #5d5d5d;
}

.telenet__heading {
  font-family: "bloomSpeakTitleUltraHeavy", sans-serif;
}

[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  bottom: -24px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 5px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  white-space: nowrap;
  z-index: 100;
}
[data-title]:hover::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  display: inline-block;
  color: #fff;
  border: 8px solid transparent;
  border-bottom: 8px solid #000;
  z-index: 100;
}

.form__group {
  margin: 20px 0;
}

.form__group--compact {
  margin: 7px 0;
}

.form__label {
  font-weight: bold;
  display: block;
  width: 100%;
}

optgroup:before {
  font-style: normal;
}

#sales option {
  color: #000;
  background: #FFF;
}
#sales option:checked {
  color: #000 !important;
  background: #FFF !important;
}

.form__input {
  max-width: 100%;
  width: 100%;
  padding: 10px 10px;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
  transition: 0.2s ease-in-out;
  transition-property: all;
  vertical-align: middle;
  display: inline-block;
  margin: 5px 0;
  border-radius: 5px;
}
.form__input:focus {
  outline: none;
  background-color: #fff;
  color: #666;
  border-color: #1e87f0;
}
@media print {
  .form__input {
    padding: 0;
    margin: 0;
    border: none;
  }
}
.form__input:disabled {
  background: #dddddd;
}

select.form__input {
  padding: 9px 10px;
}

.form__input--compact {
  padding: 5px;
  font-size: 0.9rem;
}

select.form__input--compact {
  padding: 4px 5px;
}

.form__input--positive {
  border-color: #44be00 !important;
  background: rgba(68, 190, 0, 0.15) !important;
}

.form__input--negative {
  border-color: #be232b !important;
  background: rgba(190, 35, 43, 0.15) !important;
}

.form__no-style {
  max-width: 100%;
  width: 100%;
  padding: 0;
  background: #fff;
  color: #666;
  border: none;
  display: inline-block;
  margin: 0;
}
.form__no-style option {
  padding: 0;
}

.form__scale {
  padding: 5px 0;
  margin: 7px 0;
}
.form__scale span input {
  position: fixed;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form__scale span input:checked + label {
  background-color: #1e87f0;
  color: #ffffff;
}
.form__scale span label {
  background: #fff;
  display: inline-block;
  color: #666;
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  border-radius: 2px;
  margin: 5px 5px 5px 0;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.form__scale span:hover label {
  border: 1px solid #1e87f0;
}
.form__scale span.form__scale--green label {
  color: green;
}
.form__scale span.form__scale--green input:checked + label {
  background-color: green;
  color: #ffffff;
}
.form__scale span.form__scale--green:hover label {
  border: 1px solid green;
}
.form__scale span.form__scale--orange label {
  color: orange;
}
.form__scale span.form__scale--orange input:checked + label {
  background-color: orange;
  color: #ffffff;
}
.form__scale span.form__scale--orange:hover label {
  border: 1px solid orange;
}
.form__scale span.form__scale--red label {
  color: red;
}
.form__scale span.form__scale--red input:checked + label {
  background-color: red;
  color: #ffffff;
}
.form__scale span.form__scale--red:hover label {
  border: 1px solid red;
}

.form__input--header {
  margin: -10px 0 -10px 10px;
  border-radius: 2pt;
  border: none;
  padding: 5px 10px;
  width: 200px;
  opacity: 0.7;
  transition: all 0.3s;
}
.form__input--header:hover {
  opacity: 1;
}
.form__input--header:focus {
  opacity: 1;
  width: 350px;
}

.select {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 5px 0 0 0;
  border: 1px solid #bbbbbb;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  transition: all 0.15s ease-in-out;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.select::-ms-expand {
  display: none;
}
.select:hover {
  border-color: #606060;
}
.select:focus {
  color: #222;
  outline: none;
  border-color: #4b8cc8;
}
.select option {
  font-weight: normal;
}

.alert {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  background-color: #dadada;
  border: 1px solid #a7a7a7;
}

.alert--info {
  color: #31708f;
  background-color: #d9edf7;
  border: 1px solid #85c5e5;
}

.alert--warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px solid #f2e187;
}

.alert--positive {
  color: #2b6b31;
  background-color: #ebffeb;
  border: 1px solid #85ff85;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: none;
}
table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
table tr:not(:first-child), table :not(:first-child) > tr, table :first-child > tr:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}
table td {
  padding: 8px 5px;
  vertical-align: middle;
}
table th {
  padding: 8px 5px;
  text-align: left;
  vertical-align: bottom;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
}

table.calendar {
  text-align: center;
}
table.calendar tr:not(:first-child), table.calendar :not(:first-child) > tr, table.calendar :first-child > tr:not(:first-child) {
  border-top: none;
}
table.calendar td {
  padding: 15px 8px;
  vertical-align: middle;
}
table.calendar th {
  padding: 8px 5px;
  text-align: center;
  vertical-align: bottom;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
}

table.table--big td {
  padding: 16px 12px;
}
table.table--big th {
  padding: 16px 12px;
}

th[role=columnheader]:not(.no-sort) {
  cursor: pointer;
}
th[role=columnheader]:not(.no-sort):after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #404040 transparent;
  visibility: hidden;
  opacity: 0;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
th[aria-sort=ascending]:not(.no-sort):after {
  border-bottom: none;
  border-width: 4px 4px 0;
}
th[aria-sort]:not(.no-sort):after {
  visibility: visible;
  opacity: 0.4;
}
th[role=columnheader]:not(.no-sort):hover:after {
  visibility: visible;
  opacity: 1;
}

.table--responsive {
  display: block;
  overflow-x: auto;
}
.table--responsive td, .table--responsive th {
  white-space: nowrap;
}

.striped-red {
  background-image: repeating-linear-gradient(55deg, #e60000, #e60000 10px, #cc0000 10px, #cc0000 20px);
  color: #FFFFFF;
}

.striped-green {
  background-image: repeating-linear-gradient(-55deg, #006700, #006700 10px, #004d00 10px, #004d00 20px);
  color: #FFFFFF;
}

.bordered-green {
  border: 2px green solid;
}

.white {
  color: #FFFFFF !important;
}

.gray {
  color: #5d5d5d;
}

.gray--light {
  color: #878787;
}

.red {
  color: red;
}

.green {
  color: #44be00;
}

.orange {
  color: orange;
}

.cursor--pointer {
  cursor: pointer;
}

.hover--shadow {
  transition: box-shadow 0.2s ease-in-out;
}
.hover--shadow:hover {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.hover--underline {
  transition: text-decoration 0.1s ease-in-out;
}
.hover--underline:hover {
  text-decoration: underline !important;
}

.hover--opacity {
  opacity: 0.6;
  transition: opacity 0.1s ease-in-out;
}
.hover--opacity:hover {
  opacity: 1;
}

.hover--border {
  border: 1px solid #bfbfbf;
  transition: border 0.3s ease-in-out;
}
.hover--border:hover {
  border: 1px solid #3b3b3b;
}

.hover--grayscale {
  filter: gray;
  -webkit-filter: grayscale(1);
  transition: filter 0.2s ease-in-out;
}
.hover--grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

.badge {
  box-sizing: border-box;
  padding: 3px 5px;
  border-radius: 500px;
  vertical-align: center;
  background: #1e87f0;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  line-height: 0.9rem;
}

.square {
  font-size: 0.75em;
  margin-right: 5px;
}

.square--blue {
  color: #4da1ff;
}

.square--yellow {
  color: #ffd012;
}

.square--red {
  color: #ff5959;
}

.square--green {
  color: #3ea72f;
}

.square--orange {
  color: #ff9425;
}

.badge--secondary {
  background: #e6e6e6;
  color: #2a2c2e;
}

.badge--blue {
  background: #00ace5;
}

.badge--orange {
  background: #ff6f00;
}

.badge--yellow {
  background: #ffd012;
}

.badge--red {
  background: #e7000e;
}

.badge--green {
  background: #3ea72f;
}

.badge--circle {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 18px;
  height: 18px;
  border: 4px solid white;
  border-radius: 50%;
}

.image--responsive {
  max-width: 100%;
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
}

[class^=ribbon] {
  position: relative;
  margin-bottom: 80px;
}
[class^=ribbon]:before, [class^=ribbon]:after {
  content: "";
  position: absolute;
}

.ribbon {
  width: 60px;
  height: 100px;
  background: #ee583a;
  top: -6px;
  left: 25px;
}
.ribbon:before {
  height: 0;
  width: 0;
  border-bottom: 6px solid #ca3011;
  border-right: 6px solid transparent;
  right: -6px;
}
.ribbon:after {
  height: 0;
  width: 0;
  border-left: 30px solid #ee583a;
  border-right: 30px solid #ee583a;
  border-bottom: 30px solid transparent;
  bottom: -30px;
}

.pagination {
  display: inline-block;
}
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 5px;
}
.pagination a.active {
  background-color: #FFC421;
  color: white;
  -webkit-box-shadow: 0 5px 7px 0 #cccccc;
  -moz-box-shadow: 0 5px 7px 0 #cccccc;
  box-shadow: 0 5px 7px 0 #cccccc;
}
.pagination a:hover:not(.active) {
  background-color: white;
  -webkit-box-shadow: 0 5px 7px 0 #cccccc;
  -moz-box-shadow: 0 5px 7px 0 #cccccc;
  box-shadow: 0 5px 7px 0 #cccccc;
}

.tasks__list {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
}
.tasks__list .tasks__list-item {
  margin: 0;
  padding: 0;
}
.tasks__list .tasks__list-item .tasks__label {
  padding: 5px 7px 5px 7px;
  display: block;
  margin: 5px 0;
  border-radius: 2pt;
  position: relative;
  cursor: pointer;
}
.tasks__list .tasks__list-item .tasks__label:hover {
  background-color: #f6f6f6;
}
.tasks__list .tasks__list-item .tasks__label input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0 10px 0 0;
  vertical-align: bottom;
  position: relative;
  top: -2px;
  overflow: hidden;
}

.nav__list {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
}
.nav__list .nav__list--item {
  margin: 0;
  padding: 0;
}
.nav__list .nav__list--item .nav__list--active {
  background-color: #f6f6f6;
}
.nav__list .nav__list--item .nav__list--label {
  padding: 5px 7px 5px 7px;
  display: block;
  margin: 5px 0;
  border-radius: 2pt;
  position: relative;
  cursor: pointer;
  color: black;
  text-decoration: none;
}
.nav__list .nav__list--item .nav__list--label:hover {
  background-color: #f6f6f6;
}
.nav__list .nav__list--item .nav__list--label .nav__list--icon {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0 10px 0 0;
  vertical-align: bottom;
  overflow: hidden;
}

.block--dark .nav__list--item .nav__list--label:hover {
  background-color: #404245;
}

.product__list {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
}
.product__list .product__list-item {
  padding: 5px 7px 5px 7px;
  display: block;
  margin: 5px 0;
  border-radius: 2pt;
  position: relative;
  cursor: pointer;
  background-color: #f6f6f6;
}
.product__list .product__list-item:hover {
  background-color: #f1f1f1;
}

.cart {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
}
.cart .cart__list-item {
  padding: 5px 7px 5px 7px;
  display: block;
  margin: 5px 0;
  border-radius: 2pt;
  position: relative;
  cursor: pointer;
  background-color: #f6f6f6;
}
.cart .cart__list-item:hover {
  background-color: #f1f1f1;
}

.history__list {
  padding: 0;
  margin: 5px 0 0 0;
  list-style: none;
  height: 250px;
  overflow-y: auto;
}
.history__list .history__list-item {
  margin: 0;
  padding: 13px 0 13px 0;
  border-bottom: 1px solid #c0c0c0;
}
.history__list .history__list-item:last-child {
  border-bottom: none;
  padding: 13px 0 0 0;
}
.history__list .history__list-item:first-child {
  padding: 0 0 13px 0;
}
.history__list .history__list-item .history__image {
  width: 30px;
  height: 30px;
}
.history__list .history__list-item .history__description {
  display: block;
}
.history__list .history__list-item .history__time {
  color: #000;
  font-size: 12px;
}
.history__list .history__list-item .history__link a {
  color: #000;
  font-size: 12px;
}
.history__list .history__list-item .history__link a:hover {
  text-decoration: none;
}

.submenu {
  background-color: #222324;
}
.submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.submenu ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.submenu ul li a {
  display: inline-block;
  padding: 11px 0;
  color: white;
  text-decoration: none;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-right: 30px;
  font-size: 0.9rem;
}
.submenu ul li label {
  display: inline-block;
  padding: 11px 0;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-right: 5px;
  font-size: 0.9rem;
}
.submenu ul li input {
  display: inline-block;
  padding: 2px 0;
  color: white;
  text-decoration: none;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.93rem;
  background: transparent;
  border: none;
  margin: 5px 30px 4px 0;
  width: 160px;
}
.submenu ul li input::-webkit-calendar-picker-indicator {
  color: transparent;
  opacity: 1;
  display: block;
  background: url(../images/calendar-alt-light.svg) no-repeat;
  width: 12px;
  height: 12px;
  margin-top: -4px;
}

.ticket__item[data-state="3"] .ticket__subject {
  color: #999999;
}
.ticket__item[data-state="3"] .ticket__subject a {
  color: #999999;
  text-decoration: line-through #8E8E8E;
}
.ticket__item[data-state="3"] .ticket__customer {
  color: #999999;
}
.ticket__item[data-state="3"] .ticket__underline {
  color: #999999;
}

.ticket__left {
  display: flex;
  align-items: center;
  height: 75px;
}
.ticket__left .ticket__customer {
  color: #636363;
}
.ticket__left .ticket__subject {
  font-size: 16px;
  padding-bottom: 3px;
}
.ticket__left .ticket__subject a {
  font-weight: 600;
  text-decoration: none;
  color: #000;
}
.ticket__left .ticket__subject a:hover {
  color: #535353;
}
.ticket__left .ticket__underline {
  color: #636363;
}

.its__comment {
  background-color: #fdfdfd;
  border-radius: 5px;
  margin: 0 0 20px 0;
  border: 1px solid #d8d8d8;
  padding: 7px 10px;
}
.its__comment:last-child {
  margin: 0;
}
.its__comment .its__comment--header {
  padding: 10px;
  border-bottom: 1px solid #d8d8d8;
}
.its__comment .its__comment--content {
  padding: 0 10px;
}

.ticket__icon_container {
  width: 30px;
  height: 30px;
  margin-right: 15px;
  margin-left: -5px;
  position: relative;
}
.ticket__icon_container .ticket__icon {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  color: white;
  font-size: 16px;
}

.ticket__title {
  font-size: 16px;
  padding-bottom: 3px;
}

.kb__category .kb__category--title {
  padding: 10px;
  font-size: 16px;
}
.kb__category .kb__category--title i {
  margin-right: 10px;
}
.kb__category .kb__folders ul {
  list-style: circle;
}
.kb__category .kb__folders ul li {
  padding: 5px;
}
.kb__category .kb__folders ul li a {
  text-decoration: none;
  color: #0066cc;
}
.kb__category .kb__folders ul li a:hover {
  color: #004080;
}

.kb__articles .kb__articles--list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kb__articles .kb__articles--list .kb__articles--list-item {
  margin: 0;
  padding: 7px;
}
.kb__articles .kb__articles--list .kb__articles--list-item:not(:last-child) {
  border-bottom: 1px solid #9c9c9c;
}

.kb__articles--title {
  display: block;
}
.kb__articles--title a {
  text-decoration: none;
  color: #0066cc;
}
.kb__articles--title a:hover {
  color: #004080;
}

.kb__articles--under {
  display: block;
  color: #939393;
}

.queue__value {
  font-size: 60px;
  font-family: "filson-soft", sans-serif;
  font-weight: 600;
  text-align: center;
}

.queue__actions {
  padding: 5px 0 10px 0;
}
.queue__actions .queue__actions--button {
  color: #000;
  text-decoration: none;
  font-size: 24px;
  display: block;
  text-align: center;
  transition: color 0.3s;
  cursor: pointer;
}
.queue__actions .queue__actions--button:hover {
  color: #8b8b8b;
}

.queue__actions--extra {
  color: #8b8b8b;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
}
.queue__actions--extra:hover {
  color: #000;
}

.hero {
  background: #f89a23;
  background: linear-gradient(45deg, #f89a23 0%, #ffcc33 100%);
}

.hero--small {
  min-height: 150px;
}

.hero--telenet {
  background: #ffc421;
  background: linear-gradient(45deg, #ffc421 0%, #f4bb1d 100%);
  color: #242424;
}

.hero__menu {
  margin-top: -40px;
}
.hero__menu .hero__menu--title {
  margin: 7px 0 5px 0;
}
.hero__menu .hero__menu--subtitle {
  margin: 3px 0 7px;
  color: #5d5d5d;
}
.hero__menu .hero__menu--icon {
  margin: 10px 0 0 5px;
  text-align: center;
  color: #5d5d5d;
}

.hero__banner {
  position: relative;
}
.hero__banner .hero__banner--background {
  background: #ce2525;
  background: linear-gradient(45deg, #ce2525 0%, #ac1616 100%);
  height: 100%;
  transform: skewY(-2deg);
  transform-origin: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}
.hero__banner .hero__banner--content {
  position: relative;
  z-index: 1;
  padding-top: 80px;
  margin-top: 100px;
  padding-bottom: 130px;
}

.hero__banner--telenet .hero__banner--background {
  background: #ffc421 !important;
  background: linear-gradient(45deg, #ffc421 0%, #f4bb1d 100%) !important;
}

.hero__icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #efb31a;
  font-size: 1.7em;
}

.calendar .calendar__date {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 18px;
}
.calendar .calendar__row {
  padding: 5px 0;
}
.calendar .calendar__row .col-xs {
  padding-right: 5px;
  padding-left: 5px;
}
.calendar .calendar__row .col-xs:last-child {
  padding-right: 1rem;
}
.calendar .calendar__name {
  display: block;
  padding: 12px 5px;
}

.calendar__day {
  text-decoration: none;
  color: #4b4b4b;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  display: block;
  font-size: 10px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11);
  background: #f5f5f5;
  transition: all 0.3s ease-in-out;
}
.calendar__day:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11);
  border: 1px solid #c3c3c3;
}
.calendar__day .calendar__status--code {
  display: block;
  font-size: 16px;
}
.calendar__day .calendar__status--description {
  display: block;
  color: #3b3b3b;
}
.calendar__day[data-status=A] {
  background: #68d391;
  border: 1px solid #48bb78;
  color: #276749;
}
.calendar__day[data-status=A]:hover {
  background: #9ae6b4;
  border: 1px solid #68d391;
}
.calendar__day[data-status=V] {
  background: #ecc94b;
  border: 1px solid #d69e2e;
  color: #b7791f;
}
.calendar__day[data-status=V]:hover {
  background: #f6e05e;
  border: 1px solid #ecc94b;
}
.calendar__day[data-status=Z] {
  background: #f56565;
  border: 1px solid #c53030;
  color: #742a2a;
}
.calendar__day[data-status=Z]:hover {
  background: #fc8181;
  border: 1px solid #e53e3e;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #969696;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.progress {
  background-color: #efefef;
  border-radius: 5px;
  border: 0.5px solid #d7d7d7;
}
.progress > div {
  background-color: #676767;
  width: 40%;
  height: 7px;
  border-radius: 10px;
}

.progress--green > div {
  background-color: #3ea72f;
}

.progress--orange > div {
  background-color: #ff9425;
}

.progress--red > div {
  background-color: #ff5959;
}

.progress--yellow > div {
  background-color: #ffd012;
}

@media screen and (max-width: 800px) {
  .hide__mobile {
    display: none;
  }
}
a {
  color: inherit;
}

/*# sourceMappingURL=layout.css.map */