@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500");
.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch; }

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out, -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop.in {
  opacity: 0.85; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-header::after {
  content: "";
  display: table;
  clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer::after {
  content: "";
  display: table;
  clear: both; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 544px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto; }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px; } }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than whats here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is activated.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only scrollable top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than whats here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  -moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker dont reach the holder.
 */
.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  -moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  background-color: transparent;
  text-align: center;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #1cd6e7;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #d4d4d4; }

.picker__day--highlighted {
  border-color: #1cd6e7; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #d4d4d4; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #1cd6e7;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  color: #313439;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #1cd6e7;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: auto;
  padding: 0; }

/* .bx-wrapper img {
	display: block;
} */
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(/img/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(/img/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url(/img/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover {
  background-position: 0 0; }

.bx-wrapper .bx-next:hover {
  background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 27%;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 10;
  display: none; }

@media (max-width: 991px) {
  .bx-wrapper:hover .bx-controls-direction a {
    display: block; } }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/*
Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 2px solid #e5eaed;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%); }

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0; }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #e5eaed;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto; }

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 2px solid #e5eaed;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 2px solid #e5eaed;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border-color: #66afe9;
  outline: 0;
  border-top: none; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-color: #66afe9;
  outline: 0; }

.select2-drop-auto-width {
  border-top: 2px solid #e5eaed;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 2px solid #e5eaed;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%); }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 2px solid #e5eaed;
  border-radius: 4px 0 0 4px; }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("select2.png") no-repeat 0 1px; }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px; }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-size: 1em;
  border: 2px solid #e5eaed;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url("select2.png") no-repeat 100% -22px;
  background: url("select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url("select2.png") no-repeat -37px -22px;
  background: url("select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-search input.select2-active {
  background: #fff url("/img/select2-spinner.gif") no-repeat 100%;
  background: url("/img/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("/img/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/img/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/img/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border-color: #66afe9;
  outline: 0; }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-color: #66afe9;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px; }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px; }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  padding: 14px 7px 14px;
  margin: 0;
  cursor: pointer;
  border-top: solid 1px #d4d4d4;
  min-height: 1em;
  text-transform: uppercase;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px; }

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px; }

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px; }

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px; }

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px; }

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px; }

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px; }

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  display: list-item;
  padding: 14px 7px 14px; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url("/img/select2-spinner.gif") no-repeat 100%; }

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2); }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 2px solid #e5eaed;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); }

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px; }

.select2-container-multi .select2-choices {
  min-height: 26px; }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("/img/select2-spinner.gif") no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 9px 15px 9px 25px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 2px solid #e5eaed;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #f0f0f0), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #f0f0f0 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #f0f0f0 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #f0f0f0 52%, #eee 100%); }
  .select2-container-multi .select2-choices .select2-search-choice.select2-locked {
    border-radius: 16px;
    background: #adabab;
    color: #fff;
    box-shadow: none;
    border: none;
    padding-left: 15px;
    text-transform: uppercase; }

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4; }

.select2-search-choice-close {
  display: block;
  width: 16px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("/img/plugins/select2/ico-delete.svg") no-repeat;
  background-size: auto 100%; }

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px; }

.select2-container-multi .select2-search-choice-close {
  left: 3px; }

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  /*background-position: right -11px;*/ }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  /*background-position: right -11px;*/ }

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url("/img/plugins/select2/ico-delete.svg") !important; }
  .select2-search input {
    background-position: 100% -21px !important; } }

/*
	select2 overwrites
	TP
*/
ul.select2-choices input[type="text"] {
  width: 100% !important; }

.select2-container {
  width: 100% !important;
  border-radius: 4px; }

.select2-container-multi .select2-choices {
  min-height: 34px; }

.form-group--input ul.select2-choices li {
  height: auto !important; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 1px solid #676b72;
  background: white; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden; }

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }

.slick-track:after,
.slick-track:before {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*# sourceMappingURL=slick.min.css.map */
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.99; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "Kube";
    font-size: 40px;
    line-height: 1;
    color: #ffffff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #ff7200;
    border-radius: 50%;
    padding-bottom: 5px; }

.slick-prev {
  left: -41px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: -21px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 0.99; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "Kube";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

html {
  box-sizing: border-box; }

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

* {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-overflow-scrolling: touch; }

img,
video,
audio {
  max-width: 100%; }

img,
video {
  height: auto; }

svg {
  max-height: 100%; }

iframe {
  border: none; }

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

input[type="radio"],
input[type="checkbox"] {
  vertical-align: middle;
  position: relative;
  bottom: 0.15rem;
  font-size: 115%;
  margin-right: 3px; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

html,
body {
  font-size: 14px;
  line-height: 20px;
  height: 100%; }

@media (max-width: 767px) {
  html {
    font-size: 85%; } }

body {
  font-family: "Montserrat", sans-serif;
  color: #313439;
  background-color: transparent; }

a {
  color: #1cd6e7; }

h1.title, h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #0d0d0e;
  text-rendering: optimizeLegibility;
  margin-bottom: 16px;
  text-transform: uppercase; }
  h1.title + .collapse-screen, h1 + .collapse-screen, h2 + .collapse-screen, h3 + .collapse-screen, h4 + .collapse-screen, h5 + .collapse-screen, h6 + .collapse-screen {
    margin-top: 0; }

h1.title {
  font-size: 60px;
  line-height: 64px;
  margin-bottom: 8px; }

h1,
.h1 {
  font-size: 33px;
  line-height: 42px; }
  @media (max-width: 575px) {
    h1,
    .h1 {
      font-size: 27px;
      line-height: 27px; } }

h2,
.h2 {
  font-size: 24px;
  line-height: 27px; }
  @media (max-width: 575px) {
    h2,
    .h2 {
      font-size: 21px;
      line-height: 21px; } }
  h2 span,
  .h2 span {
    font-size: 17px;
    text-transform: capitalize; }
    @media (max-width: 767px) {
      h2 span,
      .h2 span {
        display: block; } }
  h2 + .content-wrapper,
  .h2 + .content-wrapper {
    padding-top: 0 !important; }
  h2 .button,
  .h2 .button {
    margin-top: -7px; }

h3,
.h3 {
  font-size: 24px;
  line-height: 32px; }

h4,
.h4 {
  font-size: 21px;
  line-height: 32px; }
  @media (max-width: 767px) {
    h4,
    .h4 {
      line-height: 20px; } }

h5,
.h5 {
  font-size: 17px;
  line-height: 28px; }

h6,
.h6 {
  font-size: 16px;
  line-height: 24px; }

h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
  color: inherit; }

p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
dl + h2,
dl + h3,
dl + h4,
dl + h5,
dl + h6,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6,
hr + h2,
hr + h3,
hr + h4,
hr + h5,
hr + h6,
pre + h2,
pre + h3,
pre + h4,
pre + h5,
pre + h6,
table + h2,
table + h3,
table + h4,
table + h5,
table + h6,
form + h2,
form + h3,
form + h4,
form + h5,
form + h6,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h6 {
  margin-top: 24px; }

ul,
ul ul,
ul ol,
ol,
ol ul,
ol ol {
  margin: 0 0 0 24px; }

ol ol li {
  list-style-type: lower-alpha; }

ol ol ol li {
  list-style-type: lower-roman; }

nav ul,
nav ol {
  margin: 0;
  list-style: none; }
  nav ul ul,
  nav ul ol,
  nav ol ul,
  nav ol ol {
    margin-left: 24px; }

dl dt {
  font-weight: bold; }

dd {
  margin-left: 24px; }

p, blockquote, hr, pre, ol, ul, dl, table, fieldset, figure, address, form {
  margin-bottom: 16px; }

hr {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: -1px; }

blockquote {
  padding-left: 1rem;
  border-left: 4px solid rgba(0, 0, 0, 0.1);
  font-style: italic;
  color: rgba(49, 52, 57, 0.65); }
  blockquote p {
    margin-bottom: .5rem; }

time, cite, small, figcaption {
  font-size: 87.5%; }

cite {
  opacity: .6; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
  cursor: help; }

var {
  font-size: 16px;
  opacity: .6;
  font-style: normal; }

mark, code, samp, kbd {
  position: relative;
  top: -1px;
  padding: 4px 4px 2px 4px;
  display: inline-block;
  line-height: 1;
  color: rgba(49, 52, 57, 0.85); }

code {
  background: #e5eaed; }

mark {
  background: #f7ba45; }

samp {
  color: #fff;
  background: #1c86f2; }

kbd {
  border: 1px solid rgba(0, 0, 0, 0.1); }

sub,
sup {
  font-size: x-small;
  line-height: 0;
  margin-left: 1rem/4;
  position: relative; }

sup {
  top: 0; }

sub {
  bottom: 1px; }

pre, code, samp, var, kbd {
  font-family: Consolas, Monaco, "Courier New", monospace; }

pre, code, samp, var, kbd, mark {
  font-size: 87.5%; }

pre,
pre code {
  background: #f7f7f7;
  padding: 0;
  top: 0;
  display: block;
  line-height: 20px;
  color: rgba(49, 52, 57, 0.85);
  overflow: none;
  white-space: pre-wrap; }

pre {
  padding: 1rem; }

figcaption {
  opacity: .6; }

figure figcaption {
  position: relative;
  top: -1rem/2; }

figure pre {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

figure .video-container,
figure pre {
  margin-bottom: 8px; }

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

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

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

ul.unstyled {
  margin-left: 0; }

ul.unstyled,
ul.unstyled ul {
  list-style: none; }

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

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.italic {
  font-style: italic !important; }

.strong {
  font-weight: bold !important; }

.normal {
  font-weight: normal !important; }

.muted {
  opacity: .55; }

a.muted {
  color: #111111; }

a.muted:hover {
  opacity: 1; }

.black {
  color: #111111; }

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

.small {
  font-size: 14px;
  line-height: 20px; }

.big {
  font-size: 18px;
  line-height: 28px; }

.large {
  font-size: 20px;
  line-height: 32px; }

.end {
  margin-bottom: 0 !important; }

.highlight {
  background-color: #edf2ff; }

.nowrap,
.nowrap td {
  white-space: nowrap; }

@media (min-width: 768px) and (max-width: 992px) {
  .columns-2,
  .columns-3,
  .columns-4 {
    column-gap: 24px; }
  .columns-2 {
    column-count: 2; }
  .columns-3 {
    column-count: 3; }
  .columns-4 {
    column-count: 4; } }

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .row {
      flex-direction: column;
      flex-wrap: nowrap; } }

.row-unresponsive {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.row.gutters,
.row.gutters > .row, .row.gutters > .row-unresponsive, .row-unresponsive.gutters,
.row-unresponsive.gutters > .row, .row-unresponsive.gutters > .row-unresponsive {
  margin-left: -2%; }
  @media (max-width: 768px) {
    .row.gutters,
    .row.gutters > .row, .row.gutters > .row-unresponsive, .row-unresponsive.gutters,
    .row-unresponsive.gutters > .row, .row-unresponsive.gutters > .row-unresponsive {
      margin-left: 0; } }
  .row.gutters > .col,
  .row.gutters > .row > .col, .row.gutters > .row-unresponsive > .col, .row-unresponsive.gutters > .col,
  .row-unresponsive.gutters > .row > .col, .row-unresponsive.gutters > .row-unresponsive > .col {
    margin-left: 2%; }
    @media (max-width: 768px) {
      .row.gutters > .col,
      .row.gutters > .row > .col, .row.gutters > .row-unresponsive > .col, .row-unresponsive.gutters > .col,
      .row-unresponsive.gutters > .row > .col, .row-unresponsive.gutters > .row-unresponsive > .col {
        margin-left: 0; } }

.row.around, .row-unresponsive.around {
  justify-content: space-around; }

.row.between, .row-unresponsive.between {
  justify-content: space-between; }

.row.auto .col, .row-unresponsive.auto .col {
  flex-grow: 1; }

#quote-files .row {
  -webkit-box-orient: horizontal;
  flex-direction: row;
  flex-wrap: wrap; }

@media (max-width: 768px) {
  .gutter-gap {
    margin-top: 15px; } }

.col-1 {
  width: 8.33333%; }

.offset-1 {
  margin-left: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.offset-2 {
  margin-left: 16.66667%; }

.col-3 {
  width: 25%; }

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

.col-4 {
  width: 33.33333%; }

.offset-4 {
  margin-left: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.offset-5 {
  margin-left: 41.66667%; }

.col-6 {
  width: 50%; }

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

.col-7 {
  width: 58.33333%; }

.offset-7 {
  margin-left: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.offset-8 {
  margin-left: 66.66667%; }

.col-9 {
  width: 75%; }

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

.col-10 {
  width: 83.33333%; }

.offset-10 {
  margin-left: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.offset-11 {
  margin-left: 91.66667%; }

.col-12 {
  width: 100%; }

.offset-12 {
  margin-left: 100%; }

.gutters > .col-1 {
  width: calc(8.33333% - 2%); }

.gutters > .offset-1 {
  margin-left: calc(8.33333% + 2%) !important; }

.gutters > .col-2 {
  width: calc(16.66667% - 2%); }

.gutters > .offset-2 {
  margin-left: calc(16.66667% + 2%) !important; }

.gutters > .col-3 {
  width: calc(25% - 2%); }

.gutters > .offset-3 {
  margin-left: calc(25% + 2%) !important; }

.gutters > .col-4 {
  width: calc(33.33333% - 2%); }

.gutters > .offset-4 {
  margin-left: calc(33.33333% + 2%) !important; }

.gutters > .col-5 {
  width: calc(41.66667% - 2%); }

.gutters > .offset-5 {
  margin-left: calc(41.66667% + 2%) !important; }

.gutters > .col-6 {
  width: calc(50% - 2%); }

.gutters > .offset-6 {
  margin-left: calc(50% + 2%) !important; }

.gutters > .col-7 {
  width: calc(58.33333% - 2%); }

.gutters > .offset-7 {
  margin-left: calc(58.33333% + 2%) !important; }

.gutters > .col-8 {
  width: calc(66.66667% - 2%); }

.gutters > .offset-8 {
  margin-left: calc(66.66667% + 2%) !important; }

.gutters > .col-9 {
  width: calc(75% - 2%); }

.gutters > .offset-9 {
  margin-left: calc(75% + 2%) !important; }

.gutters > .col-10 {
  width: calc(83.33333% - 2%); }

.gutters > .offset-10 {
  margin-left: calc(83.33333% + 2%) !important; }

.gutters > .col-11 {
  width: calc(91.66667% - 2%); }

.gutters > .offset-11 {
  margin-left: calc(91.66667% + 2%) !important; }

.gutters > .col-12 {
  width: calc(100% - 2%); }

.gutters > .offset-12 {
  margin-left: calc(100% + 2%) !important; }

@media (max-width: 768px) {
  [class^='offset-'],
  [class*=' offset-'] {
    margin-left: 0; } }

.first {
  order: -1; }

.last {
  order: 1; }

@media (max-width: 768px) {
  .row .col {
    margin-left: 0;
    width: 100%; }
  .row.gutters .col {
    margin-bottom: 16px; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; } }

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  empty-cells: show;
  font-size: 13px;
  line-height: 16px;
  border-bottom: solid 1px #e5eaed;
  background: white; }
  @media (max-width: 767px) {
    table {
      font-size: 13px;
      line-height: 16px; } }

table caption {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #676b72; }

th {
  text-align: center;
  font-weight: 700;
  vertical-align: bottom;
  text-transform: uppercase; }

td {
  vertical-align: top; }
  td .job-list-link img {
    width: 30px;
    height: 30px;
    margin-right: 5px; }

tr.align-middle td,
td.align-middle {
  vertical-align: middle; }

th,
td {
  padding: 1rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  th:first-child,
  td:first-child {
    padding-left: 0; }
  th:last-child,
  td:last-child {
    padding-right: 0; }

td[data-title="Job"] {
  min-width: 166px; }

td[data-title="Job"] div {
  margin-bottom: 10px; }

td[data-title="Job"] div p {
  margin-bottom: 5px;
  min-height: 20px; }

th a {
  color: white;
  text-decoration: none; }
  th a.ord-asc {
    background-image: url(../img/ico-contract-white.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 12px;
    padding-right: 25px; }
  th a.ord-desc {
    background-image: url(../img/ico-expand-white.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 12px;
    padding-right: 25px; }

th a.active {
  font-weight: bold; }

tfoot th,
tfoot td {
  color: rgba(49, 52, 57, 0.5); }

table th {
  background: #1cd6e7;
  color: #ffffff; }

table.bordered td,
table.bordered th {
  border: 1px solid rgba(0, 0, 0, 0.05); }

table.striped {
  margin-bottom: 0; }
  table.striped tr th:nth-child(even) {
    background: #2CC3D0; }
  table.striped tr td {
    border: none;
    text-align: center; }
  table.striped tr:nth-child(odd) td, table.striped tr:nth-child(even) td:nth-child(even) {
    background: #f7f7f7; }
  table.striped tr:nth-child(odd) td:nth-child(even) {
    background: #e5eaed; }

table.striped-bordered {
  margin-bottom: 0; }
  table.striped-bordered tr td {
    border: none;
    text-align: center; }
  table.striped-bordered tr:nth-child(even) td {
    background: #f7f7f7; }
  table.striped-bordered tr td,
  table.striped-bordered tr th {
    border-right: 2px solid rgba(0, 0, 0, 0.1); }
  table.striped-bordered tr td:last-child,
  table.striped-bordered tr th:last-child {
    border-right: none; }

table.bordered td:first-child,
table.bordered th:first-child,
table.striped td:first-child,
table.striped th:first-child,
table.striped-bordered td:first-child,
table.striped-bordered th:first-child {
  padding-left: 1rem; }

table.bordered td:last-child,
table.bordered th:last-child,
table.striped td:last-child,
table.striped th:last-child,
table.striped-bordered td:last-child,
table.striped-bordered th:last-child {
  padding-right: 1rem; }

table.unstyled td,
table.unstyled th {
  border: none;
  padding: 0; }

.table-responsive {
  overflow-x: auto; }

.checkout-table td:first-child {
  padding-left: 15px;
  color: black;
  font-weight: bold; }

.checkout-table td:last-child label {
  color: white;
  margin-bottom: 0; }

.checkout-table tr {
  background: #ff7200; }

.checkout-table tr.highlight {
  background: #ff9036; }
  .checkout-table tr.highlight td, .checkout-table tr.highlight td label {
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0; }

table.stripes tr:nth-child(odd) td {
  background: #f7f7f7; }

table.invoice {
  border-bottom: solid 1px #e5eaed; }
  table.invoice tr.bgwhite td {
    background: transparent !important; }
  table.invoice tr.bggray td {
    background: #f7f7f7 !important; }
  table.invoice tr.bgcolor td {
    background: #1cd6e7;
    color: #ffffff !important; }
    table.invoice tr.bgcolor td span {
      color: #ffffff !important; }
  table.invoice tr.subsection td:first-child {
    padding-left: 4rem; }
  table.invoice tr.subsection td.highlight-lbl label {
    color: red; }
  table.invoice tr td {
    border-bottom: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    table.invoice tr td h2 {
      margin-bottom: 0; }
    table.invoice tr td h3 {
      color: #1cd6e7;
      font-size: 1rem;
      margin-bottom: 0; }
    table.invoice tr td h4 {
      font-size: 1rem;
      margin-bottom: 0;
      line-height: 1;
      text-transform: none; }
      table.invoice tr td h4 span {
        text-transform: uppercase;
        font-size: 0.7rem;
        font-weight: 700; }
    table.invoice tr td span {
      display: block;
      color: #1cd6e7;
      text-transform: uppercase;
      font-size: 0.7rem;
      font-weight: 700; }
  table.invoice tr td:first-child {
    padding-left: 2rem; }
    @media (max-width: 767px) {
      table.invoice tr td:first-child {
        padding-left: 1rem; } }
  table.invoice tr td:last-child {
    padding-right: 2rem; }
    @media (max-width: 767px) {
      table.invoice tr td:last-child {
        padding-right: 1rem; } }

tr.quote-image-group td {
  float: left; }

table.details span {
  line-height: 1; }

table.header {
  border-bottom: solid 1px #e5eaed; }
  table.header td {
    border: 0; }
  @media (max-width: 767px) {
    table.header td.companyname {
      width: 100%;
      display: block; } }
  table.header td.companyname:first-child {
    padding-left: 2rem; }
    @media (max-width: 767px) {
      table.header td.companyname:first-child {
        padding-left: 1rem; } }
  table.header td.companyname:last-child {
    padding-right: 1rem; }
  table.header h1 {
    margin-bottom: 0; }
    table.header h1 span {
      font-size: inherit;
      display: inline; }
  table.header span {
    display: block;
    color: #1cd6e7;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 700; }

@media (max-width: 767px) {
  table.responsive {
    display: block;
    border: none;
    table-layout: fixed; }
    table.responsive thead {
      display: none !important; }
    table.responsive thead, table.responsive tbody, table.responsive thead th, table.responsive tbody td, table.responsive thead tr, table.responsive tbody tr {
      display: block; }
    table.responsive tbody tr {
      margin-bottom: 1rem;
      /*border: solid 1px $color-silver;*/ }
    table.responsive tbody td {
      position: relative;
      padding-left: 40% !important; }
      table.responsive tbody td:nth-child(odd) {
        background: #f7f7f7 !important; }
      table.responsive tbody td:nth-child(even) {
        background: transparent !important; }
    table.responsive tbody td:before {
      content: attr(data-title);
      position: absolute;
      width: 40%;
      padding: 15px;
      white-space: nowrap;
      text-align: left;
      font-weight: 700;
      top: 0;
      left: 0;
      overflow: hidden;
      box-sizing: border-box;
      text-overflow: ellipsis; } }

@media (max-width: 767px) {
  table.striped-bordered tbody td {
    padding-left: 15px !important; }
    table.striped-bordered tbody td:before {
      width: 100%;
      position: relative;
      font-size: 18px;
      padding: 0;
      display: block;
      margin-bottom: 12px; }
  table.striped-bordered tr td:last-child {
    padding-bottom: 30px; }
  table.striped-bordered tbody tr {
    border-left-width: 5px;
    margin-bottom: 0; }
  table.striped-bordered tbody tr:nth-child(odd) td:nth-child(even) {
    background: #f7f7f7 !important; }
  table.striped-bordered tbody tr:nth-child(even) td:nth-child(odd) {
    background: #fff !important; }
  table.striped-bordered tr td {
    text-align: left;
    border-right: none; }
  table.striped-bordered .auth-label {
    margin-left: 20px; }
  table.striped-bordered .work-status .align-left,
  table.striped-bordered .button-wrapper {
    float: none; }
  table.striped-bordered .button-wrapper {
    width: 100%; } }

.box-time.dropped-off.rectification {
  background: red; }

.box-time.dropped-off.repair {
  background: #ff7200; }

.box-time.dropped-off.quote {
  background: #1cd6e7; }

.box-time.dropped-off.collect {
  background: black; }

.box-time.dropped-off.collected {
  background: black; }

table .box-time.dropped-off, h2 .box-time.dropped-off {
  position: relative; }

fieldset {
  font-family: inherit;
  border: none;
  padding: 2rem;
  background: white; }
  @media (max-width: 767px) {
    fieldset {
      padding: 1rem; } }

legend {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 1rem;
  margin-left: -1rem;
  top: 2px;
  position: relative;
  line-height: 0; }

input,
textarea,
select {
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 15px;
  height: 40px;
  outline: none;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e5eaed;
  border-radius: 3px;
  box-shadow: none;
  padding: 0 12px; }

input.datepicker {
  background: url("/img/ico-calendar-orange.svg") no-repeat right;
  background-size: 33px;
  padding-right: 40px; }

select {
  padding: 0 31px 0 12px; }

input.small,
textarea.small,
select.small {
  height: 36px;
  font-size: 13px;
  padding: 0 12px;
  border-radius: 3px; }

input.big,
textarea.big,
select.big {
  height: 48px;
  font-size: 17px;
  padding: 0 12px;
  border-radius: 3px; }

input:focus,
textarea:focus,
select:focus {
  outline: none;
  background-color: white;
  border-color: #1cd6e7;
  box-shadow: 0 0 1px #1c86f2 inset; }

input.error,
textarea.error,
select.error {
  background-color: rgba(240, 60, 105, 0.1);
  border: 1px solid #f583a0; }
  input.error:focus,
  textarea.error:focus,
  select.error:focus {
    border-color: #f03c69;
    box-shadow: 0 0 1px #f03c69 inset; }

input.success,
textarea.success,
select.success {
  background-color: rgba(53, 190, 177, 0.1);
  border: 1px solid #6ad5cb; }
  input.success:focus,
  textarea.success:focus,
  select.success:focus {
    border-color: #35beb1;
    box-shadow: 0 0 1px #35beb1 inset; }

input:disabled, input.disabled,
textarea:disabled,
textarea.disabled,
select:disabled,
select.disabled {
  resize: none;
  opacity: 0.6;
  cursor: default;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5); }

select {
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="#5e6c75" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 1rem center; }

select[multiple] {
  background-image: none;
  height: auto;
  padding: .5rem .75rem; }

textarea {
  height: auto;
  padding: 8px 12px;
  line-height: 24px;
  vertical-align: top; }

input[type="file"] {
  width: auto;
  border: none;
  padding: 0;
  height: auto;
  background: none;
  box-shadow: none;
  display: inline-block; }

input[type="search"],
input.search {
  background-repeat: no-repeat;
  background-position: 8px 53%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#000" fill-opacity="0.4" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');
  padding-left: 32px; }

input[type="radio"],
input[type="checkbox"] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0; }

input[type=radio] {
  display: none; }

input[type=radio] + label {
  position: relative;
  padding-left: 1.3rem; }
  input[type=radio] + label:before {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-color: #e5eaed;
    border-radius: 50%;
    top: 4px;
    border: solid 3px #e5eaed; }

input[type=radio]:checked + label {
  color: #1cd6e7;
  color: #1cd6e7; }
  input[type=radio]:checked + label:before {
    content: '';
    background-color: #1cd6e7; }

.radio-spacer {
  padding: 10px 0 10px 0; }

label {
  display: block;
  color: #676b72;
  margin-bottom: 10px;
  font-size: 14.5px; }
  @media (max-width: 767px) {
    label {
      font-size: 13px; } }
  label.editable {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: #ff7200; }
  label.checkbox,
  label .desc,
  label .success,
  label .error {
    text-transform: none;
    font-weight: normal; }
  label.checkbox {
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: inherit; }
    label.checkbox input {
      margin-top: 0; }

.label-picture label {
  display: inline-block; }

.form-checkboxes label.checkbox {
  display: inline-block;
  margin-right: 16px; }

.req {
  position: relative;
  top: 1px;
  font-weight: bold;
  color: #f03c69;
  font-size: 110%; }

.desc {
  color: rgba(49, 52, 57, 0.5);
  font-size: 12px;
  line-height: 20px; }

span.desc {
  margin-left: 4px; }

div.desc {
  margin-top: 4px;
  margin-bottom: -8px; }

.form-buttons button,
.form-buttons .button {
  margin-right: 8px; }

form,
.form-item {
  margin-bottom: 2rem; }

.form > .form-item:last-child {
  margin-bottom: 0; }

.form .row:last-child .form-item {
  margin-bottom: 0; }

.form span.success,
.form span.error {
  font-size: 12px;
  line-height: 20px;
  margin-left: 4px; }

.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  width: auto; }

.append,
.prepend {
  display: flex; }
  .append input,
  .prepend input {
    flex: 1; }
  .append .button,
  .append span,
  .prepend .button,
  .prepend span {
    flex-shrink: 0; }
  .append span,
  .prepend span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: normal;
    border: 1px solid #e5eaed;
    background-color: #f7f7f7;
    padding: 0 .875rem;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    white-space: nowrap; }

.prepend input {
  border-radius: 0 3px 3px 0; }

.prepend .button {
  margin-right: -1px;
  border-radius: 3px 0 0 3px !important; }

.prepend span {
  border-right: none;
  border-radius: 3px 0 0 3px; }

.append input {
  border-radius: 3px 0 0 3px; }

.append .button {
  margin-left: -1px;
  border-radius: 0 3px 3px 0 !important; }

.append span {
  border-left: none;
  border-radius: 0 3px 3px 0; }

#jobQuoteEmailModal .modal-body .form-group--input .container {
  display: flex; }
  #jobQuoteEmailModal .modal-body .form-group--input .container .radio-spacer {
    margin-right: 1rem; }

.modal .form-group {
  margin-bottom: 2rem;
  display: block; }
  .modal .form-group .form-group--label {
    width: 100%;
    margin-bottom: 10px;
    display: block;
    line-height: 1rem; }
  .modal .form-group .form-group--input {
    width: 100%;
    display: block; }
  .modal .form-group .small-btn {
    width: 10rem; }

.form-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem; }
  .form-group.form-large .form-group--label {
    vertical-align: top; }
  .form-group h1 {
    margin-bottom: 0; }
  .form-group .form-group--label {
    display: table-cell;
    width: 30%;
    line-height: 1.3rem;
    vertical-align: middle; }
    .form-group .form-group--label label {
      margin: 0;
      font-weight: 500; }
    @media (max-width: 576px) {
      .form-group .form-group--label {
        display: table;
        width: 100%; } }
    .form-group .form-group--label.top {
      vertical-align: top; }
  .form-group .have-side-button {
    width: 100%; }
  .form-group .side-button {
    margin-left: 10px; }
  .form-group .form-group--input {
    display: table-cell;
    width: 70%; }
    @media (max-width: 576px) {
      .form-group .form-group--input {
        display: table;
        width: 100%; } }
  .form-group.bottom-buttons .form-group--input {
    display: flex;
    max-width: 100%; }
    @media (max-width: 576px) {
      .form-group.bottom-buttons .form-group--input {
        display: table;
        width: 100%; } }

.field-validation-error {
  font-size: 0.85rem;
  color: red; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label {
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.2rem 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 100; }

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */ }

.inputfile + label svg {
  fill: #ffffff;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */ }

/* style 1 */
.inputfile-1 + label {
  color: #f1e5e6;
  background-color: #ff7200;
  height: 100px;
  width: 100px;
  text-align: center; }

.inputfile-1 + label.post {
  background-color: #000; }

.inputfile-1 + label.post:hover {
  background-color: #000; }

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
  outline: none;
  text-decoration: none;
  color: #fff;
  background-color: #ff8e33; }

.inputfile-1 + label svg {
  width: 25px;
  height: 100px;
  vertical-align: middle;
  fill: #ffffff;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */ }

/* style 6 */
.inputfile-6 + label {
  color: #d3394c; }

.inputfile-6 + label {
  border: 1px solid #ff7200;
  background-color: #ffffff;
  padding: 0;
  border-radius: 3px;
  font-size: 0.8em; }

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
  border-color: #ff8e33; }

.inputfile-6 + label span,
.inputfile-6 + label strong {
  padding: 0.425rem 0.8rem;
  /* 10px 20px */ }

.inputfile-6 + label span {
  width: 200px;
  min-height: 2em;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top; }

.inputfile-6 + label strong {
  height: 100%;
  color: #ffffff;
  background-color: #ff7200;
  display: inline-block;
  font-weight: normal; }

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
  outline: none;
  text-decoration: none;
  color: #fff;
  background-color: #ff8e33; }

@media screen and (max-width: 50em) {
  .inputfile-6 + label strong {
    display: block; } }

.bottom-buttons a {
  margin-top: 1rem;
  margin-right: 0.5rem; }

.bottom-buttons input[type='submit'].button {
  margin-top: 0.2rem;
  margin-right: 0.5rem;
  margin-left: 0; }

.bottom-buttons input[type='submit'].button.high {
  margin-top: 1rem;
  margin-right: 0.5rem;
  margin-left: 0; }

.text-success {
  color: #ff7200; }

.text-error {
  color: red; }

.payment-error {
  font-size: 1rem;
  margin-top: 5px;
  font-weight: 500;
  color: red; }

button,
.button {
  font-family: "Montserrat", sans-serif;
  font-size: 0.85rem;
  color: #fff;
  background-color: #ff7200;
  border-radius: 3px;
  min-height: 39px;
  padding: 8px 20px;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  border: 1px solid transparent;
  vertical-align: middle;
  -webkit-appearance: none;
  text-transform: uppercase;
  white-space: nowrap; }
  @media (max-width: 1199px) {
    button,
    .button {
      padding: 8px 10px;
      height: 100%;
      min-height: 36px;
      font-size: 0.8rem; } }
  @media (max-width: 767px) {
    button,
    .button {
      padding: 8px 10px;
      height: 100%;
      min-height: 36px;
      line-height: 18px;
      font-size: 0.8rem; } }
  button i,
  .button i {
    position: relative;
    top: -1px;
    margin: 0 2px;
    font-size: 1.2rem; }

@media (max-width: 767px) {
  input.button + .button {
    margin-left: 5px; } }

input[type="submit"] {
  width: auto; }

button:hover,
.button:hover {
  outline: none;
  text-decoration: none;
  color: #fff;
  background-color: #ff8e33; }

button:focus,
.button:focus {
  outline: none;
  text-decoration: none;
  color: #fff;
  background-color: #ff8e33; }

.button:disabled,
.button.disabled {
  cursor: default;
  font-style: normal;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 114, 0, 0.7); }

.button.small {
  font-size: 10px;
  min-height: 28px;
  padding: 6.5px 10px 8px;
  border-radius: 3px;
  border-width: 2px; }

.button.big {
  font-size: 15px;
  min-height: 48px;
  padding: 13px 24px;
  border-radius: 3px; }

.button.large {
  font-size: 17px;
  min-height: 56px;
  padding: 20px 36px;
  border-radius: 3px; }

.button.outline {
  background: none;
  border-width: 2px;
  border-color: #ff7200;
  color: #ff7200; }
  .button.outline:hover {
    background: none;
    color: rgba(255, 114, 0, 0.6);
    border-color: rgba(255, 114, 0, 0.5); }
  .button.outline:disabled, .button.outline.disabled {
    background: none;
    color: rgba(255, 114, 0, 0.7);
    border-color: rgba(255, 114, 0, 0.5); }
  .button.outline i {
    top: 2px; }

.button.inverted {
  color: #000;
  background-color: #fff; }
  .button.inverted:hover {
    color: #000;
    background-color: white; }
  .button.inverted:disabled, .button.inverted.disabled {
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(255, 255, 255, 0.7); }
  .button.inverted.outline {
    background: none;
    color: #fff;
    border-color: #fff; }
    .button.inverted.outline:hover {
      color: rgba(255, 255, 255, 0.6);
      border-color: rgba(255, 255, 255, 0.5); }
    .button.inverted.outline:disabled, .button.inverted.outline.disabled {
      background: none;
      color: rgba(255, 255, 255, 0.7);
      border-color: rgba(255, 255, 255, 0.5); }
  @media (min-width: 768px) {
    .button.inverted.button-reorder-delete:before {
      content: 'Reorder / Delete'; } }
  .button.inverted.button-reorder-delete.active {
    background-color: #ff7200; }
    .button.inverted.button-reorder-delete.active:before {
      content: 'Save'; }
  .button.inverted:hover {
    opacity: .7; }

.button.round {
  border-radius: 56px; }

.button.raised {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.button.upper {
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 11px; }
  .button.upper.small {
    font-size: 10px; }
  .button.upper.big {
    font-size: 11px; }
  .button.upper.large {
    font-size: 13px; }

.button.secondary {
  color: #fff;
  background-color: #1cd6e7; }
  .button.secondary:hover {
    color: #fff;
    background-color: #78e7f1; }
  .button.secondary:disabled, .button.secondary.disabled {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(28, 214, 231, 0.7); }
  .button.secondary.outline {
    background: none;
    color: #1cd6e7;
    border-color: #1cd6e7; }
    .button.secondary.outline:hover {
      color: rgba(28, 214, 231, 0.6);
      border-color: rgba(28, 214, 231, 0.5); }
    .button.secondary.outline:disabled, .button.secondary.outline.disabled {
      background: none;
      color: rgba(28, 214, 231, 0.7);
      border-color: rgba(28, 214, 231, 0.5); }
  @media (min-width: 768px) {
    .button.secondary.button-reorder-delete:before {
      content: 'Reorder / Delete'; } }
  .button.secondary.button-reorder-delete.active {
    background-color: #ff7200; }
    .button.secondary.button-reorder-delete.active:before {
      content: 'Save'; }

.button.secondary.splitter {
  border: none;
  padding-right: 0;
  padding-left: 0;
  font-weight: bold;
  margin-bottom: 1rem;
  background-image: url("/img/button-arrow-down.svg");
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: 90% center;
  padding-right: 4.5rem;
  color: black; }
  .button.secondary.splitter:hover {
    color: #676b72;
    border-color: #676b72; }
  .button.secondary.splitter.active {
    background-image: url("/img/button-arrow-up.svg"); }

.button-calendar {
  position: relative;
  padding-left: 45px;
  background-image: url("/img/ico-calendar.svg");
  background-size: 21px !important;
  background-repeat: no-repeat !important;
  background-position: 12px 8px !important; }
  .button-calendar.outline {
    background-image: url("/img/ico-calendar-orange.svg");
    padding: 7px 10px 7px 38px !important;
    background-size: 30px !important;
    height: 36px !important; }
    .button-calendar.outline:hover {
      background-image: url("/img/ico-calendar-orange.svg"); }
  @media (max-width: 1199px) {
    .button-calendar {
      padding: 8px 10px 8px 38px; } }
  @media (max-width: 767px) {
    .button-calendar {
      background-position: center !important; } }

.button-tasks {
  position: relative;
  padding-left: 45px;
  background-image: url("/img/ico-task.svg");
  background-size: 21px !important;
  background-repeat: no-repeat !important;
  background-position: 12px 8px !important;
  height: 36px; }
  .button-tasks.outline {
    background-image: url("/img/ico-task-orange.svg");
    padding: 7px 10px 7px 38px !important;
    height: 36px; }
    .button-tasks.outline:hover {
      background-image: url("/img/ico-task-orange.svg"); }
  @media (max-width: 1199px) {
    .button-tasks {
      padding: 8px 10px 8px 38px; } }
  @media (max-width: 767px) {
    .button-tasks {
      background-position: center !important; } }

.button-reorder-delete {
  background-image: url("/img/ico-drag.svg");
  background-repeat: no-repeat;
  padding-left: 40px;
  background-size: 21px;
  background-position: 10px 8px; }
  @media (max-width: 767px) {
    .button-reorder-delete {
      background-position: center; } }

.button-reorder-delete.active {
  background-image: url("/img/ico-save.svg");
  background-repeat: no-repeat;
  padding-left: 40px;
  background-size: 21px;
  background-position: 9px 7px; }
  @media (max-width: 767px) {
    .button-reorder-delete.active {
      background-position: center; } }
  @media (max-width: 767px) {
    .button-reorder-delete.active:before {
      display: none; } }
  @media (max-width: 767px) {
    .button-reorder-delete.active {
      background-position: center; } }

.button-job {
  background-image: url("/img/ico-job.svg");
  background-repeat: no-repeat;
  padding-left: 40px;
  background-size: 23px;
  background-position: 10px center; }
  @media (max-width: 767px) {
    .button-job {
      background-position: center; } }

@media (max-width: 767px) {
  .schedule-buttons .col {
    width: 50%; } }

@media (max-width: 767px) {
  .schedule-buttons .button {
    width: 48%; } }

.button.half {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  z-index: 1;
  min-height: auto;
  padding: 0; }
  .button.half.right, .button.half.left {
    height: 60px;
    width: 30px; }
  .button.half.right {
    border-bottom-right-radius: 60px;
    border-top-right-radius: 60px;
    right: -30px; }
    .button.half.right span:before {
      background-image: url("/img/ico-arrow-right.svg");
      left: 11px; }
  .button.half.left {
    border-bottom-left-radius: 60px;
    border-top-left-radius: 60px; }
    .button.half.left span:before {
      background-image: url("/img/ico-arrow-left.svg"); }
  .button.half span {
    position: relative;
    height: 100%; }
    .button.half span:before {
      content: '';
      background-repeat: no-repeat;
      background-size: 10px;
      position: absolute;
      width: 12px;
      height: 22px;
      top: 20px;
      left: 12px; }

.buttons {
  display: table-cell !important; }
  .buttons .button {
    margin-bottom: 0.5rem; }

.button-parts {
  margin-bottom: 1rem; }
  .button-parts .active {
    font-weight: 800; }

.breadcrumbs {
  font-size: 14px;
  margin-bottom: 24px; }
  @media (max-width: 991px) {
    .breadcrumbs {
      margin-bottom: 1rem; } }
  .breadcrumbs ul {
    display: flex;
    align-items: center;
    flex-flow: row wrap; }
  .breadcrumbs.push-center ul {
    justify-content: center; }
  .breadcrumbs span,
  .breadcrumbs a {
    font-style: normal;
    padding: 0 10px;
    display: inline-block;
    white-space: nowrap; }
  .breadcrumbs li:after {
    display: inline-block;
    content: '/';
    color: rgba(0, 0, 0, 0.3); }
  .breadcrumbs li:last-child:after {
    display: none; }
  .breadcrumbs li:first-child span,
  .breadcrumbs li:first-child a {
    padding-left: 0; }
  .breadcrumbs li.active a {
    color: #313439;
    text-decoration: none;
    cursor: text; }

.legend {
  margin: 0 0 1rem; }
  @media (max-width: 575px) {
    .legend {
      display: none; } }
  .legend li {
    list-style: none;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-right: 0.7rem;
    position: relative;
    padding-left: 0.7rem;
    line-height: 1; }
    .legend li:before {
      content: '';
      width: 8px;
      height: 10px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0; }
    .legend li.quote {
      color: #1cd6e7; }
      .legend li.quote:before {
        background-color: #1cd6e7; }
    .legend li.repair {
      color: #ff7200; }
      .legend li.repair:before {
        background-color: #ff7200; }
    .legend li.rectification {
      color: red; }
      .legend li.rectification:before {
        background-color: red; }
    .legend li.awaiting-review {
      color: #676b72; }
      .legend li.awaiting-review:before {
        background-color: #676b72; }

@font-face {
  font-family: 'Kube';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfgAAAC8AAAAYGNtYXAXVtKOAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsMn2SAAAAF4AAADeGhlYWQMP9EUAAAE8AAAADZoaGVhB8IDzQAABSgAAAAkaG10eCYABd4AAAVMAAAAMGxvY2EFWASuAAAFfAAAABptYXhwABcAmwAABZgAAAAgbmFtZfMJxocAAAW4AAABYnBvc3QAAwAAAAAHHAAAACAAAwPHAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAKAAAAAAQAA8AADwAUACQANABEAFYAaAB4AIgAmAAAEyIGFREUFjMhMjY1ETQmIwUhESEREzgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjATIWHQEUBiMiJj0BNDYzOAExITIWHQEUBiMiJj0BNDYzOAExATgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjwFBwcFACgFBwcFD9IQM+/MKrHioqHh4qKh70HioqHh4qKh70HisrHh0rKh7+MBQdHRQUHBwUAbgUHBwUFB0dFP4wHioqHh4qKh70HioqHh4qKh70HisrHh0rKh4DYHBQ/iBQcHBQAeBQcF/9XwKh/n8qHh4qKh4eKioeHioqHh4qKh4eKioeHioCQBwVjhUcHBWOFRwcFY4VHBwVjhUc/rAqHh4qKh4eKioeHioqHh4qKh4eKioeHioAAAABAQAAwAMAAcAACwAAAQcXBycHJzcnNxc3AwDMAjMDAzMCzDTMzAGVqAIrAgIrAqgrqKgAAQGAAEACgAJAAAsAACUnByc3JzcXNxcHFwJVqAIrAgIrAqgrqKhAzAIzAwMzAsw0zMwAAAEBgABAAoACQAALAAABFzcXBxcHJwcnNycBq6gCKwICKwKoK6ioAkDMAjMDAzMCzDTMzAABAQAAwAMAAcAACwAAJTcnNxc3FwcXBycHAQDMAjMDAzMCzDTMzOuoAisCAisCqCuoqAAAAgAP/+UD1AOqAAQACAAAEwEHATcFAScBSwOJPPx3PAOJ/Hc8A4kDqvx3PAOJPDz8dzwDiQAAAAADAIAAgAOAAwAAAwAHAAsAADc1IRUBIRUhESEVIYADAP0AAwD9AAMA/QCAgIABgIABgIAAAgBPAA8DsgNxABgALQAAJQcBDgEjIi4CNTQ+AjMyHgIVFAYHAQEiDgIVFB4CMzI+AjU0LgIjA7JY/t4lWTBBc1YxMVZzQUFzVTIcGQEi/dgxVkAlJUBWMTFWQCUlQFYxZ1gBIRkcMlVzQUFzVjExVnNBMFkm/uACuyVAVjExVkAlJUBWMTFWQCUAAAABAAAAAQAABhlWm18PPPUACwQAAAAAANSQRjkAAAAA1JBGOQAA/+UEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAEABAABgAQAAYAEAAEABAAADwQAAIAEAABPAAAAAAAKABQAHgDYAPIBDAEmAUABXAF2AbwAAAABAAAADACZAAoAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABAAAAAEAAAAAAAIABwBFAAEAAAAAAAMABAAtAAEAAAAAAAQABABaAAEAAAAAAAUACwAMAAEAAAAAAAYABAA5AAEAAAAAAAoAGgBmAAMAAQQJAAEACAAEAAMAAQQJAAIADgBMAAMAAQQJAAMACAAxAAMAAQQJAAQACABeAAMAAQQJAAUAFgAXAAMAAQQJAAYACAA9AAMAAQQJAAoANACAS3ViZQBLAHUAYgBlVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwS3ViZQBLAHUAYgBlS3ViZQBLAHUAYgBlUmVndWxhcgBSAGUAZwB1AGwAYQByS3ViZQBLAHUAYgBlRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="kube-"], [class*=" kube-"], .close, .caret {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Kube' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.kube-calendar:before {
  content: "\e900"; }

.caret.down:before,
.kube-caret-down:before {
  content: "\e901"; }

.caret.left:before,
.kube-caret-left:before {
  content: "\e902"; }

.caret.right:before,
.kube-caret-right:before {
  content: "\e903"; }

.caret.up:before,
.kube-caret-up:before {
  content: "\e904"; }

.close:before,
.kube-close:before {
  content: "\e905"; }

.kube-menu:before {
  content: "\e906"; }

.kube-search:before {
  content: "\e907"; }

.icon {
  width: 40px;
  height: 40px;
  background-color: #ccc;
  border-radius: 3px;
  background-position: center; }

.drag {
  background-image: url("/img/ico-drag.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px; }

.edit {
  background-image: url("/img/ico-calendar-grey.png");
  background-repeat: no-repeat;
  background-size: 30px 30px; }

.remove {
  background-image: url("/img/ico-remove.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px; }

.download {
  background-image: url("/img/ico-download.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: block;
  bottom: 10px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  border: solid 1px #fff; }

.camera-white {
  background-image: url("/img/ico-camera-white.svg"); }

.icon-delete {
  background-repeat: no-repeat !important;
  background-size: 18px !important;
  background-position: center left;
  padding-left: 25px;
  display: block;
  background-image: url("/img/ico-remove.svg");
  font-size: 0.9rem;
  text-decoration: none;
  color: #bdbdbd; }
  .icon-delete.active {
    color: #1cd6e7;
    background-image: url("/img/ico-remove-active.svg"); }

.cam-cont {
  text-decoration: none; }

.icon-cam {
  width: 45px;
  margin-bottom: -6px;
  margin-left: 5px; }

.icon-money {
  background-image: url("/img/icon-money.svg");
  background-repeat: no-repeat !important;
  background-size: 14px !important;
  background-position: 5px center; }

.schedule-panels {
  position: relative;
  overflow: hidden; }
  .schedule-panels.active {
    background: #e5eaed; }
    .schedule-panels.active .panel-dates {
      background: transparent; }
    .schedule-panels.active .row-schedule {
      outline: dotted 2px #bdbdbd; }
  .schedule-panels .panels {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
  .schedule-panels .container-row-schedule {
    padding-left: 8rem;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .schedule-panels .container-row-schedule {
        padding-left: 4rem; } }

.collapse-fullscreen {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 1; }
  .collapse-fullscreen .collapse-content.open-parent.calendar-cont {
    flex: 1;
    display: flex;
    flex-direction: column; }
    .collapse-fullscreen .collapse-content.open-parent.calendar-cont .open {
      height: 100%;
      flex: 1;
      display: flex;
      flex-direction: column; }
      .collapse-fullscreen .collapse-content.open-parent.calendar-cont .open .calendar {
        flex: 1; }

.collapse-content {
  background: #ffffff;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.13); }
  .collapse-content + .collapse-content {
    margin-top: 1.5rem; }
  .collapse-content > h4 {
    font-size: 1rem;
    margin-bottom: 0;
    min-height: 60px; }
    .collapse-content > h4 a {
      text-decoration: none;
      padding: 0.9rem 1rem 0.8rem;
      line-height: 1rem;
      position: relative;
      display: flex;
      justify-content: center;
      flex-direction: column;
      min-height: 60px; }
      .collapse-content > h4 a:after {
        content: '';
        background: url("/img/ico-expand.svg");
        width: 15px;
        height: 10px;
        display: block;
        position: absolute;
        right: 1rem;
        top: 1.6rem;
        background-repeat: no-repeat !important; }
      .collapse-content > h4 a.items span {
        position: absolute;
        display: inline;
        padding-left: 0.5rem; }
      .collapse-content > h4 a.items .counter {
        background-color: #ff7200;
        display: inline-block;
        border-radius: 8px;
        padding: 0.1rem 0.5rem !important;
        color: #ffffff !important;
        font-size: 0.8rem;
        margin-left: 0.5rem; }
      .collapse-content > h4 a .parts-table {
        background: transparent;
        border: none; }
        .collapse-content > h4 a .parts-table td {
          border: none;
          padding: 0 5px 0 0; }
      .collapse-content > h4 a span,
      .collapse-content > h4 a table.parts-table {
        color: #ff7200;
        font-size: 0.8rem;
        text-transform: none;
        font-weight: normal;
        display: block; }
      .collapse-content > h4 a.active:after {
        content: '';
        background: url("/img/ico-contract.svg"); }
  .collapse-content.calendar-cont .collapse-box {
    padding: 0 1rem 1rem; }
  .collapse-content.collapse-content-job .collapse-toggle.active {
    background-color: #ff7200; }
    .collapse-content.collapse-content-job .collapse-toggle.active span,
    .collapse-content.collapse-content-job .collapse-toggle.active table.parts-table {
      color: #ffffff; }
    .collapse-content.collapse-content-job .collapse-toggle.active:after {
      background: url("/img/ico-contract-white.svg"); }
    .collapse-content.collapse-content-job .collapse-toggle.active:hover {
      color: #313439; }
  .collapse-content .content {
    padding: 1rem; }

.collapse-small h4 {
  min-height: 50px; }
  .collapse-small h4 a {
    color: #ffffff;
    background-color: #ff7200;
    font-weight: normal;
    padding: 0.8rem 1rem 0.7rem;
    min-height: 50px;
    font-size: 0.9rem; }
    .collapse-small h4 a:after {
      top: 1.2rem;
      background: url("/img/ico-expand-white.svg"); }
    .collapse-small h4 a.active {
      background-color: #ffffff;
      color: #313439; }

.collapse-small .collapse-content + .collapse-content {
  margin-top: 0.6rem; }

.panel {
  background-color: #e5eaed;
  padding-left: 8rem;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px; }
  @media (max-width: 767px) {
    .panel {
      padding-left: 4rem; } }
  .panel .date {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 0; }
    .panel .date span {
      font-size: 1.4rem;
      text-transform: uppercase;
      display: block;
      width: 8rem;
      text-align: center;
      font-weight: 300; }
      @media (max-width: 767px) {
        .panel .date span {
          width: 4rem;
          font-size: 1rem;
          line-height: 1.5rem; } }
      .panel .date span span {
        width: 50%;
        float: left; }
        .panel .date span span:first-child {
          position: relative; }
          .panel .date span span:first-child:before {
            position: absolute;
            content: '-';
            left: 100%; }
      .panel .date span strong {
        display: block;
        font-size: 2rem; }
        @media (max-width: 767px) {
          .panel .date span strong {
            font-size: 1.5rem; } }
  .panel + .panel {
    margin-top: 20px; }
  .panel.onprocess {
    padding-top: 83px; }
  .panel.panel-dates {
    background-color: #d4d4d4; }
    .panel.panel-dates span {
      font-size: 0.95rem; }
      .panel.panel-dates span strong {
        font-size: 1.2rem;
        line-height: 1rem; }
  .panel.panel-1 .date {
    background-color: #d4d4d4 !important; }
  .panel.panel-2 {
    padding-top: 78px; }
  .panel.panel-3 {
    padding-top: 56px; }
    .panel.panel-3.onprocess-2 {
      margin-bottom: -60px; }
      @media (max-width: 767px) {
        .panel.panel-3.onprocess-2 {
          margin-bottom: -23px; } }
      .panel.panel-3.onprocess-2 .wrap-dates {
        height: 235px; }
        @media (max-width: 767px) {
          .panel.panel-3.onprocess-2 .wrap-dates {
            height: 215px; } }
      .panel.panel-3.onprocess-2 + .panel {
        padding-top: 115px; }
        @media (max-width: 767px) {
          .panel.panel-3.onprocess-2 + .panel {
            padding-top: 74px; } }

.panel-white {
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 1rem;
  height: 100%; }
  .panel-white.panel-spots {
    overflow-y: auto; }

.row-schedule {
  box-shadow: 0px 0px 11px 0px #bdbdbd;
  position: relative;
  background-color: #ffffff;
  margin-top: 20px; }
  .row-schedule .row-schedule-body {
    padding: 1.2rem;
    height: 100px; }
    @media (max-width: 767px) {
      .row-schedule .row-schedule-body {
        padding: 2rem 1rem; } }
    .row-schedule .row-schedule-body:first-child {
      padding-left: 6rem;
      background-repeat: no-repeat; }
      @media (max-width: 991px) {
        .row-schedule .row-schedule-body:first-child {
          display: none; } }
    .row-schedule .row-schedule-body:nth-child(2) {
      border-left: solid 1px #d4d4d4; }
      @media (min-width: 992px) {
        .row-schedule .row-schedule-body:nth-child(2) {
          display: flex;
          justify-content: center;
          flex-direction: column; } }
    .row-schedule .row-schedule-body h4 {
      text-transform: uppercase;
      font-size: 1rem;
      margin-bottom: 0;
      text-decoration: underline; }
    .row-schedule .row-schedule-body h5 {
      font-size: 1.2rem;
      text-transform: uppercase;
      margin-bottom: 0;
      display: inline-block; }
      @media (max-width: 991px) {
        .row-schedule .row-schedule-body h5 {
          font-size: 1rem; } }
      .row-schedule .row-schedule-body h5 span {
        color: #bdbdbd;
        font-weight: 300; }
  .row-schedule.repair {
    border-left: solid 5px #ff7200;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 30px center; }
    @media (min-width: 992px) {
      .row-schedule.repair {
        background-image: url("/img/ico-repair.svg"); } }
    .row-schedule.repair h4 {
      color: #ff7200; }
    .row-schedule.repair .box-time {
      background-color: #ff7200; }
    .row-schedule.repair.onprocess:before {
      border: solid 3px #ff7200; }
    .row-schedule.repair.onprocess:after {
      border: solid 3px #ff7200; }
  .row-schedule.quote {
    border-left: solid 5px #1cd6e7;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 30px center; }
    @media (min-width: 992px) {
      .row-schedule.quote {
        background-image: url("/img/ico-quote.svg"); } }
    .row-schedule.quote h4 {
      color: #1cd6e7; }
    .row-schedule.quote .box-time {
      background-color: #1cd6e7; }
    .row-schedule.quote.onprocess:before {
      border: solid 3px #1cd6e7; }
    .row-schedule.quote.onprocess:after {
      border: solid 3px #1cd6e7; }
  .row-schedule.rectification {
    border-left: solid 5px red;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 30px center; }
    @media (min-width: 992px) {
      .row-schedule.rectification {
        background-image: url("/img/ico-alert.svg"); } }
    .row-schedule.rectification h4 {
      color: red; }
    .row-schedule.rectification .box-time {
      background-color: red; }
    .row-schedule.rectification.onprocess:before {
      border: solid 3px red; }
    .row-schedule.rectification.onprocess:after {
      border: solid 3px red; }
  .row-schedule.onprocess {
    position: relative; }
    .row-schedule.onprocess:before {
      content: '';
      border: solid 3px #ff7200;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      position: absolute;
      top: -6px;
      background-color: #ffffff;
      left: -9px; }
    .row-schedule.onprocess:after {
      content: '';
      border: solid 3px #ff7200;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      position: absolute;
      bottom: -6px;
      background-color: #ffffff;
      left: -9px; }
    .row-schedule.onprocess.onprocess-pannel-2 {
      margin-bottom: -94px !important; }
    .row-schedule.onprocess.onprocess-pannel-3 {
      margin-bottom: -70px !important; }
  .row-schedule.awaiting-review {
    border-left: solid 5px #0d0d0e;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 30px center; }
    @media (min-width: 992px) {
      .row-schedule.awaiting-review {
        background-image: url("/img/ico-awaitingreview.svg"); } }
  .row-schedule.selected {
    background-color: #e5eaed; }
  .row-schedule + .row-schedule {
    margin-top: 20px; }
  .row-schedule .drag {
    position: absolute;
    top: 3px;
    left: 3px; }
  .row-schedule .edit {
    position: absolute;
    top: 3px;
    left: -59px; }
  .row-schedule .remove {
    position: absolute;
    top: 57px;
    left: -59px; }
  .row-schedule.locked .row-schedule-body:nth-child(2):before {
    content: '';
    position: absolute;
    width: 20px;
    height: 22px;
    background-position: 0px 0px;
    background-size: cover;
    background-image: url("/img/ico-lock.svg");
    background-repeat: no-repeat;
    right: 5px;
    top: 5px; }

.row-insert {
  display: block;
  height: 23px;
  font-size: 0.8rem;
  text-align: right;
  padding: 5px;
  position: relative;
  line-height: 1rem; }
  .row-insert:before {
    content: '\2190';
    font-size: 20px;
    position: absolute;
    margin-left: -20px; }
  .row-insert + .row-schedule {
    margin-top: 0px !important; }
  .row-insert.hide + .row-schedule {
    margin-top: 20px !important; }

.wrapper-rows .row {
  margin-bottom: 1rem; }

.wrapper-rows .filter-time {
  display: none; }

.wrapper-rows.fixed {
  background: white;
  padding: 51px 1rem 5px;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.18);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100 !important;
  width: 100%;
  -webkit-backface-visibility: hidden; }

.gutters .column.push-left,
.push-left {
  margin-right: auto; }

.gutters .column.push-right,
.push-right {
  margin-left: auto; }

.gutters .column.push-center,
.push-center {
  margin-left: auto;
  margin-right: auto; }

.gutters .column.push-middle,
.push-middle {
  margin-top: auto;
  margin-bottom: auto; }

.push-bottom {
  margin-top: auto; }

@media (max-width: 768px) {
  .gutters .column.push-left-sm,
  .push-left-sm {
    margin-left: 0; }
  .gutters .column.push-center-sm,
  .push-center-sm {
    margin-left: auto;
    margin-right: auto; }
  .push-top-sm {
    margin-top: 0; } }

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

.align-right {
  justify-content: flex-end; }

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

@media (max-width: 768px) {
  .align-left-sm {
    justify-content: flex-start; } }

.float-right {
  float: right; }

.float-left {
  float: left; }

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

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%; }

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

.pagination {
  margin: 24px 0;
  font-size: 14px;
  display: inline; }
  .pagination ul {
    display: flex;
    margin: 0; }
  .pagination li {
    list-style: none;
    float: none;
    display: inline-block;
    text-align: center;
    justify-content: center; }
    .pagination li a {
      cursor: pointer; }
  .pagination span,
  .pagination a {
    border-radius: 3px;
    display: inline-block;
    padding: 8px 12px;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid transparent;
    color: pointer; }
  .pagination a {
    text-decoration: none;
    color: #313439;
    cursor: pointer; }
    .pagination a:hover {
      color: rgba(0, 0, 0, 0.5); }
  .pagination span,
  .pagination li.active a {
    color: rgba(0, 0, 0, 0.5);
    border-color: #e5eaed;
    cursor: text; }
  .pagination.upper {
    font-size: 12px; }
  .pagination span {
    cursor: pointer; }
  .pagination li.active a {
    background: #1cd6e7;
    color: white;
    border-radius: 15px; }
  .pagination li.paging-navi span {
    background: none;
    color: #1cd6e7;
    border-color: #1cd6e7;
    font-weight: 800; }

.pager span {
  line-height: 24px; }

.pager span,
.pager a {
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 64px;
  border-color: rgba(0, 0, 0, 0.1); }

.pager li {
  flex-basis: 50%; }

.pager li.next {
  text-align: right; }

.pager.align-center li {
  flex-basis: auto;
  margin-left: 4px;
  margin-right: 4px; }

.pager.flat span,
.pager.flat a {
  border: none;
  display: block;
  padding: 0; }

.pager.flat a {
  font-weight: bold; }
  .pager.flat a:hover {
    background: none;
    text-decoration: underline; }

.page-number {
  padding-bottom: 16px; }

@media (max-width: 768px) {
  .pager.flat ul {
    flex-direction: column; }
  .pager.flat li {
    flex-basis: 100%;
    margin-bottom: 8px;
    text-align: left; } }

body.car-page {
  background-color: #e5eaed; }
  @media (max-width: 991px) {
    body.car-page #sidebar {
      height: 44px; }
    body.car-page #container {
      padding-top: 0; }
    body.car-page #content .content-wrapper {
      padding-left: 0;
      padding-right: 0; }
    body.car-page .profile {
      display: none !important; } }

#content-login {
  padding: 2rem;
  height: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto; }

body.invoice-page .container {
  max-width: 1199px;
  margin: 0 auto; }

/* helper class */
.orange {
  color: #ff7200; }

/* btn styling */
.btn {
  width: 100%;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 12px; }
  .btn.btn-outline {
    border: 2px solid #ff7200;
    background-color: transparent;
    color: #000; }

.info-btns {
  min-height: 35px;
  margin-bottom: 0;
  margin-top: 15px; }
  .info-btns.repair {
    color: #ff7200;
    border-color: #ff7200; }
  .info-btns.quote {
    color: #1cd6e7;
    border-color: #1cd6e7; }
  .info-btns.rectification {
    color: red;
    border-color: red; }
  .info-btns.awaiting-review {
    color: #676b72;
    border-color: #676b72; }

.info-btns a {
  color: inherit;
  border: 1px solid;
  border-radius: 3px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 12px;
  font-size: 12px;
  margin-right: 10px;
  display: inline-block; }

.drop-off-input select {
  width: 28%;
  display: inline-block; }

.drop-off-input .timepicker {
  width: 28%;
  display: inline-block; }

.drop-off-input .datepicker {
  width: 70%;
  display: inline-block; }

.picker--time .picker__box {
  padding: 0; }
  .picker--time .picker__box .picker__list {
    margin: 0; }
    .picker--time .picker__box .picker__list li {
      list-style-type: none;
      border: 1px solid grey;
      padding-left: 15px;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 15px; }
    .picker--time .picker__box .picker__list li:hover {
      cursor: pointer;
      color: #000000;
      background: #d4d4d4; }

.auth-alert {
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 15px;
  padding-left: 80px;
  background-repeat: no-repeat;
  background-position: 25px center;
  background-size: 34px; }
  .auth-alert h5 {
    color: #fff;
    font-weight: 100;
    margin: 0; }
  .auth-alert p {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.7); }
  .auth-alert.not-auth {
    background-color: red;
    background-image: url("../img/not-auth-alert.svg"); }
  .auth-alert.auth {
    background-color: #62D86B;
    background-image: url("../img/auth-alert.svg"); }

.not-auth .select2-search-choice,
.auth .select2-search-choice {
  padding-left: 60px !important; }

.select2-search-choice:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 21px;
  left: 23px;
  top: 6px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center; }

.not-auth .select2-search-choice:before {
  background-image: url("../img/not-auth-alert.svg");
  background-color: red; }

.auth .select2-search-choice:before {
  background-image: url("../img/auth-alert.svg");
  background-color: #62D86B; }

.not-auth .select2-search-choice.select2-locked:before,
.auth .select2-search-choice.select2-locked:before {
  border-radius: 20px;
  left: 20px; }

.sup-job-list {
  margin-left: 2rem; }
  @media (max-width: 767px) {
    .sup-job-list {
      margin-left: 1rem; } }
  .sup-job-list span {
    margin-left: 30px; }

.w5 {
  width: 5%; }

.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w95 {
  width: 95%; }

.w100 {
  width: 100%; }

.w-auto {
  width: auto; }

.w-small {
  width: 480px; }

.w-medium {
  width: 600px; }

.w-big {
  width: 740px; }

.w-large {
  width: 840px; }

@media (max-width: 768px) {
  .w-auto-sm {
    width: auto; }
  .w100-sm,
  .w-small,
  .w-medium,
  .w-big,
  .w-large {
    width: 100%; } }

.max-w5 {
  max-width: 5%; }

.max-w10 {
  max-width: 10%; }

.max-w15 {
  max-width: 15%; }

.max-w20 {
  max-width: 20%; }

.max-w25 {
  max-width: 25%; }

.max-w30 {
  max-width: 30%; }

.max-w35 {
  max-width: 35%; }

.max-w40 {
  max-width: 40%; }

.max-w45 {
  max-width: 45%; }

.max-w50 {
  max-width: 50%; }

.max-w55 {
  max-width: 55%; }

.max-w60 {
  max-width: 60%; }

.max-w65 {
  max-width: 65%; }

.max-w70 {
  max-width: 70%; }

.max-w75 {
  max-width: 75%; }

.max-w80 {
  max-width: 80%; }

.max-w85 {
  max-width: 85%; }

.max-w90 {
  max-width: 90%; }

.max-w95 {
  max-width: 95%; }

.max-w100 {
  max-width: 100%; }

.max-w-small {
  max-width: 480px; }

.max-w-medium {
  max-width: 600px; }

.max-w-big {
  max-width: 740px; }

.max-w-large {
  max-width: 840px; }

@media (max-width: 768px) {
  .max-w-auto-sm,
  .max-w-small,
  .max-w-medium,
  .max-w-big,
  .max-w-large {
    max-width: auto; } }

.min-w5 {
  min-width: 5%; }

.min-w10 {
  min-width: 10%; }

.min-w15 {
  min-width: 15%; }

.min-w20 {
  min-width: 20%; }

.min-w25 {
  min-width: 25%; }

.min-w30 {
  min-width: 30%; }

.min-w35 {
  min-width: 35%; }

.min-w40 {
  min-width: 40%; }

.min-w45 {
  min-width: 45%; }

.min-w50 {
  min-width: 50%; }

.min-w55 {
  min-width: 55%; }

.min-w60 {
  min-width: 60%; }

.min-w65 {
  min-width: 65%; }

.min-w70 {
  min-width: 70%; }

.min-w75 {
  min-width: 75%; }

.min-w80 {
  min-width: 80%; }

.min-w85 {
  min-width: 85%; }

.min-w90 {
  min-width: 90%; }

.min-w95 {
  min-width: 95%; }

.min-w100 {
  min-width: 100%; }

.h25 {
  height: 25%; }

.h50 {
  height: 50%; }

.h100 {
  height: 100%; }

.switch-auth .switch span.switch-no {
  color: red; }

.switch-auth .switch span.switch-yes {
  color: #5ed669; }

.switch-auth .switch label:after {
  background: red; }

.switch-auth .switch input:checked + label:after {
  background: #5ed669; }

.switch input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden; }

.switch label {
  cursor: pointer;
  width: 72px;
  height: 34px;
  display: block;
  border-radius: 17px;
  position: relative;
  border: solid 2px #e5eaed; }

.switch label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  background: #ff7200;
  border-radius: 50%;
  transition: 0.3s; }

.switch span {
  display: block;
  width: 62%;
  position: absolute;
  text-transform: uppercase;
  padding: 4px;
  text-align: center; }
  .switch span.switch-no {
    display: block;
    right: 0;
    color: #ff7200; }
  .switch span.switch-yes {
    display: none;
    left: 0;
    color: #1cd6e7; }

.switch input:checked + label {
  background: #ffffff; }
  .switch input:checked + label .switch-no {
    display: none; }
  .switch input:checked + label .switch-yes {
    display: block; }

.switch input:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
  background: #1cd6e7; }

.switch label:active:after {
  width: 50px; }

.excess-insur-rep-toggle .switch span {
  width: 75%; }

.excess-insur-rep-toggle .switch label {
  width: 120px; }

.notes {
  padding: 1rem 0;
  border-bottom: solid 1px #e5eaed; }
  .notes a {
    background-color: #e5eaed;
    border-radius: 3px;
    display: inline-block;
    padding: 3px 5px;
    font-size: 14px;
    margin-bottom: 5px; }
  .notes label {
    font-weight: 500; }
  .notes .text {
    font-size: 14px; }
  .notes .files {
    padding-top: 1rem; }

#fileList .form-group--label {
  white-space: nowrap;
  background-color: #e5eaed;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 5px;
  font-size: 14px;
  width: auto; }
  #fileList .form-group--label span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; }
    @media (max-width: 575px) {
      #fileList .form-group--label span {
        max-width: 280px; } }
  #fileList .form-group--label .kube-close {
    position: relative;
    padding-right: 30px; }
    #fileList .form-group--label .kube-close:before {
      position: absolute;
      right: 5px;
      background-color: #ff7200;
      border-radius: 50%;
      color: white;
      font-size: 8px;
      font-weight: 500;
      width: 15px;
      height: 15px;
      display: flex;
      top: 0;
      justify-content: center;
      flex-direction: column;
      text-align: center; }

.group:after {
  content: '';
  display: table;
  clear: both; }

.flex {
  display: flex; }

@media (max-width: 768px) {
  .flex-column-sm {
    flex-direction: column; }
  .flex-w100-sm {
    flex: 0 0 100%; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .flex-w100-sm {
      flex: 0 0 100% !important; } }

.invisible {
  visibility: hidden; }

.visible {
  visibility: visible; }

.display-block {
  display: block; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

@media (min-width: 992px) {
  .hide-lg {
    display: none !important; } }

@media (max-width: 991px) {
  .hide-md {
    display: none !important; } }

@media (max-width: 767px) {
  .hide-sm {
    display: none !important; } }

@media (max-width: 767px) {
  .show-sm {
    display: block !important; } }

@media print {
  .hide-print {
    display: none !important; }
  .show-print {
    display: block !important; } }

.no-scroll {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important; }

.scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.video-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 16px; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.close {
  display: inline-block;
  min-height: 16px;
  min-width: 16px;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  opacity: .6; }
  .close:hover {
    opacity: 1; }
  .close.small {
    font-size: 8px; }
  .close.big {
    font-size: 18px; }
  .close.white {
    color: #fff; }

.caret {
  display: inline-block; }

.button .caret {
  margin-left: -8px;
  font-size: 1.5rem;
  line-height: 1rem; }
  @media (max-width: 768px) {
    .button .caret {
      line-height: 0.8rem; } }

.scrolling {
  touch-action: none !important; }

.overlay {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8); }
  .overlay > .close {
    position: fixed;
    top: 1rem;
    right: 1rem; }

.page-loading {
  background: url("/img/ico-loading.svg") center no-repeat rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 1051; }

.loading {
  background: url("/img/ico-loading.svg") no-repeat center; }

.text-money {
  padding-left: 1.5rem;
  border-color: #ff7200; }

.section {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: solid 1px #e5eaed; }

.section .title {
  padding-right: 10px; }

.n-pictures {
  margin-left: 5px;
  background-color: #ff7200;
  font-size: 1.5rem;
  color: white;
  width: 33px;
  height: 33px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  padding: 3px;
  line-height: 1.4;
  font-weight: 500;
  margin-right: 10px; }

.n-pictures.post {
  background-color: #000; }

#container {
  margin-left: 33%;
  height: 100%; }
  @media (max-width: 1199px) {
    #container {
      margin-left: 30%; } }
  @media (max-width: 991px) {
    #container {
      margin-left: 0;
      padding-top: 250px; }
      body.fix #container {
        padding-top: 80px; } }

#sidebar {
  width: 33%;
  background-image: linear-gradient(rgba(28, 214, 231, 0.62), rgba(28, 214, 231, 0.8)), url(/img/bg-sidebar.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: fixed;
  height: 100%;
  background-size: cover;
  border-right: solid 1px #bdbdbd;
  z-index: 1;
  left: 0;
  transition: 0.5s ease;
  z-index: 1000;
  transition: all 0.2s ease-in-out; }
  @media (max-width: 1199px) {
    #sidebar {
      width: 30%; } }
  @media (max-width: 991px) {
    #sidebar {
      width: 100%;
      height: 250px;
      border-right: 0;
      border-bottom: solid 1px #bdbdbd; }
      body.fix #sidebar {
        height: 44px; } }
  .show-nav #sidebar {
    left: 300px;
    transition: left 0.5s ease; }
    @media (max-width: 575px) {
      .show-nav #sidebar {
        left: 275px; } }
  #sidebar .profile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #ffffff;
    margin-top: -2rem;
    padding: 0 6rem 0 4rem; }
    @media (max-width: 1199px) {
      #sidebar .profile {
        padding: 0 2rem; } }
    #sidebar .profile span {
      display: block;
      width: 133px;
      height: 133px;
      border: solid 5px #ffffff;
      border-radius: 50%;
      margin: 0 auto 2rem; }
      @media (max-width: 991px) {
        #sidebar .profile span {
          width: 94px;
          height: 94px;
          margin-bottom: 1rem; } }
    #sidebar .profile h3 {
      margin-bottom: 0.5rem;
      color: #ffffff; }
    #sidebar .profile p {
      margin-bottom: 0;
      word-break: break-all; }

#content {
  flex: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 2rem;
  height: 100%; }
  @media (max-width: 767px) {
    #content {
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 1rem; } }
  #content .content-wrapper {
    padding-bottom: 1rem;
    padding-top: 1rem; }
    @media (max-width: 767px) {
      #content .content-wrapper {
        padding: 1rem; } }
  body.fix #content {
    padding-top: 8rem; }

#site-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }
  #site-wrapper #site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  @media (min-width: 992px) {
    #site-wrapper.hide-sidebar .sidebar {
      width: 0px;
      border: none;
      transition: all 0.4s ease-in-out; }
    #site-wrapper.hide-sidebar .brand {
      display: none; }
    #site-wrapper.hide-sidebar .main-nav {
      overflow: visible; }
    #site-wrapper.hide-sidebar .profile {
      opacity: 0; }
    #site-wrapper.hide-sidebar .brand {
      margin-left: -300px; }
    #site-wrapper.hide-sidebar .profile {
      opacity: 0;
      display: none; }
    #site-wrapper.hide-sidebar #container {
      margin-left: 4%; } }

.row.nonadaptive {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .row.nonadaptive .col {
    width: auto;
    margin-left: 2%; }

.main-nav {
  z-index: 100;
  position: relative;
  width: 100%;
  transition: all 0.5s;
  display: flex;
  background-color: #1cd6e7;
  height: 46px;
  overflow: hidden;
  min-width: 48px; }
  .main-nav .brand {
    display: inline-block;
    height: 48;
    padding: 12px; }

.sub-nav {
  list-style: none;
  background-color: #ffffff;
  position: absolute;
  right: 0;
  z-index: 1000;
  height: 100%;
  width: 3rem;
  margin: 0; }
  @media (max-width: 991px) {
    .sub-nav {
      width: 100%;
      height: 48px;
      bottom: 0px;
      display: flex; } }
  .sub-nav li {
    height: 25%; }
    @media (max-width: 991px) {
      .sub-nav li {
        width: 25%;
        height: 48px;
        display: inline-block; } }
    .sub-nav li a {
      display: block;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 56%; }
      @media (max-width: 991px) {
        .sub-nav li a {
          background-size: 28px; } }
      .sub-nav li a.active {
        border-right: solid 3px #ff7200; }
        @media (max-width: 991px) {
          .sub-nav li a.active {
            border-right: 0;
            border-bottom: solid 3px #ff7200; } }
      .sub-nav li a.schedule {
        background-image: url("/img/ico-home.svg"); }
      .sub-nav li a.access {
        background-image: url("/img/ico-door.svg"); }
      .sub-nav li a.jobs {
        background-image: url("/img/ico-bag.svg"); }
      .sub-nav li a.calendar {
        background-image: url("/img/ico-calendar.svg"); }

.menu-mobile {
  width: 300px;
  height: 100%;
  position: fixed;
  top: 0;
  left: -300px;
  transition: left 0.5s ease;
  z-index: 100; }
  @media (max-width: 575px) {
    .menu-mobile {
      width: 275px;
      left: -275px; } }
  .show-nav .menu-mobile {
    left: 0px;
    transition: left 0.5s ease; }
  .menu-mobile.is-active {
    margin-left: 0;
    transition: all 0.2s ease-in-out;
    position: fixed; }
    .menu-mobile.is-active .transparent-layout {
      opacity: 0.6;
      transition: opacity 1s ease-in-out; }
  .menu-mobile .menu-mobile-items {
    position: absolute;
    left: 0;
    z-index: 95;
    margin: 0;
    height: 100%;
    background-color: #f7f7f7;
    width: 100%;
    overflow-y: auto; }
    @media (max-width: 991px) {
      .menu-mobile .menu-mobile-items {
        overflow-y: auto; } }
    .menu-mobile .menu-mobile-items ul {
      margin: 0; }
      .menu-mobile .menu-mobile-items ul li {
        float: none;
        text-transform: uppercase;
        list-style: none;
        border-top: solid 1px #e5eaed;
        position: relative; }
        .menu-mobile .menu-mobile-items ul li a {
          text-decoration: none;
          display: inline-block;
          justify-content: center;
          flex-direction: column;
          padding: 1rem;
          color: #313439; }
          .menu-mobile .menu-mobile-items ul li a:only-child {
            width: 100%; }
          .menu-mobile .menu-mobile-items ul li a .caret {
            position: absolute;
            right: 1rem;
            top: 1rem; }
          .menu-mobile .menu-mobile-items ul li a + a {
            width: auto; }
          .menu-mobile .menu-mobile-items ul li a.collapse-toggle {
            display: inline-block;
            width: auto; }
        .menu-mobile .menu-mobile-items ul li ul li a:not(.count) {
          padding-left: 1.1rem; }
          .menu-mobile .menu-mobile-items ul li ul li a:not(.count):before {
            content: '\203A';
            font-size: 1.2rem;
            margin-right: 5px; }
  .menu-mobile .count {
    background-color: #ff7200;
    display: inline-block;
    border-radius: 8px;
    padding: 0.1rem 0.5rem !important;
    color: #ffffff !important;
    font-size: 0.8rem; }
  .menu-mobile .transparent-layout {
    opacity: 0;
    transition: opacity 0.05s ease-in-out;
    background-color: #111111;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  background-color: #1cd6e7;
  font: inherit;
  color: inherit;
  text-transform: none;
  border: 0;
  margin: 0;
  width: 48px;
  padding: 14px;
  overflow: hidden; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 20px;
  height: 18px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

.hamburger--slider .hamburger-inner {
  top: 1px; }
  .hamburger--slider .hamburger-inner::before {
    top: 8px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 16px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-2.85714px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(-90deg); }

.calendar {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative; }

.panel-calendar {
  padding-left: 20px; }
  .panel-calendar .form-group {
    margin-bottom: 0; }

.arrows {
  width: 100%; }
  .arrows > a {
    display: block;
    position: absolute;
    width: 5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    padding: 0;
    height: 100%; }
    .arrows > a:first-child {
      left: 0;
      background-image: url("/img/ico-arrow-left.svg"); }
    .arrows > a:last-child {
      right: 0;
      background-image: url("/img/ico-arrow-right.svg"); }

.calendar-panels {
  position: relative;
  padding-top: 2rem;
  overflow-x: auto;
  width: 90%;
  margin: 0 5%;
  flex: 1; }
  .calendar-panels .calendar-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fill, 235px);
    grid-gap: 5px;
    margin-bottom: 5px; }
    @media (max-width: 767px) {
      .calendar-panels .calendar-boxes {
        grid-template-columns: repeat(auto-fill, 155px); } }
    .calendar-panels .calendar-boxes a {
      display: block; }
      .calendar-panels .calendar-boxes a h4 {
        text-decoration: underline; }
  .calendar-panels .calendar-table {
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    top: 0;
    grid-gap: 5px; }
    .calendar-panels .calendar-table .header-row {
      grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
      display: flex;
      display: grid;
      grid-gap: 5px;
      height: 100%; }
      @media (max-width: 767px) {
        .calendar-panels .calendar-table .header-row {
          grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); } }
      .calendar-panels .calendar-table .header-row .calendar-header-col {
        text-align: center;
        grid-row: 1;
        padding-top: 5px;
        width: 235px; }
        @media (max-width: 767px) {
          .calendar-panels .calendar-table .header-row .calendar-header-col {
            width: 155px;
            padding-top: 2px;
            font-size: 1rem; } }
        .calendar-panels .calendar-table .header-row .calendar-header-col:nth-child(odd) {
          background-color: #f7f7f7; }

.box {
  color: #ffffff;
  padding: 1rem 1.5rem;
  font-size: 0.85rem;
  position: relative;
  border-left: solid 4px transparent;
  line-height: 1.3rem;
  z-index: 1; }
  .box:hover {
    color: #ffffff; }
  @media (max-width: 767px) {
    .box {
      padding: 1rem 1rem 1.5rem;
      font-size: 0.82rem; }
      .box .box-time {
        font-size: 0.8rem; } }
  .box h4 {
    color: #ffffff;
    font-size: 0.9rem;
    margin-bottom: 0;
    line-height: 1.3rem; }
    @media (max-width: 767px) {
      .box h4 {
        font-size: 0.8rem; } }
  .box p {
    margin-bottom: 0; }
  .box.repair {
    background-color: #ff7200; }
    .box.repair .box-time {
      background-color: #1cd6e7; }
  .box.quote {
    background-color: #1cd6e7; }
    .box.quote .box-time {
      background-color: #ff7200; }
  .box.rectification {
    background-color: red; }
    .box.rectification .box-time {
      background-color: #111111; }
  .box.awaiting-review {
    background-color: #676b72; }
    .box.awaiting-review .box-time {
      background-color: #111111; }
  .box.active {
    border-left: solid 4px #111111; }
    .box.active .box-time {
      background-color: #111111; }

.box-time {
  color: #ffffff;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px 6px;
  font-size: 0.8rem; }
  @media (max-width: 767px) {
    .box-time {
      padding: 0.1rem 0.8rem;
      font-size: 1rem; } }

@keyframes slideUp {
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0; } }

@keyframes slideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes flipIn {
  from {
    opacity: 0;
    transform: scaleY(0); }
  to {
    opacity: 1;
    transform: scaleY(1); } }

@keyframes flipOut {
  from {
    opacity: 1;
    transform: scaleY(1); }
  to {
    opacity: 0;
    transform: scaleY(0); } }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.03, 1.03, 1.03); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes shake {
  15% {
    transform: translateX(0.5rem); }
  30% {
    transform: translateX(-0.4rem); }
  45% {
    transform: translateX(0.3rem); }
  60% {
    transform: translateX(-0.2rem); }
  75% {
    transform: translateX(0.1rem); }
  90% {
    transform: translateX(0); }
  90% {
    transform: translateX(0); } }

.fadeIn {
  animation: fadeIn 250ms; }

.fadeOut {
  animation: fadeOut 250ms; }

.zoomIn {
  animation: zoomIn 200ms; }

.zoomOut {
  animation: zoomOut 500ms; }

.slideInRight {
  animation: slideInRight 500ms; }

.slideInLeft {
  animation: slideInLeft 500ms; }

.slideInDown {
  animation: slideInDown 500ms; }

.slideOutLeft {
  animation: slideOutLeft 500ms; }

.slideOutRight {
  animation: slideOutRight 500ms; }

.slideOutUp {
  animation: slideOutUp 500ms; }

.slideUp {
  overflow: hidden;
  animation: slideUp 200ms ease-in-out; }

.slideDown {
  overflow: hidden;
  animation: slideDown 80ms ease-in-out; }

.flipIn {
  animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5); }

.flipOut {
  animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5); }

.rotate {
  animation: rotate 500ms; }

.pulse {
  animation: pulse 250ms 2; }

.shake {
  animation: shake 500ms; }

.dropdown {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  width: 280px;
  color: #000;
  font-size: 15px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  max-height: 300px;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .dropdown.dropdown-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-height: none;
    border: none; }
  .dropdown .close {
    margin: 20px auto; }
  .dropdown.open {
    overflow: auto; }
  .dropdown ul {
    list-style: none;
    margin: 0; }
    .dropdown ul li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
      .dropdown ul li:last-child {
        border-bottom: none; }
    .dropdown ul a {
      display: block;
      padding: 12px;
      text-decoration: none;
      color: #000; }
      .dropdown ul a:hover {
        background: rgba(0, 0, 0, 0.05); }

.modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 200; }

.modal {
  margin: auto;
  margin-top: 16px;
  padding: 0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  color: #000; }
  @media (max-width: 768px) {
    .modal input,
    .modal textarea {
      font-size: 16px; } }
  .modal .close {
    padding: 0;
    position: absolute;
    top: -14px;
    right: -14px;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    opacity: 1;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: bold;
    background-color: #ff7200;
    z-index: 1000;
    text-align: center; }
    @media (max-width: 768px) {
      .modal .close {
        top: 10px;
        right: 10px;
        height: 28px;
        width: 28px; } }
    .modal .close:hover {
      opacity: 1; }
    .modal .close:before {
      text-align: center;
      top: 0;
      position: relative; }
  .modal .modal-backdrop {
    opacity: 0.85; }
  .modal .modal-content {
    border: none; }
  .modal .modal-title {
    color: #fff;
    margin-bottom: 8px;
    font-size: 24px; }
  .modal .modal-header {
    padding: 0;
    border: none; }
  .modal .modal-body {
    padding: 20px 15px; }
  .modal .modal-footer {
    padding: 25px 15px; }
    .modal .modal-footer .btn {
      margin-bottom: 10px; }
  @media (max-width: 768px) {
    .modal .modal .close {
      top: -7px;
      right: -7px; } }
  .modal .lock-job {
    height: 25px; }
  .modal .lock-job label {
    float: left; }
  .modal .lock-job .switch {
    float: left;
    margin-top: -5px;
    margin-left: 15px; }
  .modal .job-download-option {
    margin-top: 10px;
    width: 100%; }

.modal-header {
  padding: 24px 32px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .modal-header:empty {
    display: none; }
  .modal-header h5 {
    margin-bottom: 0; }

.modal-body {
  padding: 36px 56px; }
  .modal-body .row {
    padding-bottom: 1rem; }

@media (max-width: 768px) {
  .modal-header,
  .modal-body {
    padding: 24px; } }

div.alert {
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex;
  padding: 5px; }
  div.alert.alert-info {
    background: #ff7200; }
    div.alert.alert-info button {
      background: #ff7200; }
  div.alert.alert-error {
    background: red; }
    div.alert.alert-error button {
      background: red; }
  div.alert .msg {
    margin: 10px;
    color: #ffffff;
    font-weight: bold; }

.tabs {
  margin-bottom: 24px;
  font-size: 14px; }
  .tabs li em,
  .tabs li.active a {
    color: #313439;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: default;
    text-decoration: none;
    background: none; }
  .tabs li.related a {
    color: #313439;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: default;
    text-decoration: none;
    background: none; }
  .tabs em,
  .tabs a {
    position: relative;
    top: 1px;
    font-style: normal;
    display: block;
    padding: .5rem 1rem;
    border: 1px solid transparent;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none; }
  .tabs a:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #313439;
    text-decoration: underline;
    background-color: #e5eaed; }

.tabs ul {
  display: flex;
  margin-top: -1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.tabs li em,
.tabs li.active a {
  border-bottom: 1px solid #fff; }

.spot {
  margin-bottom: 0.7rem; }
  .spot .tabs {
    margin-bottom: 0; }
    .spot .tabs ul {
      border-bottom: none; }
      .spot .tabs ul li .button {
        top: 2px;
        position: relative;
        min-height: 38px;
        border: 0;
        background-color: #1cd6e7;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
      .spot .tabs ul li a {
        background-color: #f7f7f7;
        border: solid 1px #ffffff;
        cursor: default; }
      .spot .tabs ul li:nth-child(2) a {
        border-radius: 0; }
      .spot .tabs ul li:last-child a {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
  .spot.active ul li .button {
    background-color: #ff7200; }
  .spot.active ul li .camera {
    background-image: url("/img/ico-camera-orange.svg"); }
  .spot.active ul li .burguer {
    background-image: url("/img/ico-burguer-orange.svg"); }
  .spot.active ul li.active a {
    background-color: #ffffff;
    border: 1px solid #e5eaed;
    border-bottom: 1px solid #ffffff; }
  .spot.related ul li .button {
    background-color: #ff7200; }
  .spot.related ul li .camera {
    background-image: url("/img/ico-camera-orange.svg"); }
  .spot.related ul li .burguer {
    background-image: url("/img/ico-burguer-orange.svg"); }
  .spot .icon {
    background-repeat: no-repeat !important;
    height: 40px;
    width: 50px;
    background-size: 22px !important;
    background-position: center center;
    display: block; }
    .spot .icon.camera {
      background-image: url("/img/ico-camera-blue.svg"); }
    .spot .icon.burguer {
      background-image: url("/img/ico-burguer-blue.svg"); }
  .spot li.active a {
    background-color: #ffffff; }
    .spot li.active a.icon {
      background-position: center center !important; }
  .spot li.related a {
    background-color: #ffffff; }
    .spot li.related a.icon {
      background-position: center center !important; }
  .spot .tabs-content {
    border: 1px solid #e5eaed; }
    .spot .tabs-content #spot-files-car {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
  .spot .tab {
    background-color: #ffffff;
    padding: 1rem; }

.tmb {
  position: relative;
  width: 100px !important;
  margin-left: 2% !important; }
  .tmb a.item {
    display: block;
    font-size: 0;
    height: 100px;
    position: relative;
    margin-bottom: 1rem; }
    .tmb a.item .kube-search {
      position: absolute;
      z-index: 1;
      color: white;
      background: rgba(0, 0, 0, 0.4);
      border: solid 1PX;
      bottom: 5px;
      width: 22PX;
      height: 22PX;
      border-radius: 50%;
      text-align: center;
      line-height: 1.5;
      left: 5px;
      font-size: 14px; }
  .tmb .close {
    background-color: #ff7200;
    border-radius: 50%;
    color: #ffffff;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 22px;
    height: 22px;
    opacity: 1;
    font-size: 11px;
    line-height: 22px;
    text-decoration: none; }
  .tmb .close.post {
    background-color: #000; }

.shape {
  background-color: #1cd6e7;
  border-radius: 50%;
  margin-left: -20px;
  margin-top: -20px;
  color: #ffffff;
  text-align: center;
  line-height: 2.5rem;
  flex-direction: column;
  justify-content: center;
  display: flex !important; }
  .shape:hover {
    color: #ffffff; }
  .shape.active {
    background-color: #ff7200; }
    .shape.active:before {
      content: '';
      border: solid 3px #ff7200;
      width: 54px;
      height: 54px;
      position: absolute;
      border-radius: 50%;
      left: -7px;
      top: -7px; }

#viewport {
  margin: 0 auto; }

#canvas {
  position: relative; }
  @media (min-width: 992px) {
    #canvas {
      transform: scale(0.7);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0; } }
  @media (min-width: 1200px) {
    #canvas {
      transform: scale(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0; } }
  @media (max-width: 991px) {
    #canvas {
      transform: scale(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0; } }
  @media (max-width: 575px) {
    #canvas {
      transform: scale(0.8);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0; } }
  #canvas .ui-draggable {
    position: absolute !important;
    width: 40px;
    height: 40px;
    display: block;
    z-index: 10; }

.button-bck-car {
  position: absolute;
  right: 29px;
  top: 50px; }
  @media (max-width: 991px) {
    .button-bck-car {
      top: 107px; } }
  @media (max-width: 575px) {
    .button-bck-car {
      top: 102px; } }

.spots-contain {
  overflow-y: auto; }

.nav-car {
  position: absolute;
  right: 0;
  width: 100%;
  background-color: #ffffff;
  transition: all 0.5s;
  height: 46px;
  overflow: hidden;
  display: flex;
  top: 46px; }
  @media (max-width: 991px) {
    .nav-car {
      flex-wrap: wrap;
      position: absolute; } }
  .hide-sidebar .nav-car {
    width: 100%; }
  .nav-car .col {
    display: table;
    width: 33.33333%; }
    .nav-car .col a {
      width: 100%;
      display: block;
      height: 46px;
      text-transform: uppercase;
      color: #313439;
      text-decoration: none;
      display: table-cell;
      vertical-align: middle;
      justify-content: center;
      flex-direction: column;
      line-height: 1rem;
      padding: 0 20px; }
      .nav-car .col a span {
        font-size: 0.8rem;
        width: 30px;
        height: 30px;
        background-color: #1cd6e7;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        margin-left: 15px;
        top: 8px;
        color: #ffffff;
        text-align: center;
        line-height: 1.9rem;
        display: none; }
        .nav-car .col a span.showNum {
          display: inline-block; }
      .nav-car .col a.active {
        background-color: #e5eaed; }
      @media (max-width: 991px) {
        .nav-car .col a {
          font-size: 1rem;
          padding-left: 26px; } }
    .nav-car .col a.done:before {
      content: '\2713\0020'; }

.car-page .drop-off-button {
  margin-left: 2rem; }
  @media (max-width: 768px) {
    .car-page .drop-off-button {
      margin-left: 1rem; } }

.car-page .bottom-buttons .button-wrapper {
  position: relative;
  display: inline-block; }
  .car-page .bottom-buttons .button-wrapper .button.arrow {
    background-position: 93% center; }
  .car-page .bottom-buttons .button-wrapper ul {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 1;
    list-style-type: none;
    border-radius: 3px;
    left: 0;
    margin: 0;
    min-width: 187px;
    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.055);
    margin-top: 10px; }
    @media (max-width: 400px) {
      .car-page .bottom-buttons .button-wrapper ul {
        left: unset;
        right: 0; } }
  .car-page .bottom-buttons .button-wrapper ul li {
    border-bottom: 2px solid #e5eaed; }
  .car-page .bottom-buttons .button-wrapper ul li:last-child {
    border-bottom: none; }
  .car-page .bottom-buttons .button-wrapper ul li h6 {
    margin: 10px 0;
    padding: 0 15px; }
  .car-page .bottom-buttons .button-wrapper ul li a {
    font-size: 13px;
    text-decoration: none;
    margin-right: 0; }

body.schedule-page,
body.layout-page {
  background: #e5eaed;
  height: auto;
  /* make mobile nav bar visible for desktop */
  /* temp calendar styling */
  /* calendar re-style */ }
  @media (max-width: 1199px) {
    body.schedule-page #content,
    body.layout-page #content {
      padding-top: 2rem; } }
  body.schedule-page #sidebar,
  body.layout-page #sidebar {
    height: 44px;
    width: 100%; }
  body.schedule-page #container,
  body.layout-page #container {
    padding-top: 0;
    margin-left: 0; }
  body.schedule-page #content,
  body.layout-page #content {
    padding-top: 2.2rem; }
    body.schedule-page #content .content-wrapper,
    body.layout-page #content .content-wrapper {
      padding-left: 0;
      padding-right: 0; }
  body.schedule-page .profile,
  body.layout-page .profile {
    display: none !important; }
  body.schedule-page .button.half.left,
  body.layout-page .button.half.left {
    display: none; }
  body.schedule-page.fix .wrapper-rows,
  body.layout-page.fix .wrapper-rows {
    background: white;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.37);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.18);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 501;
    width: 100%; }
    @media (min-width: 992px) {
      body.schedule-page.fix .wrapper-rows,
      body.layout-page.fix .wrapper-rows {
        padding: 5px 1rem 5px 60px; } }
    @media (min-width: 1200px) {
      body.schedule-page.fix .wrapper-rows,
      body.layout-page.fix .wrapper-rows {
        padding: 3px 1rem 3px 60px; } }
    @media (max-width: 991px) {
      body.schedule-page.fix .wrapper-rows,
      body.layout-page.fix .wrapper-rows {
        padding: 51px 1rem 5px; } }
  body.schedule-page .button.arrow,
  body.layout-page .button.arrow {
    text-transform: uppercase;
    background-image: url("../img/ico-expand-white.svg");
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 12px;
    padding-right: 32px;
    transition: all 0.2s ease-in-out; }
    body.schedule-page .button.arrow.active,
    body.layout-page .button.arrow.active {
      background-image: url("../img/ico-contract-white.svg"); }
  body.schedule-page .intro,
  body.layout-page .intro {
    padding: 75px 20px 0; }
    body.schedule-page .intro .container,
    body.layout-page .intro .container {
      clear: both;
      padding: 0 15px; }
    body.schedule-page .intro .hello,
    body.layout-page .intro .hello {
      font-weight: 100;
      display: block; }
    body.schedule-page .intro .hello div.subtitle,
    body.layout-page .intro .hello div.subtitle {
      font-size: 14px;
      color: #000; }
    body.schedule-page .intro .hello div.subtitle,
    body.layout-page .intro .hello div.subtitle {
      margin-top: 0.5em; }
    body.schedule-page .intro .hello > div.subtitle,
    body.layout-page .intro .hello > div.subtitle {
      margin-top: 0.5em; }
    body.schedule-page .intro .hello > div.subtitle ~ div.subtitle,
    body.layout-page .intro .hello > div.subtitle ~ div.subtitle {
      margin-top: 0em; }
    body.schedule-page .intro h2,
    body.layout-page .intro h2 {
      margin-right: 30px; }
    body.schedule-page .intro .button-wrapper,
    body.layout-page .intro .button-wrapper {
      position: relative;
      display: inline-block; }
      body.schedule-page .intro .button-wrapper ul,
      body.layout-page .intro .button-wrapper ul {
        display: none;
        position: absolute;
        background: #fff;
        z-index: 1;
        list-style-type: none;
        border-radius: 3px;
        left: 0;
        margin: 0;
        min-width: 187px;
        box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.055);
        margin-top: 10px; }
        @media (max-width: 400px) {
          body.schedule-page .intro .button-wrapper ul,
          body.layout-page .intro .button-wrapper ul {
            left: unset;
            right: 0; } }
      body.schedule-page .intro .button-wrapper ul li,
      body.layout-page .intro .button-wrapper ul li {
        border-bottom: 2px solid #e5eaed; }
      body.schedule-page .intro .button-wrapper ul li:last-child,
      body.layout-page .intro .button-wrapper ul li:last-child {
        border-bottom: none; }
      body.schedule-page .intro .button-wrapper ul li h6,
      body.layout-page .intro .button-wrapper ul li h6 {
        margin: 10px 0;
        padding: 0 15px; }
      body.schedule-page .intro .button-wrapper ul li a,
      body.layout-page .intro .button-wrapper ul li a {
        font-size: 13px;
        text-decoration: none; }
    @media (max-width: 991px) {
      body.schedule-page .intro,
      body.layout-page .intro {
        padding: 70px 0 0; }
        body.schedule-page .intro .container,
        body.layout-page .intro .container {
          margin-left: 0; } }
  body.schedule-page .panel-calendar,
  body.layout-page .panel-calendar {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0; }
  body.schedule-page .panel-calendar select,
  body.layout-page .panel-calendar select {
    max-width: 420px; }
  body.schedule-page .panel-calendar .form-group,
  body.layout-page .panel-calendar .form-group {
    float: left; }
  body.schedule-page .panel-calendar nav,
  body.layout-page .panel-calendar nav {
    width: 100%;
    max-width: 315px;
    position: relative;
    float: right;
    margin-top: -50px; }
    body.schedule-page .panel-calendar nav .label,
    body.layout-page .panel-calendar nav .label {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
    body.schedule-page .panel-calendar nav .pager,
    body.layout-page .panel-calendar nav .pager {
      margin: 20px 0; }
    body.schedule-page .panel-calendar nav .pager img,
    body.layout-page .panel-calendar nav .pager img {
      width: 6px; }
    body.schedule-page .panel-calendar nav .pager .previous,
    body.layout-page .panel-calendar nav .pager .previous {
      float: left; }
    body.schedule-page .panel-calendar nav .pager .right,
    body.layout-page .panel-calendar nav .pager .right {
      float: right; }
  body.schedule-page .legend,
  body.layout-page .legend {
    margin: 4rem 0 0 0; }
  @media (max-width: 825px) {
    body.schedule-page .panel-calendar .form-group,
    body.schedule-page .panel-calendar nav,
    body.layout-page .panel-calendar .form-group,
    body.layout-page .panel-calendar nav {
      float: unset; }
    body.schedule-page .panel-calendar nav,
    body.layout-page .panel-calendar nav {
      margin-top: 0; }
    body.schedule-page .legend,
    body.layout-page .legend {
      margin: 1rem 0 0 0; } }
  body.schedule-page .title,
  body.layout-page .title {
    font-size: 18px; }
  body.schedule-page .job-schedule-items,
  body.layout-page .job-schedule-items {
    margin-bottom: 15px; }
    body.schedule-page .job-schedule-items a,
    body.layout-page .job-schedule-items a {
      text-decoration: none; }
    body.schedule-page .job-schedule-items ul,
    body.layout-page .job-schedule-items ul {
      list-style-type: none;
      margin: 0;
      padding: 0 15px; }
    body.schedule-page .job-schedule-items ul li,
    body.layout-page .job-schedule-items ul li {
      padding: 12px 10px 12px 10px;
      border: 2px solid #ff7200;
      border-radius: 3px;
      position: relative;
      margin-bottom: 5px;
      height: 48px;
      width: 320px;
      display: inline-block; }
      @media (max-width: 951px) {
        body.schedule-page .job-schedule-items ul li,
        body.layout-page .job-schedule-items ul li {
          width: 100%;
          display: block; } }
      body.schedule-page .job-schedule-items ul li.rectification, body.schedule-page .job-schedule-items ul li.rectification span,
      body.layout-page .job-schedule-items ul li.rectification,
      body.layout-page .job-schedule-items ul li.rectification span {
        border-color: red; }
      body.schedule-page .job-schedule-items ul li.quote, body.schedule-page .job-schedule-items ul li.quote span,
      body.layout-page .job-schedule-items ul li.quote,
      body.layout-page .job-schedule-items ul li.quote span {
        border-color: #1cd6e7; }
      body.schedule-page .job-schedule-items ul li.collect, body.schedule-page .job-schedule-items ul li.collect span,
      body.layout-page .job-schedule-items ul li.collect,
      body.layout-page .job-schedule-items ul li.collect span {
        border-color: #000; }
    body.schedule-page .job-schedule-items ul li:first-child,
    body.layout-page .job-schedule-items ul li:first-child {
      text-align: center;
      display: block;
      background: #ff7200; }
      body.schedule-page .job-schedule-items ul li:first-child h6,
      body.layout-page .job-schedule-items ul li:first-child h6 {
        color: #fff; }
    body.schedule-page .job-schedule-items ul li span,
    body.layout-page .job-schedule-items ul li span {
      height: 46px;
      width: 48px;
      position: absolute;
      right: 0;
      top: 0;
      padding-top: 10px;
      text-align: center;
      border-left: 2px solid #ff7200; }
    body.schedule-page .job-schedule-items h6,
    body.layout-page .job-schedule-items h6 {
      margin-bottom: 0;
      font-size: 13px; }
    @media (max-width: 370px) {
      body.schedule-page .job-schedule-items ul li,
      body.layout-page .job-schedule-items ul li {
        text-align: left; } }
  body.schedule-page .js-date-move a,
  body.layout-page .js-date-move a {
    display: none; }
  body.schedule-page .calendar-panels,
  body.layout-page .calendar-panels {
    width: 100%;
    margin: 0;
    overflow-x: scroll; }
  body.schedule-page .calendar .box,
  body.layout-page .calendar .box {
    background-color: #fff !important;
    border-left: none !important;
    line-height: 1rem !important;
    padding: 10px 1.5rem 1.9rem 1.5rem !important;
    border-top: 3px solid;
    margin-left: 2px;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.045);
    cursor: pointer; }
    body.schedule-page .calendar .box .box-time,
    body.layout-page .calendar .box .box-time {
      left: 0;
      right: unset;
      width: 6rem;
      height: 20px;
      font-size: 11px;
      text-align: center;
      padding-top: 4px; }
    body.schedule-page .calendar .box .parts-request,
    body.layout-page .calendar .box .parts-request {
      right: 5px;
      left: unset;
      width: 30px;
      height: 20px;
      font-size: 11px;
      text-align: center;
      padding-top: 4px;
      top: 9px; }
    body.schedule-page .calendar .box .con-repair,
    body.layout-page .calendar .box .con-repair {
      right: 5px;
      left: unset;
      width: 30px;
      height: 20px;
      font-size: 11px;
      text-align: center;
      padding-top: 4px;
      top: 35px; }
    body.schedule-page .calendar .box .dropped-off,
    body.layout-page .calendar .box .dropped-off {
      right: 5px;
      left: unset;
      width: 30px;
      height: 20px;
      font-size: 11px;
      text-align: center;
      padding-top: 4px;
      top: 61px; }
    body.schedule-page .calendar .box .edit,
    body.layout-page .calendar .box .edit {
      position: absolute;
      bottom: 0;
      left: 60px;
      color: #fff;
      text-decoration: none;
      background: #000;
      padding: 3px 5px;
      height: 20px;
      text-align: center;
      text-transform: uppercase;
      font-size: 10px; }
    body.schedule-page .calendar .box .edit-view,
    body.layout-page .calendar .box .edit-view {
      width: 100%;
      height: 90px;
      position: absolute;
      bottom: -90px;
      left: 0;
      text-align: center;
      display: none;
      padding: 22px 0 0 12px; }
      body.schedule-page .calendar .box .edit-view a,
      body.layout-page .calendar .box .edit-view a {
        text-decoration: none;
        border: 1px solid #fff;
        padding: 3px 0;
        width: 55px;
        float: left;
        margin-right: 10px;
        text-transform: uppercase;
        color: #fff;
        border-radius: 3px;
        margin-bottom: 3px; }
      @media (min-width: 825px) {
        body.schedule-page .calendar .box .edit-view a.dropped-off-btn,
        body.layout-page .calendar .box .edit-view a.dropped-off-btn {
          width: 75px;
          white-space: nowrap; } }
    body.schedule-page .calendar .box.awaiting-review,
    body.layout-page .calendar .box.awaiting-review {
      border-color: #676b72; }
      body.schedule-page .calendar .box.awaiting-review .box-time, body.schedule-page .calendar .box.awaiting-review .edit-view,
      body.layout-page .calendar .box.awaiting-review .box-time,
      body.layout-page .calendar .box.awaiting-review .edit-view {
        background: #676b72; }
      body.schedule-page .calendar .box.awaiting-review .inverse,
      body.layout-page .calendar .box.awaiting-review .inverse {
        background: white;
        color: #676b72;
        border: #676b72 solid 3px;
        padding: 0px; }
    body.schedule-page .calendar .box.repair,
    body.layout-page .calendar .box.repair {
      border-color: #ff7200; }
      body.schedule-page .calendar .box.repair .box-time, body.schedule-page .calendar .box.repair .edit-view,
      body.layout-page .calendar .box.repair .box-time,
      body.layout-page .calendar .box.repair .edit-view {
        background: #ff7200; }
      body.schedule-page .calendar .box.repair .inverse,
      body.layout-page .calendar .box.repair .inverse {
        background: white;
        color: #ff7200;
        border: #ff7200 solid 3px;
        padding: 0px; }
    body.schedule-page .calendar .box.rectification,
    body.layout-page .calendar .box.rectification {
      border-color: red; }
      body.schedule-page .calendar .box.rectification .box-time, body.schedule-page .calendar .box.rectification .edit-view,
      body.layout-page .calendar .box.rectification .box-time,
      body.layout-page .calendar .box.rectification .edit-view {
        background: red; }
      body.schedule-page .calendar .box.rectification .inverse,
      body.layout-page .calendar .box.rectification .inverse {
        background: white;
        color: red;
        border: red solid 3px;
        padding: 0px; }
    body.schedule-page .calendar .box.quote,
    body.layout-page .calendar .box.quote {
      border-color: #1cd6e7; }
      body.schedule-page .calendar .box.quote .box-time, body.schedule-page .calendar .box.quote .edit-view,
      body.layout-page .calendar .box.quote .box-time,
      body.layout-page .calendar .box.quote .edit-view {
        background: #1cd6e7; }
      body.schedule-page .calendar .box.quote .inverse,
      body.layout-page .calendar .box.quote .inverse {
        background: white;
        color: #1cd6e7;
        border: #1cd6e7 solid 3px;
        padding: 0px; }
    body.schedule-page .calendar .box h4, body.schedule-page .calendar .box p,
    body.layout-page .calendar .box h4,
    body.layout-page .calendar .box p {
      color: #000; }
    body.schedule-page .calendar .box h4,
    body.layout-page .calendar .box h4 {
      text-decoration: none !important; }
  body.schedule-page .calendar .calendar-header-col,
  body.layout-page .calendar .calendar-header-col {
    padding-left: 10px;
    padding-right: 10px; }
    body.schedule-page .calendar .calendar-header-col .drop-off,
    body.layout-page .calendar .calendar-header-col .drop-off {
      float: right;
      font-weight: bold;
      cursor: pointer;
      margin-right: -10px; }
      body.schedule-page .calendar .calendar-header-col .drop-off img,
      body.layout-page .calendar .calendar-header-col .drop-off img {
        float: right;
        width: 30px;
        margin-top: -4px; }
  body.schedule-page .drop-offs-legend,
  body.layout-page .drop-offs-legend {
    margin-left: 5px; }
    body.schedule-page .drop-offs-legend img,
    body.layout-page .drop-offs-legend img {
      width: 25px;
      position: absolute;
      top: -7px;
      left: -15px; }

/* Drop off modal styling */
#dropOffModal .modal-body {
  padding: 10px 0 0 0;
  max-height: 600px;
  overflow-y: scroll; }

#dropOffModal table, #dropOffModal td, #dropOffModal th {
  border-bottom: none; }

#dropOffModal th {
  background: none;
  color: #000; }

#dropOffModal th:first-child,
#dropOffModal td:first-child {
  padding-left: 15px; }

#dropOffModal tr:nth-child(even) {
  background: #f7f7f7; }

#dropOffModal td .button {
  padding: 3px 8px;
  height: auto;
  min-height: unset;
  margin-right: 10px;
  font-size: 11px;
  float: right; }
  @media (max-width: 400px) {
    #dropOffModal td .button {
      float: left;
      margin-top: 5px; } }

.repair .select2-container-multi .select2-choices .select2-search-choice {
  background: #ff7200; }

.rectification .select2-container-multi .select2-choices .select2-search-choice {
  background: red; }

.collect .select2-container-multi .select2-choices .select2-search-choice {
  background: #676b72; }

.quote .select2-container-multi .select2-choices .select2-search-choice {
  background: #1cd6e7; }

.select2-choices {
  padding-top: 5px; }

.select2-container-multi .select2-choices .select2-search-choice {
  border-radius: 16px;
  background: #adabab;
  color: #fff;
  box-shadow: none;
  border: none;
  padding-left: 32px;
  text-transform: uppercase;
  padding: 11px 15px 11px 40px; }
  .select2-container-multi .select2-choices .select2-search-choice.repair {
    background: #ff7200; }
  .select2-container-multi .select2-choices .select2-search-choice.rectification {
    background: red; }
  .select2-container-multi .select2-choices .select2-search-choice.quote {
    background: #1cd6e7; }
  .select2-container-multi .select2-choices .select2-search-choice.collect {
    background: #676b72; }

.select2-container-multi .select2-search-choice-close {
  left: 7px;
  top: 6px;
  height: 22px;
  width: 30px;
  background: url("/img/close.png") no-repeat !important;
  background-size: contain !important; }

.new-job-list {
  display: none; }
  .new-job-list h6 {
    font-size: 13px; }

.quick-search .btn {
  max-width: 420px;
  background-image: url("../img/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 94% center;
  margin-top: 15px; }

.quick-search .quick-search-info {
  width: 100%;
  color: #fff;
  background: #adabab;
  padding: 12px 0;
  position: relative; }
  .quick-search .quick-search-info.repair {
    background: #ff7200; }
  .quick-search .quick-search-info.rectification {
    background: red; }
  .quick-search .quick-search-info.awaiting-review {
    background: #676b72; }
  .quick-search .quick-search-info.quote {
    background: #1cd6e7; }
  .quick-search .quick-search-info .header {
    padding: 0 15px; }
  .quick-search .quick-search-info h5, .quick-search .quick-search-info h6 {
    color: #fff;
    margin-bottom: 0; }
  .quick-search .quick-search-info .info-row {
    padding: 5px 15px;
    font-size: 15px;
    margin: 0;
    font-weight: bold; }
    .quick-search .quick-search-info .info-row span {
      float: right;
      font-weight: 100; }
    .quick-search .quick-search-info .info-row.dark {
      background: rgba(0, 0, 0, 0.05); }
    .quick-search .quick-search-info .info-row.total {
      font-size: 18px; }
      .quick-search .quick-search-info .info-row.total span {
        font-weight: bold; }

.quick-search .info-btns .button {
  color: #fff;
  padding: 8px 12px;
  margin: 0;
  min-height: unset;
  float: right; }

#gesured-zone .intro {
  padding-top: 121px; }

.parts-drop-down .add-part-btn {
  width: 130px;
  font-size: 12px;
  font-weight: normal;
  color: #ff7200; }
  .parts-drop-down .add-part-btn:before {
    content: 'Add new part'; }
  .parts-drop-down .add-part-btn.active:before {
    content: 'Cancel'; }

.parts-drop-down .part-cost-label {
  font-weight: 500;
  margin-bottom: 5px; }

.parts-drop-down .part-btn {
  width: 130px;
  font-size: 12px;
  font-weight: normal;
  color: #ff7200; }

.parts-drop-down .form-item {
  margin-bottom: 1rem; }

.parts-drop-down .add-parts {
  display: none;
  margin-bottom: 20px; }

.parts-drop-down .part-added {
  margin: 0 -14px;
  padding: 45px 15px 10px;
  border-top: 2px solid #f7f7f7;
  margin-top: 30px;
  position: relative; }
  .parts-drop-down .part-added h5 {
    text-transform: none; }
  .parts-drop-down .part-added .number {
    position: absolute;
    width: 45px;
    height: 27px;
    background: #ff7200;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    padding-top: 3px; }
  .parts-drop-down .part-added label {
    font-weight: 500;
    margin-bottom: 5px; }

.con-drop-down .add-con-btn {
  width: 155px;
  font-size: 12px;
  font-weight: normal;
  color: #ff7200; }
  .con-drop-down .add-con-btn:before {
    content: 'Add new repair'; }
  .con-drop-down .add-con-btn.active:before {
    content: 'Cancel'; }

.con-drop-down .form-item {
  margin-bottom: 1rem; }

.con-drop-down .add-con {
  display: none;
  margin-bottom: 20px; }

.con-drop-down .con-added {
  margin: 0 -14px;
  padding: 45px 15px 10px;
  border-top: 2px solid #f7f7f7;
  margin-top: 30px;
  position: relative; }
  .con-drop-down .con-added h5 {
    text-transform: none; }
  .con-drop-down .con-added .number {
    position: absolute;
    width: 45px;
    height: 27px;
    background: #ff7200;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    padding-top: 3px; }
  .con-drop-down .con-added label {
    font-weight: 500;
    margin-bottom: 5px; }

.mech-drop-down .add-mech-btn {
  width: 155px;
  font-size: 12px;
  font-weight: normal;
  color: #ff7200; }
  .mech-drop-down .add-mech-btn:before {
    content: 'Add new repair'; }
  .mech-drop-down .add-mech-btn.active:before {
    content: 'Cancel'; }

.mech-drop-down .form-item {
  margin-bottom: 1rem; }

.mech-drop-down .add-mech {
  display: none;
  margin-bottom: 20px;
  margin-top: 10px; }

.mech-drop-down .mech-added {
  margin: 0 -14px;
  padding: 45px 15px 10px;
  border-top: 2px solid #f7f7f7;
  margin-top: 30px;
  position: relative; }
  .mech-drop-down .mech-added h5 {
    text-transform: none; }
  .mech-drop-down .mech-added .number {
    position: absolute;
    width: 45px;
    height: 27px;
    background: #ff7200;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    padding-top: 3px; }
  .mech-drop-down .mech-added label {
    font-weight: 500;
    margin-bottom: 5px; }

.tab-content > div {
  display: none; }
  .tab-content > div.active {
    display: block; }

.nav-tabs {
  position: relative;
  height: 42px;
  margin: 30px 0;
  border-bottom: 1px solid #ddd; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav > li {
  position: relative;
  display: block; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  background-color: #f7f7f7;
  text-decoration: none;
  color: #555;
  border-bottom: 1px solid #ddd; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }
  @media (max-width: 400px) {
    .nav > li > a {
      padding: 10px 8px; } }

.js-par #parts-toggle .parts-count {
  margin-left: 5px;
  background-color: #ff7200;
  font-size: 1rem;
  color: white;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  padding: 3px;
  line-height: 1;
  font-weight: 500;
  margin-right: 10px; }

.js-par #parts-toggle.active .parts-count {
  background-color: white;
  color: #ff7200; }

.panel-header {
  min-height: 60px;
  padding: 20px 15px;
  margin-bottom: 15px;
  position: relative; }

.panel-header .title {
  float: left;
  margin-right: 15px; }

.panel-header .button.arrow {
  position: absolute;
  height: 36px;
  top: 12px;
  right: 15px; }

.job-lookup select {
  width: 235px;
  float: left; }

.authorized-boxes {
  float: left;
  width: 240px; }
  .authorized-boxes .title {
    font-size: 14px !important;
    margin-left: 15px; }
  .authorized-boxes .wrapper {
    margin-left: 75px; }
  .authorized-boxes .checker {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block; }
  .authorized-boxes .auth-item,
  .authorized-boxes .not-auth-item, .authorized-boxes .drop-off-item {
    display: none; }
  .authorized-boxes .auth-item-checker {
    background-image: url("../img/checkbox-auth-off.svg"); }
  .authorized-boxes .auth-item:checked ~ .auth-item-checker {
    background-image: url("../img/checkbox-auth-on.svg"); }
  .authorized-boxes .not-auth-item-checker {
    background-image: url("../img/checkbox-notauth-off.svg"); }
  .authorized-boxes .not-auth-item:checked ~ .not-auth-item-checker {
    background-image: url("../img/checkbox-notauth-on.svg"); }
  .authorized-boxes .drop-off-item-checker {
    background-image: url("../img/drop-tog.png");
    opacity: 0.3;
    border: 1px solid;
    background-position: center;
    border-radius: 3px; }
  .authorized-boxes .drop-off-item:checked ~ .drop-off-item-checker {
    background-image: url("../img/drop-tog.png");
    opacity: 1; }

.auth-label {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  padding: 1px 5px;
  border-radius: 5px;
  position: relative; }
  .auth-label:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 1px;
    width: 13px;
    height: 15px; }
  .auth-label.auth {
    background: #62D86B; }
  .auth-label.auth:before {
    background-image: url("../img/auth-icon.svg"); }
  .auth-label.not-auth {
    background: red; }
  .auth-label.not-auth:before {
    background-image: url("../img/not-auth-icon.svg"); }
  .auth-label.lost-quote {
    background: red; }
  .auth-label.lost-quote:before {
    background-image: url("../img/lost-quote.svg");
    top: 2px;
    height: 13px; }

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

table .work-status .align-left {
  float: left; }

table .button-wrapper .button {
  min-height: 20px;
  padding: 3px 8px;
  font-size: 12px;
  text-align: center; }

table .button-wrapper .button.btn-short {
  width: 55px; }

table .button-wrapper .button.btn-long {
  width: 180px; }

table tr.repair {
  border-left: 8px solid #ff7200; }
  table tr.repair .button-wrapper a,
  table tr.repair .button-wrapper a:hover {
    color: #ff7200;
    border-color: #ff7200; }

table tr.quote {
  border-left: 8px solid #1cd6e7; }
  table tr.quote .button-wrapper a,
  table tr.quote .button-wrapper a:hover {
    color: #1cd6e7;
    border-color: #1cd6e7; }

table tr.rectification {
  border-left: 8px solid red; }
  table tr.rectification .button-wrapper a,
  table tr.rectification .button-wrapper a:hover {
    color: red;
    border-color: red; }

table tr.collect {
  border-left: 8px solid black; }
  table tr.collect .button-wrapper a,
  table tr.collect .button-wrapper a:hover {
    color: black;
    border-color: black; }

.col-50 {
  width: 50%;
  float: left; }
  .col-50.left {
    padding-right: 15px; }
  .col-50.right {
    padding-left: 15px; }
  .col-50 .form-group {
    margin-bottom: 30px; }
  .col-50 .form-group--label,
  .col-50 .form-group--input {
    display: block;
    width: 100%; }
  .col-50 .form-group--label {
    min-height: 25px; }
  @media (max-width: 700px) {
    .col-50 {
      width: 100%;
      float: none; }
      .col-50.left, .col-50.right {
        padding: 0; } }

.job-lookup-form .button-primary {
  float: right; }

@media (max-width: 700px) {
  .job-lookup select {
    width: 100%;
    float: none;
    margin-top: 45px; }
  .panel-header .button.arrow span {
    display: none; }
  .authorized-boxes .title {
    display: none; }
  .authorized-boxes .wrapper {
    margin: 0; }
  .authorized-boxes {
    position: absolute;
    top: 10px;
    left: 120px; } }

@media (max-width: 360px) {
  .authorized-boxes {
    padding-top: 5px;
    left: 115px; }
  .authorized-boxes .checker {
    width: 30px;
    height: 30px; } }

a.inline-image {
  max-height: 36px;
  display: inline-flex; }
  a.inline-image span {
    margin-right: 5px; }

/*# sourceMappingURL=maps/main.css.map */